﻿html, body 
{
    height: 100%;	
    overflow: auto;
}

body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003399; 
	background-color:#f3f4f5;
	margin:0px;
}

#container  
{
    margin: 0 auto; 
    width: 997px; 
    background-color:#f3f4f5; 
}

#head  
{
    position:fixed; 
    top:0px; 
    width:997px; 
    background:url(../img/bg_head.jpg) no-repeat; 
}

#logo  
{
    position:relative; 
    top:99px; 
    float:left; 
    padding-right:176px; 
}

.clear  
{
    clear:both;
    visibility:hidden; 
}

#topnav  
{
    width:996px; 
    height:28px; 
    background-image:url(../img/bg_topnav.jpg); 
    background-repeat:no-repeat; 
    padding-right:1px; 
}

/* hier */

h1, h2, h3, ul, li, p  
{
    margin:0; 
    padding:0; 
}

h1 span  
{
    display:none 
}

#head img  
{
    border:0; 
    float:left 
}

* html #head  
{
    position:absolute 
}

#logo span  
{
    display:none 
}

#topnav ul  
{
    margin:0; 
    padding:0; 
    list-style:none; 
    float:right; 
    white-space: nowrap; 
}

#topnav li  
{
    margin:0;  
    padding:0; 
    display:inline; 
}

#topnav a  
{
    float:left; 
    display:block; 
    height:20px; 
    padding:6px 15px 0px 12px; 
    margin:0 0 0 0px; 
    color:#fff; 
    font-weight:bold; 
    font-size:13px; 
    text-decoration:none; 
    background-color:#2d61a0; 
    border-top:0px solid #6a97bd; 
    border-left:1px solid #6a97bd; 
    background-image:url(../img/bg-a-topnav.gif); 
    background-position:right 0px; 
    background-repeat:no-repeat;
}

#topnav a:hover, #topnav a#activ, #topnav a.activ  
{
    color:#284379; 
    background-color:#ebf1f4; 
    border-top:0px solid #fff; 
    border-left:1px solid #fff; 
    background-position:right -26px 
}

#topnav a#topnav-last {
	background-position:left 0px;
	padding:5px 12px 0px 12px;
}

#topnav a#topnav-last:hover  
{
    background-position:left -26px 
}

#topnav a#topnav-last-activ  
{
    background-position:left -26px; 
    padding:6px 12px 0px 12px; 
    color:#284379; 
}

a.sub  
{
    font-size:11px; 
    font-weight:bold; 
    color:#5180b4; 
    text-decoration:none; 
    line-height:18px; 
}

a.sub:hover  
{
    color:#284379; 
    text-decoration:none 
}

a.activsub  
{
    font-size:11px; 
    font-weight:bold; 
    color:#284379; 
    text-decoration:none; 
    line-height:18px 
}

a.activsub:hover 
{
    color:#284379; 
    text-decoration:none;
}

.produkte 
{
    display: none;
	position: absolute;
	top: 52px;
	left: 385px;
	padding:2px 15px 2px 15px;
	background-image:url(../img/trans.png);
}

.branchen
{
    display: none;
	position:absolute;
	top:124px;
	left:478px;
	padding:2px 15px 2px 15px;
	background-image:url(../img/trans.png);
}

.unternehmen 
{
    display: none;
	position:absolute;
	top:125px;
	left:685px;
    padding:2px 15px 2px 15px;
	background-image:url(../img/trans.png);
}

.support 
{
    display: none;
	position:absolute;
	text-align:right;
	top:106px;
	left:882px;
    padding:2px 15px 2px 15px;
	background-image:url(../img/trans.png);
}

#topbar  
{
    width:995px; 
    height:19px; 
    background-image:url(../img/bg_space.jpg); 
    border-right:1px solid #e8e7e7; 
    border-left:1px solid #e8e7e7; 
    text-align:right; 
}

#topbar a  
{
    float:left; 
    display:block; 
    font-size:11px; 
    padding:0 7px 0 7px; 
    color:#2d61a0; 
    line-height:18px; 
    text-decoration:none; 
    background-color:#5884ba; 
    color:#fff; 
    margin-right:1px; 
}

#topbar a:hover, #topbar a#activ  
{
    color:#284379;  
    background-color:#FFB342; 
}

#prodnav  
{
    padding-left:489px; 
}

#vspace  
{
    height:229px;
}

#wrap  
{
    width:996px; 
    background-image:url(../img/bg_wrap.gif); 
    background-position:bottom left; 
    background-repeat:no-repeat; 
    color:#003399;
    background-color:#fff; 
 }

#left  
{
    float:left; 
    width:760px; 
}

#ct-left-top  
{
    width:760px; 
    height:30px; 
    background-image:url(../img/bg_ct_top.gif); 
    background-repeat:no-repeat; 
    text-align:center; 
}

#ct-left  
{
    width:654px; 
    background-image:url(../img/bg_ct_left.gif); 
    background-repeat:no-repeat; 
    min-height:379px; 
    padding:0 50px 20px 56px;
}

* html #ct-left  
{
    height:379px; 
}

#textbran 
{
    float:right; 
    width:325px;
}

#branlist 
{
    float:left; 
    width:275px;
}

#right  
{
    float:right; 
    width:228px; 
    padding:8px 0 0 8px; 
}

#container .refbild 
{
	width: 250px;
	padding-top: 20px;
	float: left;
	text-align: center;
}

#container .refbox 
{
	padding-top: 20px;
	float: right;
	width: 400px;
	margin-bottom: 10px;
}

.feldplz 
{
	width: 90px;
	margin: 0px;
	padding: 0px;
}

#container .refbox li  
{
    background-image:url(../img/li-dot.gif);  
    background-repeat:no-repeat; 
    background-position:0 4px; 
    padding:0 0 10px 10px; 
    font-size:13px; 
    line-height:14px; 
}

#foot  
{
    width:996px; 
    height:19px; 
    line-height:19px; 
    color:#fff; 
    background-color:#b7b7b7; 
    text-align:right; 
    line-height:16px; 
}

#foot a  
{
    color:#fff; 
    background-color:#b7b7b7;
    font-weight:bold; 
    text-decoration:none; 
    font-size:13px; 
}

#foot ul  
{
    margin:0; 
    padding:0; 
    list-style:none; 
    float:right; 
    white-space: nowrap; 
}

#foot li  
{
    margin-right: 16px;  
    padding:0; 
    display:inline; 
}

#sitemap
{
    margin-left:35px; 
}

.sitemap-usite
{
    margin-left: 45px;
}

#foot a:hover, #foot a#activf  
{
    color:#284379 
}

.rbox-top  
{
    width:222px; 
    height:20px; 
    background-image:url(../img/bg-rbox-top.gif); 
    background-repeat:no-repeat;
}

.rbox-bottom  
{
    width:222px; 
    height:8px; 
    background-image:url(../img/bg-rbox-bottom.gif); 
    background-repeat:no-repeat; 
    padding-bottom:5px; 
}

* html .rbox-bottom  
{
    padding-bottom:0; 
}

.formularfeld 
{
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.feldort 
{
	width: 200px;
	margin: 0px;
	padding: 0px;
}

.rbox  
{
    width:197px; 
    padding:8px 14px 6px 11px;  
    background-image:url(../img/bg-rbox.gif);  
}

.rbox img  
{
    float:left 
}

h2  
{
    color:#0066cc; 
    font-size:14px; 
    font-weight:bold; 
    padding-bottom:10px; 
}

h3  
{
    color:#003399; 
    font-size:13px; 
    font-weight:bold; 
    padding-bottom:7px; 
}

p, p.box, p.box-s, p.small, p.box-news  
{
    color:#003399; 
    font-size:12px; 
    padding-bottom:10px; 
}

p.small  
{
    font-size:11px; 
}

p.small-g  
{
    font-size:10px; 
    color:#B7B7B7; 
}

p.box, p.box-s  
{
    padding:0 0 0 5px; 
    line-height:15px; 
}

p.box-s  
{
    font-size:11px; 
    line-height:13px; 
}

p.box-news  
{
    font-size:11px; 
    padding:0 0 0 5px; 
    line-height:13px; 
}

p.kontakt, p.kontakt-adr  
{
    line-height:16px; 
}

p.kontakt  
{
    padding-bottom:0px; 
}

p.kontakt-adr  
{
    padding-left:50px; 
}

ul, ul.dot, ul.jobs  
{
    list-style:none; 
    padding-bottom:13px; 
}

li  
{
    background-image:url(../img/li.gif); 
    background-repeat:no-repeat; 
    padding:0 0 10px 25px; 
    font-size:13px; 
    line-height:17px; 
}
     
ul.dot li  
{
    background-image:url(../img/li-dot.gif);  
    background-repeat:no-repeat; 
    background-position:0 4px; 
    padding:0px 0px 10px 10px; 
    font-size:13px; 
    line-height:14px; 
}

ul.dot2 li  
{
    background-image:url(../img/li-dot.gif);  
    background-repeat:no-repeat; 
    background-position:8px 4px; 
    padding:0px 0px 10px 20px; 
    font-size:13px; 
    line-height:14px; 
}

ul.jobs li  
{
    background:none; 
    padding:0 0 20px 0px; 
}

.orange  
{
    color:#ff9900; 
}

.blue-s  
{
    color:#0066cc; 
    font-size:13px; 
    font-weight:normal; 
}

a.ablue-s  
{
    color:#0066cc; 
    font-size:13px; 
    font-weight:normal; 
    text-decoration:none; 
}

a  
{
    color:#003399; 
    text-decoration:none; 
}

a:hover  
{
    text-decoration:underline; 
}

a.orange-s  
{
    color:#ff9900; 
    font-size:11px; 
    font-weight:bold; 
    text-decoration:none; 
}

a.orange-smini  
{
    color:#ff9900; 
    font-size:10px; 
    font-weight:bold; 
    text-decoration:none; 
}

a.orange-s:hover  
{
    text-decoration:underline; 
}

a.orange-b
{
	color:#ff9900;
	font-size:12px;
	font-weight:bold;
}

a.orange-b:hover  
{
    text-decoration:none;
}

a.blue-b  
{
    color:#0066cc; 
    font-size:12px; 
    font-weight:bold; 
    text-decoration:underline; 
}

a.blue-b:hover  
{
    text-decoration:none; 
}

a.blue-s  
{
    color:#003399; 
    font-size:11px; 
    text-decoration:none; 
}

a.blue-s:hover  
{
    text-decoration:underline; 
}

#container .stripline 
{
	clear: both;
}

#container #wrap #left #ct-left td 
{
	font-size: 12px;
}

.kontaktformular label 
{
	float: left;
	clear: none;
	width: 130px;
}

#ZEITBIS 
{
	line-height: 1.5em;
	color: #2D61A0;
	display: block;
	font-size: 12px;
	float: left;
	width: 25px;
	padding-left: 5px;
}

.textarea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 200px;
	width: 300px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

#formular    
{
	width: 640px;
	margin: auto;
	padding: 0px;
}

form     
{
	margin: 0px;
	padding: 0px;
}

fieldset     
{
	border: thin solid #2D61A0;
	text-align: left;
	margin: 5px;
	padding: 10px;
	width: 390px;
}

legend     
{
	font-size: 14px;
	font-weight: bold;
	color: #2D61A0;
	margin: 5px;
	padding: 5px;
}

.labelkontaktdaten      
{
	line-height: 1.5em;
	color: #2D61A0;
	display: block;
	padding: 0px;
	float: left;
	width: 120px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 12px;
	clear: left;
}

.labelcheckbox      
{
	line-height: 1.5em;
	color: #2D61A0;
	display: block;
	padding: 0px;
	float: left;
	width: 250px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 12px;
}

.inputkontaktdaten       
{
	background-color: #FFFFFF;
	width: 240px;
	border: 1px solid #2D61A0;
	margin-bottom: 0.6em;
	padding-left: 0.3em;
}

textarea 
{
	border: 1px solid #2D61A0;
	width: 244px;
}

input:focus      
{
	border-color: #ff9900;

}

textarea:focus 
{
	border-color: #FF9900;

}

select     
{
	background-color: #FFFFFF;
	width: 100px;
	border: 1px solid #2D61A0;
	margin-bottom: 0.6em;
	padding-left: 0.3em;
}

select:focus 
{
	border-color: #FF9900;
}

.plz 
{
	background-color: #FFFFFF;
	border: 1px solid #2D61A0;
	margin-bottom: 0.6em;
	padding-left: 0.3em;
	width: 50px;
}

.ort 
{
	background-color: #FFFFFF;
	border: 1px solid #2D61A0;
	margin-bottom: 0.6em;
	padding-left: 0.3em;
	width: 180px;
}

.strasse 
{
	background-color: #FFFFFF;
	border: 1px solid #2D61A0;
	margin-bottom: 0.6em;
	padding-left: 0.3em;
	width: 200px;
}

.strnummer 
{
	background-color: #FFFFFF;
	border: 1px solid #2D61A0;
	margin-bottom: 0.6em;
	padding-left: 0.3em;
	width: 30px;
}

.captcha 
{
	background-color: #FFFFFF;
	border: 1px solid #2D61A0;
	margin-bottom: 0.6em;
	padding-left: 0.3em;
	width: 100px;
}

.submitbtn 
{
	color: #FFFFFF;
	background-color: #2D61A0;
	margin: 0px;
	padding: 0px;
	width: 123px;
	cursor: pointer;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3333FF;
	border-right-color: #333366;
	border-bottom-color: #333366;
	border-left-color: #3333FF;
	margin-top: 10px;
}

.submitbtn:hover 
{
	color: #FFFFFF;
	background-color: #FF9900;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC66;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FFCC66;
}

#ACK  
{
	width: 35px;
	float: left;
}

#AUSWAHL 
{
	float: left;
	width: 20px;
}

#ZEIT 
{
	background-color: #FFFFFF;
	border: 1px solid #2D61A0;
	width: 80px;
	float: left;
}

#DATEN 
{
	float: left;
	height: auto;
	width: 325px;
	margin-left: 10px;
	font-size: 12px;
}

#ZEIT2 
{
	background-color: #FFFFFF;
	border: 1px solid #2D61A0;	
	width: 225px;
	float: left;
}

form .error  
{
    color: #ffb342; 
    font-weight: bold; 
    margin: .5em 0 0 0; 
    padding-left: 135px; 
}

.picdownload  a     
{
	border: 0;
	float: left;
}

.picdownload 
{
	float: left;
	height: 101px;
	width: 74px;
	margin-top: 20px;
	margin-left: 50px;
}

.boxdownload 
{
	float: right;
	height: auto;
	width: 460px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#container #wrap #left #ct-left .boxdownload li 
{
	background-image: url(../img/li-dot.gif);
}

#LOGODYN 
{
	float: right;
}

#HAND 
{
	float: left;
}

#ZEITVON 
{
	line-height: 1.5em;
	color: #2D61A0;
	display: block;
	font-size: 12px;
	float: left;
	padding-left: 5px;
}

#STUNDE 
{
	line-height: 1.5em;
	color: #2D61A0;
	display: block;
	font-size: 12px;
	float: left;
	width: 344px;
	padding-left: 5px;
}

#ZEITRAUM 
{
	line-height: 1.5em;
	color: #2D61A0;
	display: block;
	font-size: 12px;
	float: left;	
	padding-left: 5px;
}

#subpage_head
{
    background-image:url(../img/linie1px.gif);
    background-repeat:repeat-x;
    background-position:center;
    font-size: 18px;
    font-weight: 500;
}

#subpage_head span
{
    background-color: #FFFFFF;
}

.subpage_head
{
    background-image:url(../img/linie1px.gif);
    background-repeat:repeat-x;
    background-position:center;
    font-size: 18px;
    font-weight: 500;
}

.subpage_head span
{
    background-color: #FFFFFF;
}

.style1
{
    font-size: x-small;
    font-weight: bold;
    text-decoration: underline;
}

.modalBackground {
    background-color:transparent;
}

.DetailPanel 
{
    background-color:White;
    border:1px solid black;  
    Height:450px; 
    Width:450px;
    text-align:left;
    padding: 10px;
    margin: 5px;
}

.pager table tr td span 
{
    color: #ff9900;
    font-weight: bold;
}