/* --------- Allgemein --------- */
body {
 font-size:10px;
 font-family:Verdana,sans-serif;
 color:#000;
 background-color:#FFF;
 margin:0;
}

a {
 font-weight: bold;
 text-decoration: none;
 color: #000;
}

a:hover {
 color: #0053BA;
}

.anleitung {
 padding: 6px 0 12px;
}

.anleitung a {
 font-weight: normal;
 color: #0053BA;
 padding-left:17px;
 background:url(../img/icn_pfeil_blau.gif) left center no-repeat;
}

.anleitung a:hover {
 color: #A8AFB5;
}

a.button {
	/* display:block; */
	background-image:url(../img/icn_buttonpfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding:2px 4px 2px 28px;
	border:solid 1px #FFFFFF;
	height:14px;
	background-color:#0070CC;
	color:#FFFFFF;
}
a.button:hover {
	color:#FFFFFF;
}
a.button:visited {
	color:#FFFFFF;
}
a.button:active {
	color:#FFFFFF;
}



#all {
 margin:5px auto 20px auto;
 width:860px;
 position:relative;
}

input, select {
 border:1px solid #A8AFB5;
 font-size:10px;
 font-family:Verdana,sans-serif;
}

img {
 border:none;
}

p {
 margin: 0 0 12px;
}

/* --------- Head/Top --------- */
#logo {
 float:right;
 margin:0;
}

#search {
/* margin-top:18px;*/
 float:left;
 position: relative;
 top: 6px;
}

#search input {
 height: 15px;
 width: 174px;
 padding: 0;
 margin-right: 5px;
 color: #A8AFB5;
 font-size: 10px;
}

#search img {
 position: relative;
 top: 6px;
}

#top a {
 font-weight:normal;
}

#path {
 float:left;
 margin-left: 18px;
 position: relative;
 top: 17px;
}

#path, #search, #foot {
 color: #A8AFB5;
 font-size: 10px;
}

#path a, #foot a {
 color: #A8AFB5;
 font-weight: normal;
}

#path a:hover, #foot a:hover {
 color: #0053BA;
 text-decoration: none;
}

a.pfeil {
 padding-left:17px;
 background:url(../img/icn_pfeil_blau.gif) left center no-repeat;
 font-size: 10px;
}

/* --------- Boxen links ---------*/
#left {
 width:200px;
 padding:0;
 margin:0; margin-top:20px;
 float:left;
 color:#000;
 font-size:11px;
}

#produktsuche, #haendlersuche {
 background-color:#D7DCDF;
 border:1px solid #A8AFB5;
}

#haendlersuche {
 background:url(../img/pic_box_karte.gif) no-repeat left top #D7DCDF;
 margin-bottom:20px;
}

#haendlersuche input {
 margin-bottom:3px;
}

#haendlersuche label {
 float:left;
 clear:left;
}

#produktsuche {
 margin-bottom:10px;
 padding:0;
}

#produktsuche select {
 width:120px;
 float:left;
 margin-bottom:3px;
}

#produktsuche label {
 width:65px;
 margin-left:5px;
 float:left;
 clear:left;
}

#produktsuche form {
 padding: 0;
 margin: 5px 0;
}

#haendlersuche form {
 padding: 0;
 margin: 5px 0;
 padding-left:71px;
}

h3.produkte {
 background:url(../img/icn_katalog.gif) no-repeat right center;
}

h3.haendler {
 background:url(../img/icn_haendlersuche.gif) no-repeat right center;
}

#left h3 {
 color:#FFF;
 height:15px;
 width:186px;
 background-color:#0070CC;
 vertical-align:middle;
 margin:0;
 font-weight:bold;
 font-size:11px;
 padding:3px 7px;
}

#left .addon {
 border-top:1px solid #FFF;
 margin:0;
 width:188px;
 background-color:#E7EBEE;
 padding:5px;
}

#left .addon a {
 background:url(../img/icn_pfeil_grau.gif) left center no-repeat;
}

#left .addon a:hover {
 color:#92979B;
}

#produktsuche a, #haendlersuche a, #right a {
 font-size:10px;
 padding-left:17px;
 background:url(../img/icn_pfeil_blau.gif) left center no-repeat;
}

#foot { /* links unten */
 margin-top:20px;
}


/* --------- Hauptteil --------- */
#main {
 width: 640px;
/* float: left; display: block;*/
 background-color: #E7EBEE;
/* margin: 20px 0 0 218px;*/
 color: #000;
 font-family: Verdana, sans-serif;
 font-size: 11px;
 border: 1px solid #D7DCDF;
 position: absolute;
 top: 214px; left: 218px;
 z-index: 1;
}

#middle {
	margin:0;
}

h1 {
 font-size: 12px;
 font-family: Verdana, sans-serif;
 font-weight: bold;
 color: #0053BA;
 margin: 7px 0 9px 12px;
}

h2 {
 font-size:11px;
 font-family: Verdana, sans-serif;
 font-weight: normal;
 color:#000;
 background:url(../img/pic_ecke_titel.gif) left center no-repeat #D7DCDF;
 padding:3px 15px;
 margin-bottom: 7px;
 margin-top: 0;
 clear: both;
}

.box_mitte {
 width: 400px;
/* float: left;*/
 background-color: #F1F3F5;
 margin-left: 12px;
 margin-bottom: 12px;
 padding-bottom: 12px;
}

.box_voll {
 width: 616px;
 background-color: #F1F3F5;
 margin-left: 12px;
 margin-bottom: 12px;
}

.detailpic {
 border: 1px solid #D7DCDF;
 border-top: none;
}

.box_mitte img {
 margin-left: 12px;
 margin-bottom: 5px;
}

p {
 margin:6px 12px;
}

.box_hersteller {
 width:185px;
 margin-left:12px;
 margin-bottom:12px;
 background-color:#E7EBEE;
 border:1px solid #D7DCDF;
 display:inline;
 float:left;
}

.box_hersteller select {
 width:170px;
 margin:5px 7px;
}


.box_adresse {
 width: 608px;
 padding:4px;
 background-color: #F1F3F5;
 margin-left: 12px;
 margin-bottom: 12px;
}

.format {
	color:#777777;
	font-size:10px;
	font-weight:normal;
}

/* ----- Boxen rechts ----- */
#right {
 float: right;
 width: 200px;
 margin-right: 12px;
 margin-top: 40px;
 position: relative;
 z-index: 5;
}

#right .news_cont {
 background-color: #F1F3F5;
 border: 1px solid #D7DCDF;
 padding: 3px 8px;
}

#right h3 {
 background-color: #0070CC;
 font-size: 11px;
 color: #FFF;
 padding: 3px 7px;
 margin-bottom: 0;
}

#right h4 {
 font-size: 11px;
 font-weight: bold;
 margin: 0;
}

#right .addon {
 margin: 0;
/* width:188px;*/
 background-color: #D7DCDF;
 padding: 5px 9px;
}

#right .addon a {
 background: url(../img/icn_pfeil_grau.gif) left center no-repeat;
}

#right .addon a:hover {
 color: #92979B;
}

#middle label {
 display: inline;
 width: 110px;
 float: left;
 clear: left;
 overflow:hidden;
 margin-left: 10px;
}

#middle input {
 border: 1px solid #8C827D;
 width: 230px;
 float: left;
 margin-bottom: 5px;
 font-family: Arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
}

#middle textarea {
 border: 1px solid #8C827D;
 width: 230px;
 height: 50px;
 float: left;
 font-family: Arial, sans-serif;
 font-size: 11px;
 font-weight: normal;
 margin-bottom: 5px;
}

#middle h3 {
 font-size: 11px;
 font-weight: bold;
 margin-left: 12px;
 margin-bottom: 3px;
}

h3.detailseite {
 color: #0053BA;
}

#middle h4 {
 font-size: 11px;
 font-weight: normal;
 text-decoration: underline;
 margin-left: 12px;
 margin-bottom: 0;
}

#kontaktformular .label_ort {
 width: 25px;
}

label.must {
 color: #F00;
}

input.must, textarea.must {
 border: 1px solid #F00;
}

.showroom {
 width: 100px;
 height: 124px;
 float: left;
 margin: 0 6px 24px 15px;
 display: inline;
}

.show_img {
 border: 1px #A8AFB5 solid;
}

#middle .showroom a {
 font-weight: bold;
 font-size: 10px;
}

.sr_name {
 height: 5ex;
 overflow: hidden;
}

.sr_img {
 height: 80px;
}

.sr_link {
}

#pick_rubrik {
	border:solid 1px green;
	height:24px;
	float: left;
	display: block;
	/* margin-top: 12px; */
	/* margin-right: 12px; */
}

.clear {
	clear:both;
	height:0;
}