/* --- Stylesheet 1094 () --------- */ 

#wrapper {overflow: hidden; position:relative; min-height: 400px; min-width:900px; }

.Rubrik_23149 #TraminoArtikel .Headlines h5 { display:none; }

body, #body {
	margin: 0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: #666;
	color:#000;
	position:relative;
}

#page {
}

#logo {
	position: relative;
	z-index:110;
}

#logo img.logo {
	padding-top:25px;
	padding-left:250px;
	padding-bottom:50px;
}

#logobuttons {
	position: absolute;
	left:25px;
	top:318px;
	width:175px;
	z-index:110;
	text-align:center;
}

#logobuttons a {
	color: #222;
	text-decoration:none;
}

#logobuttons a.buttons, #inhalt .buttons a {
	display:inline-block;
	padding: 5px 25px;
	margin:0 5px 5px 0;
	background: #fff;
	background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/113853/bg.png);
	background: rgba(255, 255, 255, 0.9);
	background:#C6D09B;
	color: #222;
	text-decoration: none;
	font-weight:normal;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#logobuttons a.buttons {
	display:block;
}

#logobuttons a.buttons:hover, #inhalt .buttons a:hover {
	background-color: #B0BD7C;
	color:#000;
}

a.echthaubers {
	background: transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	width:170px;
	margin-top:30px;
}

a.echthaubers:hover {
	background-color: #B0BD7C;
}


#header {
	z-index:120;
	position:relative;
	background: transparent url(/s/haubers/115142/bgheader.png) repeat-x center bottom;
}

#nav {
	position: relative;
	height: 36px;
	padding-top:10px;
	z-index:120;
	border-bottom: 1px solid #fff;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 14px;
}

#nav div.menu {
	padding: 0px 0px 0px 225px;
	display:block;
	float:left;
	height: 36px;
}

#nav li {
	float: left;
	list-style: none;
	margin: 4px 5px 0 0;
	padding: 7px 10px 10px 10px;
	position: relative;
}

#nav li.nav_aktiv, #nav li.nav_offen, #nav li.nav_aktiv:hover, #nav li.nav_offen:hover {
	background: #fff;
	color:#000 !important;
}

#nav ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight:normal;
}

#nav ul li li a, #nav ul li li.nav_aktiv:hover a {
	text-decoration: none;
	font-weight:normal;
	text-transform: none;
	text-shadow: none;
}


#nav ul li.nav_aktiv > a, #nav ul li li.nav_aktiv a, #nav ul li.nav_offen > a{
	color: #000;
	background: #fff;
}

#nav ul ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 33px;
	color: #222;
	background: #fff;
	padding: 9px 0px;
	font-size: 13px;
	width:auto;
}

#nav ul ul li, #nav ul ul li.nav_aktiv {
	margin: 0px;
	float: none;
	padding: 2px 25px 2px 12px;
	font-weight: normal;
}

#nav ul ul a {
	color: #4C7E56;
}

#nav li:hover ul {
	display: block;
}

#nav li:hover {
	background: #fff;
	background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/113853/bg.png);
	background: rgba(255, 255, 255, 0.9);
	text-shadow: none;
}


#nav li li.nav_aktiv:hover, #nav li li:hover {
	background: #fff;
	background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/113853/bg.png);
	background: rgba(255, 255, 255, 0.9);
}

#nav ul li:hover a {
	color:#222;
}


#nav li li:hover a {
	color: #000 !important;
	background-color: #fff;
	text-decoration: underline;
}

#motive { position: absolute; position: fixed; top: 0px; left: 0px; bottom:0px; right:0px; z-index: 1; overflow: hidden;}
.motiv img { display: block; width: 100%; position:absolute; }


@media only screen and (max-device-width: 480px) {
}

#content {
	margin: 25px 25px 50px 225px;
	padding: 0px;
	position:relative;
	z-index:10;
	max-width:815px;
	min-width:400px;
}

#content * {
	z-index:10;
}

#footer {
	padding: 25px 15px;
	position:relative;
	z-index:130;
	color:#666;
	background: #fff;
	background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/113853/bg.png);
	background: rgba(255, 255, 255, 0.9);
	font-size: 13px;
}

#footer .left {
	padding-right: 15px;
	position:relative;
	margin-left: 35px;
}

#footer .left a {
	color:#333;
	text-decoration:none;
}

#footer .left a:hover {
	text-decoration:underline;
}

#copyright a.button {
	background: #aaa;
	color: #fff;}

	#copyright a.button:hover {
		background-color: #999;
		color:#fff;
	}


	#footer .left span.icon {
		display:block;
		position:absolute;
		top:-5px;
	}

	#footer .left span.haubericon {
		width:50px;
		height:50px;
		left:-60px;
		top:-10px;
	}

	#footer .left span.infoicon {
		width:27px;
		height:27px;
		left:-35px;
	}


	#footer #lagekarte, #logo #lagekarte {
		background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/121923/lage1.png) no-repeat center center;
	}

	#footer #lagekarte:hover, #logo #lagekarte:hover{
		background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/121926/lage2.png) no-repeat center center;
	}


	#copyright {
		padding: 15px;
		position:relative;
		z-index:130;
		background: #fff;
		color: #999;
		font-size: 12px;
	}

	#copyright .left {
		padding-right: 15px;
	}

	#copyright a {
		color:#666;
	}


	#search {
		position: relative;
		margin: 0;
		width:200px;
		float:right;
		padding:8px;
		height:20px;
	}

	#search input[type=text] {
		background: transparent;
		border:0px solid #666;
		position:absolute;
		width:200px;
		top:9px;
		left:15px;
	}

	#search #searchfeld {
		background:#FFF;
		border:1px solid #666;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		padding: 2px 7px;
		position:absolute;
		width:161px;
		margin-right:25px;
		height:16px;
	}


	#search #searicon {
		display:block;
		position:absolute;
		background: transparent url(/s/haubers/101793/icons.png) -60px 0px no-repeat;
		width:14px;
		height:14px;
		top:11px;
		right:11px;
	}


	#suggestanker .traminosuggest {
		font-size:12px;
		border: 1px solid #86B180;
		background: #DBE5DD;
		width:216px;
		overflow:scroll;
		margin-top:-5px;
		height:200px;
	}

	#suggestanker .traminosuggest li.traminosuggest_over, #suggestanker .traminosuggest li.traminosuggest_over span.info_before,  #suggestanker .traminosuggest li.traminosuggest_over span.info_after {
		cursor: pointer;
		color: #fff !important;
		background-color: #4C7E56;
	}

	#suggestanker .traminosuggest li {
		white-space:normal;
		float:none;
		border-bottom: 1px solid #86B180;
	}

	#suggestanker {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}




	#TraminoArtikel .Headlines h5, #TraminoArtikel .Headlines h5 a {
		margin:0;
		padding:0;
		font-size:12px;
		text-transform: none;
		font-weight:normal;
	}

	#inhalt, #inhalt.startseite #TraminoArtikel {
		background: #fff;
		background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/113853/bg.png);
		background: rgba(255, 255, 255, 0.9);
	}

	#inhalt.startseite {
		background:transparent;
	}

	#inhalt a {
		color: #333;
		text-decoration:underline;
	}
	#inhalt a:hover {
		color: #000;
		text-decoration:underline;
	}

	#inhalt h1, #inhalt .TraminoVorlage.T89 h3 {
		font-weight:normal;
		font-size:26px;
		color: #111;
	}

	#inhalt h2, #inhalt .TraminoVorlage.T89 p {
		font-weight:normal;
		font-size:14px;
		color: #444;
	}

	#inhalt h3, #inhalt h4 {
		font-weight:bold;
		font-size:14px;
		color: #000;
	}

	#inhalt h3 a, #inhalt h4 a {
		text-decoration:none;
		color: #111;
	}

	#inhalt #TraminoArtikel h33 {
		font-weight:normal;
		font-size:32px;
		color: #111;
	}

	#inhalt .File .Name {
		color: #666;
		padding-bottom: 10px;
	}

	#TraminoArtikel, .TraminoVorlage.T98, .TraminoVorlage.T101, .TraminoVorlage.T49 .Objekt, .TraminoVorlage.T46, .TraminoVorlage.T212 {
		padding: 15px;
		margin-bottom:25px;
	}

	.TraminoVorlage {
		border-top: 2px solid white;
	}

	#inhalt .TraminoVorlage h2 {
		font-weight: normal;
		font-size: 18px;
		color: #111;
	}

	.TraminoVorlage.T28 h2, .TraminoVorlage.T28 div.intro, .TraminoVorlage.T800 h2, .TraminoVorlage.T800 div.intro, .TraminoVorlage.T49 h2, .TraminoVorlage.T125 h2, .TraminoVorlage.T564 h2 {
		padding: 15px;
		margin:10px 0;
		display:block;
	}

	#TraminoInhalt .spalte, .TraminoVorlage.T564 .item {
		padding: 15px;
		width: 150px;
		height: 165px;
		overflow: hidden;
		margin: 0px 20px 20px 0px;
		position: relative;
	}

	#TraminoInhalt .spalte p {
		font-size: 12px;
		margin-top:0px;
		display:none;
	}

	.Rubrik_3495 #TraminoInhalt .spalte {
		width:100%;
		height:auto;
		border-bottom: 1px solid #fff;
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	}

	.Rubrik_3495 #TraminoInhalt .spalte .Bild, .Rubrik_3495 #TraminoInhalt .spalte .Bild img {
		width:100px;
		height:75px;
		float:left;
		padding-left:5px;
	}

	.Rubrik_3495 #TraminoInhalt .spalte .inhalt {
		margin-left:125px;
		margin-right:30px;
		padding-top:20px;
		position:relative;
	}

	.Rubrik_3495 #TraminoInhalt .spalte .inhalt p {
		display:block;
	}

	.Rubrik_3495 #TraminoInhalt .spalte .inhalt span.created {
		position:absolute;
		top:0px;
		left:0px;
	}

	#angebotsbox .wrap {
		background: rgba(255, 255, 255, 0.9 );
		position:relative;
		margin-top: 15px;
	}

	#angebotsbox .Bild img {
		width:75px;
		height:50px;
	}

	#angebotsbox .wrap span.preis {
		padding:5px;
		margin:10px;
		background-color: #1C502E;
		color:#fff;
		position:absolute;
		top:0px;
		right:0px;
	}

	#angebotsbox .inhalt {
		padding: 5px;
		background: rgba(255, 255, 255, 0.9 );
		clear:left;
	}

	#angebotsbox h3 a {
		padding:0px;
		background:transparent;
	}

	#angebotsbox .inhalt p {
		display:none;
	}

	#angebotsbox div.spalte { width: 175px; }

	#angebotsbox div.spalte:hover {
		background:#fff;
		cursor:pointer;
	}

	.CheckboxWidget .checkbox {
		clear: left;
	}


	.box {
		background: #fff;
		background: transparent url(http://tramino.s3.amazonaws.com/s/haubers/113853/bg.png);
		background: rgba(255, 255, 255, 0.9);
		padding:15px;
		margin-bottom:25px;
	}

	.box h5 {
		padding:0;
		margin:0;
		font-size:12px;
		text-transform: uppercase;
	}

	#inhalt .box h5 a {
		text-decoration:none;
	}

	.box .buttons {
		float:right;
	}

	.box ul {
		padding: 0 0 0 15px;
		list-style-type: square;
		color:#4C7E56;
	}

	.box li {
		padding: 0 0 5px 0;
	}

	.box .bild_ideen {
		float:right;
	}

	.box .artikel {
		position:relative;
		margin: 30px 0;
		overflow:hidden;
	}

	.box .artikel .bild_autor {
		padding: 0 0 10px 10px;
		float:right;
	}

	.box .artikel .bild_artikel {
		padding: 0 10px 10px 0;
		float:left;
	}

	.box .artikel .autor {
		color: #666;
		font-size:11px;
	}

	.box .artikel h3 {
		margin: 40px 0 0 0;
	}

	.blog .artikel h3 {
		margin:0px !important;
	}

	.box .artikel .autor, .box .artikel p {
		margin: 5px 0 0 0;
	}

	.box .artikel span.preis {
		float:right;
		font-weight:bold;
	}

	.box.bewertung{
		background:#FFF;
		color: #222;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.box.bewertung:hover { background:#fff; }
	.box.bewertung a { color:#333; text-decoration:none; }


	#FertaleCartBoxLogo {
		position: fixed !important;
		top: 0px !important;
		left: 0px !important;
		height: 25px !important;
		width: 150px !important;
		margin-left: 0px !important;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		z-index:150 !important;
	}

	#inhalt {
		padding-top: 0px !important;
	}

	.FCart { min-height: 100px; }


	#TraminoFileInfo .stichworte { display:none; }



	#layoutvollbild {
		position:absolute;
		top:0px;
		right:0px;
		padding:5px 10px;
		background:#fff;
		cursor:pointer;
		z-index:1000;
	}

	#layoutlogo {
		position:absolute;
		top:20px;
		left:20px;
		z-index:1000;
	}

	#inhalt .TraminoTextile ul {
		list-style-image:url(http://tramino.s3.amazonaws.com/s/haubers/246533/pfeil.png);
	}