﻿body{
background:url(images/bg-body.gif) repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#434343;
margin:0px;
padding:0px;
text-align:center;
}

#container{
margin-right:auto;
margin-left:auto;
margin-top:0px;
width:1008px;
text-align:left;
}

#header{
background:url(images/bg-header.jpg);
width:1008px;
height:150px;
}

#logo{
margin:33px 0px 0px 40px;
float:left;
}
#logo a{border:none; text-decoration:none;}


#navi{
background:url(images/bg-navi.jpg);
width:997px;
height:33px;
margin:0px;
padding:1px 0px 0px 11px;
}

.button {
width:140px;
height:32px;
float:left;
margin-right:1px;
text-align:center;
}

.button a{
background: url(images/bg-button.jpg) no-repeat;
font-size: 14px;
text-decoration:none;
color:#fff;
display:block;
height:22px;
padding: 10px 0px 0px 0px;
margin:0px;
}

.button a:link{ background: url(images/bg-button.jpg) no-repeat;}
.button a:visited{ background: url(images/bg-button.jpg) no-repeat;}
.button a:hover{ background: url(images/bg-button.jpg) 0px -32px no-repeat; text-decoration:none; color:#fff;}

.currentbutton{
width:140px;
height:22px;
float:left;
background: url(images/bg-button.jpg) 0px -32px no-repeat; 
color:#fff;
font-size: 14px;
text-decoration:none;
padding: 10px 0px 0px 0px;
margin-right:1px;
text-align:center;
}
.currentbutton a{text-decoration:none; color:#fff; display:block;}
.currentbutton a{text-decoration:none; color:#fff;}

#content{
width:996px;
min-height:400px;
margin:0px;
padding:40px 0px 0px 12px;
background: url(images/bg-content.jpg) repeat-y;
}

.bar{
width:324px;
margin:0px 6px 0px 0px;
float:left;
}

.barheader{
width:324px;
height:32px;
padding:6px 0px 0px 0px;
border-top: 1px dashed #cdd7dd;
border-bottom: 1px dashed #cdd7dd;
}

.barheader-long{
width:984px;
height:32px;
padding:6px 0px 0px 0px;
border-top: 1px dashed #cdd7dd;
border-bottom: 1px dashed #cdd7dd;
}

.barcontent{
width:269px;
/*min-height:460px;
min-height:600px;*/
	min-height:651px;
margin:4px 0px 0px 0px ;
padding:20px 20px 20px 35px;
background: url(images/bg-bar.jpg) no-repeat #e7f2f9;
}

.barcontent a{text-decoration:none; color:#014698;}
.barcontent a:hover{text-decoration:none; color:#0099FF;}

.producttext a, .productimg a{text-decoration:none; color:#014698;}
.producttext a:hover, .productimg a:hover{text-decoration:none; color:#0099FF;}

.product{
width:984px;
min-height:400px;
margin:4px 0px 0px 0px;
background:url(images/bg-product.gif) repeat-y;
float:left;
}

.productimg{
width:316px;
float:left;
margin: 4px 0px 4px 4px;
padding:8px 0px 0px 0px;
text-align:center;
background:#fff;
}
.productimg img{margin-bottom:8px;}

.producttext{
width:580px;
margin:20px 0px 20px 45px;
float:left;
}

.zweiteiler{
width:984px;
min-height:400px;
margin:4px 0px 0px 0px;
background:url(images/bg-2teiler.gif) repeat-y;
float:left;
}

.zweiteilerright{
width:270px;
margin:20px 0px 20px 15px;
float:left;
}

.partner{
margin-left:40px;
margin-right:5px;
}

.blacklinks li a{
color:#434343; display:block;
}

.blacklinks li a:hover{
color:#014698;
}

.active{ color:#014698; }

.zweiteilerright a, .zweiteiler a{text-decoration:none; color:#014698;}
.zweiteilerright a:hover, .zweiteiler a:hover{text-decoration:none; color:#0099FF;}

.zweiteilertext{
width:580px;
margin:20px 45px 20px 35px;
float:left;
}

.zweiteilertext a{text-decoration:none; color:#014698;}
.zweiteilertext a:hover{text-decoration:none; color:#0099FF;}

h1{
font-size:16px;
color:#014698;
margin:0px 0px 8px 0px;
}

h2{
font-size:12px;
color:#014698;
margin:0px 0px 8px 0px;
}

p{margin:0px 0px 15px 0px;}

ul{
margin:0px 0px 15px 15px;
padding:0px;
list-style: circle;
line-height:20px;
}

ol{
margin:0px 0px 15px 15px;
padding:0px;
line-height:20px;
}


#clear{clear:both; height:40px;}


#footer{
width:1008px;
height:72px;
background: url(images/bg-footer.jpg) no-repeat;
clear:both;
margin:0px;
}


#border{
width:984px;
height:18px;
padding:2px 0px 0px 0px;
margin-left:12px;
border-top: 1px dashed #cdd7dd;
border-bottom: 1px dashed #cdd7dd;
}

#impressum{
float:left;
margin:0px 0px 0px 35px;
color:#91a3af;
}

#impressum a{text-decoration:none; color:#91a3af;}
#impressum a:hover{text-decoration:none; color:#014698;}

#copy{
float:right;
margin:0px 35px 0px 0px ;
color:#91a3af;}

.border{border-bottom: dashed 1px #434343;padding-bottom:10px;}


.zweiteiler table{
margin:20px 0px 20px 35px;

}

.zweiteiler table h2, .zweiteiler table p{
margin:5px;
}

.zweiteiler table tr td{
border-bottom: dashed 1px #999;
}

.termine {
margin:10px 0px 0px 35px;
}


div#price-list {
	margin: 0 auto 10px;
	width: 580px;
}
div#price-list h1#title {
	margin-bottom: 8px;
}
div#price-list h5#date {
	font-size: 12px;
	margin-top: 0;
	
	color:#F00;
}
table#preisliste {
	border: 1px solid #999;
	border-collapse: collapse;
	color: #434343;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	width: 580px;
}
table#preisliste td {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 6px;
	vertical-align: top;
}
table#preisliste thead th {
	background: #fff;
	border: 1px solid #999;
	color: #014698;
	padding: 8px 6px;
	text-align: left;
}
table#preisliste tbody tr.model {
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}
table#preisliste tbody tr.model td {
	
}
table#preisliste tbody tr.model td.id {
	
}
table#preisliste tbody tr.model td.price {
	text-align: right;
}
table#preisliste tbody tr.ware {
	border-top: 1px solid #999;
	font-weight: bold;
}
table#preisliste tbody tr.section {
	border-top: 1px solid #999;
	font-size: 14px;
	font-weight: bold;
	color:#014698;
}
table#preisliste tbody tr.section td {
	padding-top:20px;
	border-top:1px solid #E6F2F9;
	border-left:1px solid #E6F2F9;
	border-right:1px solid #E6F2F9;
}
table#preisliste tbody tr.space {
	height: 20px;
}

table#preisliste tbody tr.space td {
	border-left:1px solid #E6F2F9;
	border-right:1px solid #E6F2F9;
	border-top:1px solid #999;
}

table#preisliste div.pad {
	margin-left: 16px;
}

div#werbung {
	margin-bottom: 15px;
}

.pr a:hover{
	opacity:0.8;
}


#kontaktergebnis {
	margin-left: 35px;
	margin-top: 20px;
}
#kontaktformular .centered {
	text-align: center;
}
#kontaktformular td {
	padding: 4px 2px;
}
#kontaktformular .tbhead {
	font-weight: bold;
	text-align: right;
	width: 64px;
}
#kontaktformular .captura div {
	margin: 0 auto;
}
#kontaktformular table table {
	margin: 10px 0 15px 20px;
	width: 432px;
}
#kontaktformular table table td {
	border-bottom: 0 none;
}

.focus-suite a{
	display:block;
	padding:10px 15px;
	background:#F90;
	border-radius:4px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:700;
}
.focus-suite a:hover{
	color:#FFFFFF;
	background:#FF6600;
}
.telematik a{
	display:block;
	padding:10px 15px;
	background:#277be0;
	border-radius:4px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:700;
}
.telematik a:hover{
	color:#FFFFFF;
	background:#004292;
}

.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #1f6888 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}
.error {
    display: block;
    color: red;
}