/*
blauer HG = 7998C3
blauer Rahmen = 436299
mitte Box Rahmen = 214274



.mittetext a[href^="http"]:before, .container a[href^="http"]:before {
   content:url('/system/images/link-html.gif');
   margin-right: 3px;
}
*/

.mittetext a[href^="http"]:before, .container a[href^="http"]:before {
   content:url('/system/images/link-html.gif');
   margin-right: 3px;
}

.mittetext a[href*=".pdf"]:before, .container a[href*=".pdf"]:before {
   content:url('/system/images/link-pdf.gif');
   margin-right: 3px;
}

.mittetext a[href*=".exe"]:before, .container a[href*=".exe"]:before {
   content:url('/system/images/link-exe.gif');
   margin-right: 3px;
}

.mittetext a[href*=".msi"]:before, .container a[href*=".msi"]:before {
   content:url('/system/images/link-exe.gif');
   margin-right: 3px;
}

.mittetext a[href*="php"]:before, .container a[href*="php"]:before {
   content:url('/system/images/link-html.gif');
   margin-right: 3px;
}

.mittetext a[href$="htm"]:before, .container a[href$="htm"]:before {
   content:url('/system/images/link-html.gif');
   margin-right: 3px;
}

.mittetext a[href$="html"]:before, .container a[href$="html"]:before {
   content:url('/system/images/link-html.gif');
   margin-right: 3px;
}

.mittetext a[href^="mailto"]:before, .container a[href^="mailto"]:before {
   content:url('/system/images/link-mail.gif');
   margin-right: 3px;
}



body {
	background-color: #fff;
	color: #636363;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

a:link, a:visited {
	color: #214274;
}

a:hover {
	color: #7998C3;
}


.copy, a.copy:link, a.copy:visited, .copy a:hover {
	cursor: text;
	color: #fff;
	text-decoration: none;
}


#template {
	margin: 10px auto;
	padding: 11px 6px 0 6px;
	width: 980px;
	text-align: left;
	background:url(/system/images/background.gif)
				repeat-y;
}

.clear {
	clear: both;
}

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

.float {
	float: left;
}

.float-pfeil {
	float: left;
	padding: 0 10px 0 0;

}

hr {
 background-color: #7085B1; /* Mozilla 1.4 */
 color: #7085B1; /* IE 6 */
 border: #7085B1; /* Opera 7.11 */
 height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

.ausblenden {
	display: none;
}
	
/* = = = = = = = = = = header = = = = = = = = = = */

#header {
	width: 966px;
	height: 130px;
	border: 1px solid #214274;
	background:url(/system/images/banner.gif)
				no-repeat
				#7998C3;
}

.leiste {
	margin: 80px 0 0 0;
	padding: 4px 3px 0 3px;
	border-top: 5px solid #214274;
	color: #fff;
	font-weight: bold;
}

.leitsatz {
	margin: 0 13px 0 10px;
	padding: 0 0 0 9px;
	float: left;
	width: 673px;
	line-height: 21px;
	border-left: 1px solid #214274;
	border-right: 1px solid #214274;
}

.fahnen {
	float: left;
	margin: 1px 0;
	width: 118px;
}

.suchen {
	width: 70px;
	float: left;
	padding: 2px;

}


/* = = = = = = = = = = links = = = = = = = = = = */

#links {
	width: 133px;
	float: left;

}

.servicemenu {
	background-color: #B0C6E4;
	width: 124px;
	padding: 1px;
	font-size: 10px;
}

.servicemenuheadline {
	color: #fff;
	background-color: #7998C3;
	padding: 2px 5px;
}

.download {
	color: #fff;
	margin: 5px;
	font-weight: bold;
	padding: 3px 10px;
	background: url(/system/images/pfeile-gruen.gif)
			no-repeat
			3px 7px
			#18D600;
}

.bestellung {
	color: #fff;
	margin: 5px;
	font-weight: bold;
	padding: 3px 0 3px 10px;
	background: url(/system/images/pfeile-besch.gif)
			no-repeat
			3px 7px
			#CE505E;
}

.kontakt {
	color: #fff;
	margin: 5px;
	font-weight: bold;
	padding: 3px 0 3px 10px;
	background: url(/system/images/pfeile-blau.gif)
			no-repeat
			3px 7px
			#00A5FF;
}

.hotline {
	color: #fff;
	margin: 5px;
	font-weight: bold;
	padding: 3px 0 3px 10px;
	background: url(/system/images/pfeile-orange.gif)
			no-repeat
			3px 7px
			#FF8C00;
}

.forum {
	color: #fff;
	margin: 5px;
	font-weight: bold;
	padding: 3px 0 3px 10px;
	background: url(/system/images/pfeile-tuerkis.gif)
			no-repeat
			3px 7px
			#29C6B5;
}

.servicemenunavi {
	color: #214274;
	margin: 5px;
	font-weight: bold;
}

.servicemenu a:link, .servicemenu a:visited {
	display: block;
	width: 90px;
	color: #fff;
	text-decoration: none;
}

.servicemenu a:hover {
	color: #395D8C;
}


a.link1:link, a.link1:visited {
	padding: 3px 0 0 10px;
	color: #395D8C;
	background: url(/system/images/pfeile-dunkelblau.gif)
			no-repeat
			3px 7px;
}	

a.link1:hover {
	padding: 3px 0 0  10px;
	color: #fff;
	background: url(/system/images/pfeile-dunkelblau.gif)
			no-repeat
			3px 7px;
}	

/* - - - - - - navigation - - - - - - - */

.navi {
	margin: 15px 5px;
}

.navi ul {
	margin: 0;
	padding: 0;
}

.navi li {
	list-style: none;
}

.navi a:link, .navi a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 9px;
	padding: 0 0 0 10px;
}

.navi a:hover {
	color: #7998C3;
}


.navilink, .navilink a:link, .navilink a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding: 0 0 0 10px;
	background: url(/system/images/navipfeile.gif)
			no-repeat
			0 4px;
}

.navilinkaktiv, .navilinkaktiv a:link, .navilinkaktiv a:visited, a.navilink:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding: 0 0 0 10px;
	background: url(/system/images/navipfeileover.gif)
			no-repeat
			0 4px;
}

.subnavilinkaktiv a:link, .subnavilinkaktiv a:visited{
	color: red;
}
/* = = = = = = = = = = mitte = = = = = = = = = = */

#mitte {
	width: 670px;
	float: left;
	padding: 24px 6px 6px 6px;
}

.mittetext {
	margin: 0 20px;
}

.mittetext2 {
	margin: 0 20px;
}
	
.dealertext {
	width: 100px;
	float: left;
	padding: 5px 0 0 0;
	font-weight: bold;
}

.dealeraddress {
	width: 550px;
	float: left;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 5px;
	color: #fff;
	background-color: #CE505E;
	font-weight: bold;
}
	
.container {
	border: 1px solid #436299;
}

.containerheadline {
	color: #fff;
	background-color: #7998C3;
	padding: 4px 20px;
	border-bottom: 1px solid #436299;
}

.containertext {
	padding: 4px 20px;
}

/* = = = = = = = = = = rechts = = = = = = = = = = */

#rechts {
	width: 156px;
	float: left;
}

.box {
	margin: 9px 0 0 6px;
	width: 145px;
	border: 1px solid #436299;
	color: #436299;
	background-color: #fff;
	font-size: 10px;
}

.blindbox {
	margin: 9px 0 0 6px;
	width: 145px;
	font-size: 10px;
}

.boxheadline {
	background-color: #7998C3;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	border-bottom: 1px solid #436299;
}

.boxtext {
	padding: 5px 5px 5px 13px;
	color: #436299;
	background: url(/system/images/quadrat.gif)
				no-repeat
				5px 11px;
}

/* = = = = = = = = = = footer = = = = = = = = = = */

#footer {
	width: 835px;
	height: 23px;
	border: 1px solid #214274;
	background-color: #7998C3;
	padding: 4px 0 4px 131px;
	color: #fff;
}


#footercounter {
	width: 946px;
	height: 23px;
	border: 1px solid #214274;
	background-color: #7998C3;
	padding: 4px 0 4px 20px;
	color: #fff;
}

.footerfeld a:link, .footerfeld a:visited {
	color: #fff;
	text-decoration: none;
}

.footerfeld a:hover {
	color: #214274;
}

.footerfeld {
	line-height: 21px;
	padding: 0 10px 0 6px;
	border-left: 1px solid #214274;
	float: left;
}

.footerfeld-sitemap {
	line-height: 21px;
	padding: 0 10px 0 6px;
	border-left: 1px solid #214274;
	float: left;
}

.footerfeld-sitemap a:hover {
	color: #fff;
}

.footerfelddatum {
	line-height: 21px;
	margin: 0 0 0 92px;
	padding: 0 10px 0 6px;
	border-left: 1px solid #214274;
	float: right;
	width: 135px;
}

.footerfeldcounter {
	line-height: 21px;
	padding: 3px 10px 0 6px;
	float: left;
	width: 95px;
}

.adresszeile {
	display: none;
}


/* = = = = = = = = = = feedback = = = = = = = = = = */


.bezeichnung {
	float: left;
	width: 120px;
	margin: 0 0 4px 0;
}

.bezeichnungfett {
	float: left;
	width: 120px;
	margin: 0 0 4px 0;
	font-weight: bold;
}

.feld {
	width: 200px;
	margin: 0 0 4px 0;
	font-size: 11px;
	border: 1px solid #395D8C;
}

.feld1 {
	width: 20px;
	margin: 0 0 4px 0;
	font-size: 11px;
	border: 1px solid #395D8C;
}

.feld2 {
	width: 50px;
	margin: 0 0 4px 5px;
	font-size: 11px;
	border: 1px solid #395D8C;
}

.feld3 {
	width: 111px;
	margin: 0 0 4px 5px;
	font-size: 11px;
	border: 1px solid #395D8C;
}

.feld4 {
	width: 95px;
	margin: 0 0 4px 0;
	font-size: 11px;
	border: 1px solid #395D8C;
}

.feld5 {
	width: 95px;
	margin: 0 0 4px 5px;
	font-size: 11px;
	border: 1px solid #395D8C;
}

textarea {
	width: 600px;
	height: 100px;
	margin: 5px 0 4px 0;
	font-size: 11px;
	border: 1px solid #395D8C;
}

.senden {
	border: 1px solid #395D8C;
	background: #7B9AC6;
	font-size: 11px;
	width: 100px;
	color: #fff;
	font-weight: bold;
}

.berechnen {
	border: 1px solid #707070;
	background: #B0B0B0;
	font-size: 11px;
	width: 70px;
	color: #fff;
	font-weight: bold;
}
/* = = = = = = = = = = download = = = = = = = = = = */

.downinfocol1 {
	width: 120px;
	float: left;
	font-weight: bold;
}

.downinfocol2 {
	width: 460px;
	float: left;
}

.download1 {
	width: 140px;
	float: left;
	font-weight: bold;
}

.download2 {
	width: 280px;
	float: left;
}

.download3 {
	width: 180px;
	float: left;
}

.download4 {
	width: 30px;
	float: left;
}


/* = = = = = = = = = = order = = = = = = = = = = */

.order {
	float: left;
	width: 600px;
	line-height: 20px;
        vertical-align: bottom;
}

.orderhg {
	float: left;
	width: 600px;
	line-height: 22px;
        vertical-align: bottom;
	background-color: #e0e0e0;
}

.order1 {
	width: 280px;
	float: left;
	font-weight: bold;
}

.order2 {
	width: 80px;
	float: left;
}

.order3 {
	width: 80px;
	float: left;
        text-align:right;
}

.order4 {
	width: 100px;
	float: left;
}

.order5 {
	width: 50px;
	float: left;
}

.orderheader1 {
	width: 600px;
	line-height: 20px;
	float: left;
	font-weight: bold;
        vertical-align: middle;
	color: #fff;
	background-color: #CE505E;
}

.orderheader2 {
	float: left;
	width: 600px;
	line-height: 20px;
	font-weight: bold;
        vertical-align: middle;
	color: #fff;
	background-color: #808080;
}

.orderheader3 {
	float: left;
	width: 600px;
	line-height: 20px;
	font-weight: bold;
        vertical-align: middle;
	background-color: #e0e0e0;
}


/* = = = = = = = = = = newsdetailseite = = = = = = = = = = */

.datum {
	float: left;
	width: 90px;
}

.datum-detail {
	float: left;
	width: 120px;
}

.newsheader {
	float: left;
	width: 520px;
	font-weight: bold;
}

.newstext {
	float: left;
	width: 520px;
}

.infoheader {
	float: left;
	width: 520px;
	font-weight: bold;
}

.infotext {
	float: left;
	width: 520px;
}


.suche {
	background: #7085B1;
	padding: 3px 10px;
	margin: 10px 0;
	border-left: 3px solid #3E5F8E;
}

.suche a:link, .suche a:visited {
	color: #3E5F8E;
	text-decoration: none;
}


.suche a:hover {
	color: #788FB0;
}