/* Styles Auto Dotterweich */
/* Design by logo.mind // http://www.logomind.com */


* { margin:0; padding:0; border:0; } 

body  {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
	background-image: url(../images/bg-verlauf.gif);
	background-repeat: repeat-x;
    }

a:link 		{ color: #cc6600; text-decoration: none; }
a:visited 	{ color: #cc6600; text-decoration: none; }
a:active 	{ color: #FFFFFF; text-decoration: none; }
a:hover 	{ color: #000000; text-decoration: none; }

a.farbe:link		{ color: #d95c00; text-decoration: none }
a.farbe:visited		{ color: #d95c00; text-decoration: none }
a.farbe:active		{ color: #e3e3e3; text-decoration: none }
a.farbe:hover		{ color: #000000; text-decoration: none } 



/* Schriften
-------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #3e3e3e;
	font-weight: normal;
}

h1 {
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
	text-align: left;
	margin-bottom: 15px;
	font-weight:bold;
}

h2 {
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
	text-align: left;
	margin-bottom: 15px;
}

h3 {					
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	text-align: left;
	color:#cc6600;
	font-weight:bold;
	margin-bottom: 6px;
}

.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #3e3e3e;
	text-align: left;
}

.copyintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	color: #3e3e3e;
	text-align: left;
	margin-left: 30px;
}

.copycenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	color: #3e3e3e;
	padding: 100px 30px 400px 30px;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	white-space: nowrap;
	text-align:center;
	color: #3e3e3e;
}

.mini {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
}

.minifarbe {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#cc6600;
}

.auszeichnung { color:#cc6600; font-size: 11px; font-weight:bold; }
.webdings { font-family: webdings; }

.liste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #3e3e3e;
	text-align: left;
	list-style-position: inside;
	list-style-image: url(../images/pfeil.gif);
}

.listecopy {
	padding-left: 26px;
	font-size:11px;
	line-height:18px;
	margin-bottom: 10px;
}

.einzugliste {
	padding-left: 26px;
}

.galeriefloat { float:left; margin:5px 10px 5px 0; border: 2px solid #F2CE00; }

.reftext { font-size:10px; font-style:italic; color:#cc6600; line-height:16px; margin:5px 0 10px 0; }

.angeboteflash { width: 940px; height: 300px; margin-bottom: 25px; margin-left: 30px; }

.preis {
	background-color:#eec200;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	margin-top:50px;
	border: thin solid #ffffff;
	width: 170px;
}


/* Allerlei
-------------------------------------------------------------------*/
.copyGlossar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #3e3e3e;
	text-align: left;
}
.copyGlossarZelle { padding:8px 5px 8px 0; }
.glossarEinzug { padding-left:12px; font-weight:bold; }
.nullhoehe { height:0; font-size: 1px; line-height: 0px; }
.schwarz { color: #000000; }
.gruen { color: #7bb713; }
.kursiv { font-style:italic; }
.yellow { color:#eec200; }
.grau { color:#3e3e3e; }
.orange { color:#cc6600; }
.hellblau { color:#6bb7cb; }

.abstandunten { margin-bottom:10px;}

.fltrt { float: right; }
.fltlft { float: left; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.bildrechts {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 25px;
}

.bildrechts p, .bildlinks p { /* Bildunterschrift */
	font-size: 10px;
	font-style: italic;
	text-align: left;
	margin-top: 5px;
}

.bildlinks {
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 15px;
}


.subheadbalken {
	background-image: url(../images/bg-subheadbalken.gif);
	height: 16px;
	width: 710px;
	border: thin solid #8c8c8c;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	color:#3e3e3e;
	padding: 4px 0 0 10px;
}
.team-bg1 {
	background-image: url(../images/bg-teamtabelle.gif);
	height: auto;
	width: 330px;
	padding: 10px 10px 0 10px;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-position: right top;
	border: thin solid #8c8c8c;
}
.team-bg2 {
	background-image: url(../images/bg-teamtabelle.gif);
	height: auto;
	width: 330px;
	padding: 10px 10px 0 10px;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-position: right top;
	border: thin solid #8c8c8c;
	margin-left: 370px;
}

.teambild {
	border: 2px solid #F2CE00;
	margin-bottom: 5px;
}
.teamsub {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	margin-top: 5px;
	margin-bottom: 10px;
}

.tab1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #3e3e3e;
	text-align: left;
	background-color:#E6E6E6;
	padding: 10px 0 0 25px;
	border: thin solid #8c8c8c;
	width: 340px;
}
.adresse {
	padding-left:20px;
}
.banner {
	border: thin solid #666666;
}

.referenzfoto {
	border: 2px solid #F2CE00;
	margin-bottom: 5px;
	float:left;
	margin:0 25px 15px 0;
}

.zirkus {
	background:url(../images/news/Dotterweich-Zirkus-2012-BG.gif) left top no-repeat;
	padding:330px 10px 15px 10px;
}

.teaser {
	width: 265px;
	height: 170px;
	padding: 10px;
	background: url(../images/bg-teaser.jpg) top left no-repeat;
	float:left;
	opacity:0.8;
/*	cursor:pointer;
*/}
.teaser:hover {
	opacity: 1;
}

.messetermine {
	width:245px;
	height:311px;
	background: url(../images/bg-messetermine.jpg) top left no-repeat;
	padding: 100px 5px 8px 0px;
	font-size:9px;
	line-height:13px;	
	text-align:center;
	color: #3e3e3e;
}
.bildou {
	margin: 0 0 10px 0;
}


/*Rahmen 
-------------------------------------------------------------------*/

.center #container { 
    	width: 1024px;  
    	margin: 0 auto;
    	text-align: left; 
    } 

.center #head {
	background-image: url(../images/bg-head.gif);
	background-repeat: no-repeat;
	height: 225px;
	width: 1024px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0;
	padding-left: 11px;
    } 

.center #head h1 {
    	
    }

.center #content {
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-y;
}

.center #sidebarlinks {
    	float: left; 
    	width: 210px; 
       	padding: 0px 5px 200px 35px; 
    }

.center #sidebarrechts {
    	float: right; 
    	width: 160px;     	
    	padding: 15px 10px 15px 20px; 
    }

.center #mainsolo 		{ margin: 0 30px 0 44px; width: 950px; } /* 1024 minus margin rechts und links*/
.center #main2spalten 	{ margin: 0 10px 0 250px; }
.center #main3spalten 	{ margin: 0 190px 0 260px; }

.center #foot {
	padding: 0 13px 0 11px;
	background-image: url(../images/foot-animation.gif);
	background-repeat: no-repeat;
	background-position: top;
    } 
	
.center #foot p { 
	padding: 0 0 20px 0;  
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	}



/* Navigation 
------------------------------------------------------------------------ */

.center #navicontainer {
	position:relative;
	height:56px;
	width:100%;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px; /*Achtung - Verhältnis muss passen 14 zu 12 - sonstverrutscht der IE 6 PC*/
	padding:0px 0 0 0;

}

.center #navi {
	position:relative;
	height:33px;
	width:960px; /*Breite 1000 minus Abstandswert von links s padding hier*/
	font-size:12px;
	font-weight: bold;
	background: url(../images/navi-bg.gif) repeat-x bottom left;
	padding:0 20px 0 20px;
	
}

.center #navi ul {
	list-style-type:none;
	width:auto;
	float:left;
	text-transform: uppercase;
}

.center #navi ul li {
	display:block;
	float:left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
}

.center #navi ul li a {
	display:block;
	float:left;
	color:#3e3e3e;
	text-decoration:none;
	padding:0 0 0 13px;
	height:33px;
}
.center #navi ul li a span {
	padding:12px 12px 0 0;
	height:21px;
	float:left;
}

.center #navi ul li a:hover {
	color:#454647;
	background:transparent url(../images/navi-bg-over.gif) repeat-x bottom left;
	/*Achtung 1 px oben mehr transpa machen wg ie PC6*/
}

.center #navi ul li a:hover span{display:block;width:auto;cursor:pointer;}

.center #navi ul li a.current,.center #navi ul li a.current:hover{
	color:#FFFFFF;
	background:url(../images/navi-current-links.gif) no-repeat top left;
	line-height:275%;
}

.center #navi ul li a.current span{
	display:block;
	padding:1px 12px 0 0;
	width:auto;
	background:url(../images/navi-current-rechts.gif) no-repeat top right;
	height:33px;
}



/* Subnavigation  
------------------------------------------------------------------------- */

#subnavi {
	width: 180px;
	line-height: 30px;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	text-align:left;
	}
		
#subnavi a { 
	display: block; 
	border-bottom: 1px solid #ffffff; width: 99%;
	padding-left: 4px; 
	color: #3e3e3e; 
	text-decoration: none; 
	}
	
#subnavi a:hover { background: #c7c7c7; color: #3e3e3e; }
#subnavi a:active {
	background: #8a8a8b;
	color: #ffffff;
}

#subnavi a.ist { background: #8a8a8b; color:#ffffff; }

.SUBnormal { text-transform:none; }

.subnaviplus { padding-top:20px;}




/* Formular
-------------------------------------------------------------------*/

.text input {
	margin-top:10px;
	width:350px;
	background:#ffffff;
	border:1px solid #6A6A6A;
	color:#3e3e3e;
	padding-bottom:3px;
}

.text input:focus { border-color:#990000; background:#d9edb7; color:#3e3e3e; }

.text label {
	margin-top:10px;
	text-align: left;
	padding-right: 5px;
	display: block;
	float: left;
	width: 50px;
}

.text input.senden {
	width:80px;
	color:#fff;
	cursor:pointer;
	padding:1px;
	margin-top:10px;
	background:#686868;
	border:1px solid #6A6A6A;

}
.text input.senden:hover { 
	background:#7bb713; 
	color:#ffffff; 
}

.tabnewsletter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;	
	text-align: left;
	background-color: #e6e6e6;
}



.terminformular {
	width: 610px;
	padding: 15px 25px 15px 25px;;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;	
	text-align: left;
	background-color: #e6e6e6;
}
.terminformular input {
	margin-top:10px;
	width:350px;
	background:#ffffff;
	border:1px solid #6A6A6A;
	color:#3e3e3e;
	padding-bottom:3px;
}

.terminformular input:focus, .terminformular textarea:focus { border-color:#990000; background:#d9edb7; color:#3e3e3e; }

.terminformular label {
	margin-top:10px;
	text-align: left;
	padding-right: 5px;
	display: block;
	float: left;
	width: 110px;
}
.terminformular textarea {
	margin-top:10px;
	width:350px;
	background:#ffffff;
	border:1px solid #6A6A6A;
	color:#3e3e3e;
	padding-bottom:3px;
}