@charset "UTF-8";
/* CSS Document */



/* html styles */

* {
	margin:0;
	padding:0;
}


body {
	font-family:"Helvetica Neue",Helvetica,"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	background:#383838;
	color:#040404;
}

img {
	border:none;
}

a {
	color:#040404;
}
/* site containers */

.header {
	background:url(../images/header_bg.png) top left repeat-x #444444;
	height:110px;
	border-bottom:1px solid #fff;
}
.wrapper {
	margin:0 auto;
	width:80em;
}
.searchbar {
	background:#efefef;
	padding:2em 0;
}
.searchbar2 {
	background:url(../images/searchbar2_bg.png) bottom left repeat-x #e2e2e2;
	padding:1em 0;
}
.leftbar {
	float:left;
	width:30%;
}
.bodycontainer {
	background:#fff;
	padding:2em 0 2em 0;
}
.content {
	margin-left:32.5%;
	position:relative;
}
.footer {
	margin:2em 0;
	color:#a2a2a2;
}
.footer .holder {
	font-size:0.8em;
}




/* header styles */

.logo {
	float:left;
}
.socialmenu {
	padding:51px 0 0 0;
}
.socialmenu ul {
	list-style:none;
}
.socialmenu li {
	float:left;
	padding:0 0 0 0.4em;	
}


/* searchbar2 styles */
.yellowbutton {
	background:url(../images/input_yellow.gif) top left no-repeat;
	border:none;
	width:209px;
	height:26px;
	font-size:1.25em;
	padding:6px 10px 0 10px;
	line-height:1em;
	margin:2px 0.5em 0 0;
	float:left;
}
.yellowbutton_small {
	background:url(../images/input_yellow_small.gif) top left no-repeat;
	border:none;
	width:90px;
	height:26px;
	font-size:1.25em;
	padding:6px 10px 0 10px;
	line-height:1em;
	margin:2px 0.0em 0 0;
	float:left;
}
.searchbutton {
	background:url(../images/button_suche.gif) top left no-repeat;
	border:none;
	width:187px;
	height:33px;
	font-size:1px;
	padding:0;
	cursor:pointer;
	float:left;
	text-indent:-1000px;
	display:block;
	line-height: 0px;
}
.searchbar2 ul {
	list-style:none;
}
.searchbar2 li {
	float:left;
	line-height:3em;
	padding:0 1em 0 0;
}
.searchbar2 li a {
	color:#040404;
	font-size:1.1em;
}



/* boxstyles */


.box1, .box2, .box3 {
	position:relative;
	margin:0 0 2em 0;
}
.box1 .ol {
	position:absolute;
	width:9px;
	height:9px;
	left:0;
	top:0;
	background:url(../images/box1_lo.gif) top left no-repeat;
}
.box1 .or {
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	top:0;
	background:url(../images/box1_ro.gif) top right no-repeat;
}
.box1 .ul {
	position:absolute;
	width:9px;
	height:9px;
	left:0;
	bottom:0;
	background:url(../images/box1_lu.gif) bottom left no-repeat;
}
.box1 .ur {
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	bottom:0;
	background:url(../images/box1_ru.gif) bottom right no-repeat;
}



.box2 .ol {
	position:absolute;
	width:9px;
	height:9px;
	left:0;
	top:0;
	background:url(../images/box2_lo.gif) top left no-repeat;
}
.box2 .or {
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	top:0;
	background:url(../images/box2_ro.gif) top right no-repeat;
}
.box2 .ul {
	position:absolute;
	width:9px;
	height:9px;
	left:0;
	bottom:0;
	background:url(../images/box2_lu.gif) bottom left no-repeat;
}
.box2 .ur {
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	bottom:0;
	background:url(../images/box2_ru.gif) bottom right no-repeat;
}




.box3 .ol {
	position:absolute;
	width:9px;
	height:9px;
	left:0;
	top:0;
	background:url(../images/box3_lo.gif) top left no-repeat;
}
.box3 .or {
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	top:0;
	background:url(../images/box3_ro.gif) top right no-repeat;
}
.box3 .ul {
	position:absolute;
	width:9px;
	height:9px;
	left:0;
	bottom:0;
	background:url(../images/box3_lu.gif) bottom left no-repeat;
}
.box3 .ur {
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	bottom:0;
	background:url(../images/box3_ru.gif) bottom right no-repeat;
}

.box_content {
	padding:10px 12px;
	overflow:hidden;
	border:1px solid #bbb;
}
.box1 .box_content {
	background:#f1f1f1;
}
.box2 .box_content {
	background:#fff;
}
.box3 .box_content {
	background:#ffcb00;
}




.box1 h1, .box2 h1, .box3 h1, .box1 h2, .box2 h2, .box3 h2  {
	font-weight:bold;
	font-size:1.4em;
	padding:0 12px 10px 12px;
	border-bottom:1px solid #bbbbbb;
	margin:0 -12px 12px -12px;
}
.box1 h1, .box2 h1, .box3 h1 {
	background:url(../images/h1arrow.png) 98.5% 25% no-repeat;
}
.leftbar .box1 h1,.leftbar .box2 h1,.leftbar .box3 h1 {
	background:url(../images/h1arrow.png) 97% 25% no-repeat;
}
.box1 ul, .box2 ul, .box3 ul {
	list-style:none;
}






/* contentstyling */

.bodycontainer {
	line-height:1.5em;
}

/* kategorieliste */

ul.kategorieliste {
	line-height:1em;
	list-style:none;	
}
ul.kategorieliste li {
	background:url(../images/trenner.gif) bottom left repeat-x;
	padding:0.3em 0 0.8em 0;
	line-height:1.2em;
}

ul.kategorieliste li .branchHead {
	line-height:1.5em;	
	font-weight:bold;
}



ul.kategorieliste li a {
	text-decoration:none;
	color:#040404;
	color:#646464;
	padding-left:10px;
	font-size:1.0em;
	line-height:1.2em;

}
ul.kategorieliste li a:hover {
	/*font-weight:bold;*/
	text-decoration:underline;

}
/* ergebnisseite und detailseite */

.eintraghead {
	float:left;
	font-weight:bold;
	padding:1px 6px;
	margin-left:49px;
}
.sucheintrag, .detailsblock {
	background:url(../images/trenner.gif) bottom left repeat-x;
	margin:1.3em 0 0 0;
	padding:0 0 0.5em 0;
}
.detailsblock img {
	padding: 0 1em 1em 0;
}
.textblock {
	padding: 1em 0;
}
.pin {
	clear:both;
	float:left;
	width:44px;
	background:url(../images/pin_content_normal.png) 0px 4px no-repeat;
	height:42px;
	text-align:center;
	padding:6px 0 0 2px;
	margin:-1.5em 1% 0 0;
	font-size:0.9em;
}
.pin2 {
	clear:both;
	float:left;
	width:34px;
	background:url(../images/pin_normal.png) 0px 10px no-repeat;
	height:42px;
	text-align:center;
	padding:16px 0 0 2px;
	margin:0 1% 0 0;
	font-size:0.9em;
}

.pin_hover {
	clear:both;
	float:left;
	width:44px;
	background:url(../images/pin_content_hover.png) 0px 4px no-repeat;
	height:42px;
	text-align:center;
	padding:6px 0 0 2px;
	margin:-1.5em 1% 0 0;
	font-size:0.9em;
}


.col30 {
	float:left;
	width:28%;
	overflow:hidden;
}
.round_corners {
  	background: url(../images/ol.gif) top left no-repeat #fdc900;
  	font-weight: bold;
	margin-left:49px;
}

.round_corners div {
  	background: url(../images/or.gif) top right no-repeat;
}

.round_corners div div {
  	background: url(../images/ul.gif) bottom left no-repeat;
}

.round_corners div div div  {
  	background: url(../images/ur.gif) bottom right no-repeat;
  	padding:1px 6px;
}

.adress {
	background:url(../images/icon2_adresse.jpg) center left no-repeat;
	padding:0 0 0 35px;
	margin:0.5em 0 1em 0;
	min-height:28px;
	height:auto !important;
	height:28px;
}

.kontakt {
	background:url(../images/icon2_kontakt.jpg) center left no-repeat;
	padding:0 0 0 35px;
	margin:0.5em 0 1em 0;
	min-height:28px;
	height:auto !important;
	height:28px;
}
.options {
	padding:0 0 0 35px;
	margin:1em 0 1em 0;
	min-height:28px;
	height:auto !important;
	height:28px;
}
.detailsblock .adress, .detailsblock .kontakt, .detailsblock .options {
	margin:1em 0 1em 0;
}
.options a {
	padding:0 0.5em 0 0;
	text-decoration:none;
}
.options img {
	border:none;
}
.link {
	float:right;
	padding:0;
	margin:1em 0 1em 0;
	background:url(../images/h1arrow.png) center right no-repeat;
}
.pagination {
	margin-top:0.5em;
	color:#919191;
}
.pagination a {
	text-decoration:none;
	color:#919191;
}
.pagination a.active {
	font-weight:bold;
}
.pagination a:hover {
	text-decoration:underline;
}

/* bestellen */

.hotline {
	margin:0.5em 0;
	color:#6a696a;
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
	background:url(../images/icon2_kontakt.jpg) center left no-repeat;
	padding:0 0 0 25px;
	height:28px;
	line-height:28px;

}
label {
	width:8em;
	margin:0 1em 0 0;
	text-align:right;
	float:left;
	line-height:2.6em;
}
.uebernehmenbutton {
	background:url(../images/button_buchen.gif) top left no-repeat;
	border:none;
	width:140px;
	height:25px;
	padding:0;
	cursor:pointer;
	float:left;
	text-indent:-1000px;
	font-size: 0px;
	display:block;
	line-height: 0px;
	float:left;
}
.largebutton {
	background:url(../images/input_large.gif) top left no-repeat;
	border:none;
	width:234px;
	height:20px;
	padding:6px 10px 0 10px;
	line-height:1em;
	float:left;
	margin:0.2em 7px 0.2em 0;
}
.smallbutton {
	background:url(../images/input_small.gif) top left no-repeat;
	border:none;
	width:53px;
	height:20px;
	padding:6px 10px 0 10px;
	line-height:1em;
	float:left;
	margin:0.2em 7px 0.2em 0;
}
.mediumbutton {
	background:url(../images/input_medium.gif) top left no-repeat;
	border:none;
	width:154px;
	height:20px;
	padding:6px 10px 0 10px;
	line-height:1em;
	float:left;
	margin:0.2em 7px 0.2em 0;
}


/* 3spalten layout */
ul.standartul {
	list-style-type: disc;
	margin: 1.2em;
	padding: 1em 0px 1em 0px;
}
.orderbutton {
	background:url(../images/button_buchen.gif) top left no-repeat;
	border:none;
	width:140px;
	height:25px;
	padding:0;
	cursor:pointer;
	float:left;
	text-indent:-1000px;
	font-size: 0px;
	display:block;
	line-height: 0px;
}



/* helpers */
.cf {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}
.einruecken {
	margin: 0 0 0 29px;
}
.greystrong {
	color:#7d7d7d;
	font-weight:bold;
}

.grey {
	color:#7d7d7d;
	
}
.icon {
	vertical-align:middle;
	padding:0;
	margin:0;
	padding-bottom:0.3em;
	margin-right:0.4em;
	
}
.holder {
	overflow:hidden;
	position:relative;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
.smaller {
	font-size:0.9em;
}



.paging {

	cursor:pointer;
}