@charset "UTF-8";

/* Formular */

.labelPflichtfeld
{
	background-color:#D1D2E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#4B4B4B;
	font-weight: bold;
	width: 150px;
}

.labelOptionalFeld
{
	background-color:#E7E7F2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#4B4B4B;
	font-weight: normal;
	width: 150px;
}

.textfeld
{
	border: 1px solid #7F9DB9;
}

.formularAbstandHorizontal
{
	padding-left: 16px;
	font-size: 10pt;
}

.formularAbstandVertikal
{
	padding-top: 25px;
}

.button
{
	background-color:#FFFFFF;
	border: 1px solid #7F9DB9;
	font-family: Arial;
	font-weight: bold;
	color:#4B4B4B;
}

/* Ende Formular */

/* QBE-TABLE */

.qbetable																					/* Tabelle außen */
{
  width: 510px;
	padding-left: 16px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.qbeheader																				/* Ueberschrift-Zeile (tr) */
{
	background-color:rgb(229,229,229);
}

.qbesort																					/* Ueberschrift-Link (a) */
{
	font-size: 10pt;
}

.qberesult																				/* Jede Result-Zelle (td) mit Zeilennummer % 2 != 0 */
{
	background-color:#D1D2E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#4B4B4B;
	font-weight: normal;
}

.qberesult2																				/* Jede Result-Zelle (td) mit Zeilennummer % 2 == 0 */
{
	background-color:#E7E7F2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#4B4B4B;
	font-weight: normal;
}

.small																						/* Schrift fuer die Angabe Anzahl Ergebnissaetze */
{
	padding-left: 16px;
	font-family: Verdana;
	font-size: 12px;
}


.qbesearch																				/* Tabelle außen */
{
 	border: 1px solid #7F9DB9; 
	width: 70px;
}

.qbebutton																				/* Tabelle außen */
{
	background-color:#FFFFFF;
	border: 1px solid #7F9DB9;
	font-family: Arial;
	font-weight: bold;
	color:#4B4B4B;	
}

/* Ende QBE-TABLE */

/* Verbaco mittig ausgerichtet */
body { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#4B4B4B; background-color:#FFF; background-image: url("../img/bg_body.gif"); }
* html body { text-align: center; }
#container { position: relative; top: 0; left: 0; margin-left: auto; margin-right: auto; padding-bottom: 75px; width: 750px; background-color:#FFF; /* background-image:url("../img/bg_container.gif"); background-repeat:repeat-y; background-position: 749px 0;*/  border-right: 1px dotted #101981; border-left: 1px dotted #101981; }
* html #container { text-align: left; width:752px; }
#mNavi { padding: 10px 0; height: 30px; margin: 0 -1px; z-index:15; }
#header ul { list-style-type:none; position:absolute; margin:0 -1px 0 0; padding:0; top:10px; left:195px; width:556px; height:60px; background-image:url("../img/bg_header.jpg"); background-repeat:repeat-x; }
div#footer { position:absolute; width:752px; bottom:0; background-image:url("../img/bg_footer.gif"); background-repeat:repeat-x; height: 30px; margin-left:-1px; z-index:1;  }
* html div#footer { margin-bottom:-1px; }

/* Linkfarben */
a:link { color:#101981; background-color:transparent; }
a:visited { color:#888CC0; background-color:transparent; }
a:hover, a:active { color:#6ED600; background-color:transparent; }
* html a img { border-color:#6ED600; }
img.at4b4b4b { border: none; margin: 0 0 -2px 0; }

/* Header */
#header { height: 70px; overflow: hidden; }
#header img.logo { border:0; padding: 10px 10px 0 10px; }
* html #header img.logo { margin: 10px 10px 0 10px; height: 60px; overflow: hidden; }

/* #header ul siehe oben */
#header li { display:inline; margin:0; padding:0; }
#header li a:link, #header li a:visited { display: block; position: absolute; top: 8px; background: none; overflow: hidden; font-size: 1px; line-height: 1px; height: 0; padding: 9px 0 0 0; }

#header li#hN1de a { background-image:url("../img/de/tNavi1.gif"); background-repeat:no-repeat; width: 31px; right:118px; }
#header li#hN2de a { background-image:url("../img/de/tNavi2.gif"); background-repeat:no-repeat; width: 48px; right: 66px; }
#header li#hN3de a { background-image:url("../img/de/tNavi3.gif"); background-repeat:no-repeat; width: 52px; right:10px; top: 10px; }
#header li#hN1en a { background-image:url("../img/en/tNavi1.gif"); background-repeat:no-repeat; width: 31px; right:118px; }
#header li#hN2en a { background-image:url("../img/en/tNavi2.gif"); background-repeat:no-repeat; width: 48px; right: 66px; }
#header li#hN3en a { background-image:url("../img/en/tNavi3.gif"); background-repeat:no-repeat; width: 52px; right:10px; top: 10px; }
#header li#hN4 a { background-image:url("../img/deFlag9.gif"); background-repeat:no-repeat; width: 14px; right:26px; top:40px;}
#header li#hN5 a { background-image:url("../img/enFlag9.gif"); background-repeat:no-repeat; width: 14px; right:10px; top:40px; }

#header span { visibility: hidden; }

/* MainNavi */
/* #mNavi siehe oben */
#mNavi ul { list-style-type: none; margin: 0; padding: 0; background-image:url("../img/bg_footer.gif"); background-repeat:repeat-x; height: 30px; }
#mNavi li { display: inline; margin: 0; padding: 0; }
#mNavi li a:link, #mNavi li a:visited { display: block; position: absolute; top: 80px; overflow: hidden; font-size: 1px; line-height: 1px; height: 0; padding: 30px 0 0 0; }
* html #mNavi li a:link, * html #mNavi li a:visited { padding: 29px 0 0 0; overflow: hidden; }

#mNavi li#mN1de a { background-image:url("../img/de/mNavi1.gif"); background-repeat:no-repeat; width: 58px; left: 195px; }
#mNavi li#mN2de a { background-image:url("../img/de/mNavi2.gif"); background-repeat:no-repeat; width: 103px; left: 253px; }
#mNavi li#mN3de a { background-image:url("../img/de/mNavi3.gif"); background-repeat:no-repeat; width: 74px; left: 356px; }
#mNavi li#mN4de a { background-image:url("../img/de/mNavi4.gif"); background-repeat:no-repeat; width: 117px; left: 430px; }
#mNavi li#mN5de a { background-image:url("../img/de/mNavi5.gif"); background-repeat:no-repeat; width: 83px; left: 547px; }
#mNavi li#mN6de a { background-image:url("../img/de/mNavi6.gif"); background-repeat:no-repeat; width: 67px; left: 630px; }
#mNavi li#mN7de a { background-image:url("../img/de/mNavi7.gif"); background-repeat:no-repeat; width: 53px; left: 697px; }

#mNavi li#mN1en a { background-image:url("../img/en/mNavi1.gif"); background-repeat:no-repeat; width: 50px; left: 195px; }
#mNavi li#mN2en a { background-image:url("../img/en/mNavi2.gif"); background-repeat:no-repeat; width: 68px; left: 245px; }
#mNavi li#mN3en a { background-image:url("../img/en/mNavi3.gif"); background-repeat:no-repeat; width: 93px; left: 313px; }
#mNavi li#mN4en a { background-image:url("../img/en/mNavi4.gif"); background-repeat:no-repeat; width: 110px; left: 406px; }
#mNavi li#mN5en a { background-image:url("../img/en/mNavi5.gif"); background-repeat:no-repeat; width: 76px; left: 516px; }
#mNavi li#mN6en a { background-image:url("../img/en/mNavi6.gif"); background-repeat:no-repeat; width: 108px; left: 592px; }
#mNavi li#mN7en a { background-image:url("../img/en/mNavi7.gif"); background-repeat:no-repeat; width: 50px; left: 700px; }

#mNavi li a:hover, #mNav li a:active { background-position: 0 -30px; }
#mNavi li.mNup a { background-position: 0 -30px; }
#mNavi li span { visibility: hidden; }

/* Left Navi */
#lNavi { float: left; width: 195px; }
#lNavi a { text-decoration: none; background:none; }
#lNavi ul { list-style-type: none; margin: 0 10px; padding: 0; font-size: 11px; position: relative; z-index:3; }
#lNavi li { border-bottom: 1px solid #101981; font-weight: bold; padding: 5px 0 6px 9px; }
#lNavi li.first { border-top: 1px solid #101981; }
#lNavi li.lNup a { color:#6ED600; }
#lNavi li.sub a, #lNavi li.sublast a { margin-left: -8px; padding-left: 10px; font-weight: normal; background-image:url("../img/icon_lNavi_blau.gif"); background-repeat:no-repeat; background-position: 0 4px; }
#lNavi li.sub a:hover, #lNavi li.sublast a:hover, #lNavi li.sub a:active, #lNavi li.sublast a:active, #lNavi li.UP a { color:#6ED600; margin-left: -8px; padding-left: 10px; font-weight: normal; background-image:url("../img/icon_lNavi_gruen.gif"); background-repeat:no-repeat; background-position: 0 4px; } 
#lNavi li.sub { margin-left: 10px; border-bottom-style: dotted; }
#lNavi li.subup a { color:#6ED600; background-image:url("../img/icon_lNavi_gruen.gif"); }
#lNavi li.sublast { padding-left: 19px; }

/* Content */
#main { position: relative; margin-left: 195px; padding: 0 20px 0 10px; z-index: 2; }
* html #main { margin-left: 194px; }
h1 { color:#101981; background-color:transparent; font-size:24px; font-weight: normal; margin: 0 0 12px 0; padding: 0; }
h2 { /*color:#252525;*/ color:#101981; background-color:transparent; font-size:14px; margin: 0; padding: 4px 0; }
h3 { color:#4B4B4B; background-color:transparent; font-size:12px; margin: 0; margin-bottom:12px; }
p { padding:0; margin: 12px 0; }
#main ul { list-style-image:url("../img/icon_list.gif"); margin-top:0; }
* html #main ul { list-style-image:url("../img/icon_list_ie.gif"); }
#main li { padding: 2px 0; }
p.fill { margin-bottom: 100px; /* Abstand nach unten bei zuwenig Inhalt */ }

/* Newsübersicht */
div.news { margin: 14px 0; }
div.news span { font-size: 11px; }
div.news h2 { margin-top: -3px; }
* html div.news h2 { margin-bottom: -17px; margin-top: 2px; padding: 0; background:none; }
div.news a.more { background-image:url("../img/icon_news_blau.gif"); background-position: 0 3px; background-repeat: no-repeat; padding-left: 9px; }
div.news a.more:hover, div.news a.more:active { background-image:url("../img/icon_news_gruen.gif"); background-position: 0 3px; background-repeat: no-repeat; padding-left: 9px; }

/* Bilder */
span.image { background-color:#F3F4F9; color:#333333; margin-bottom: 5px; }
span.image span { margin:0; display:block; padding:4px 4px 6px 4px; font-size: 11px; }
.right { float: right; margin-left: 10px; }
.left { float: left; margin-right: 10px; }

/* Kontaktaddresse (breite für li steht auf der jeweiligen Seite) */
ul#address { list-style-type: none; margin-bottom: 60px; padding:0; width: 100%; }
ul#address li { display: inline; margin:0; padding:0; float: left; }

/* Footer */
div#footer span { position: absolute; bottom:30px; left:1px; width: 369px; height:196px; background-image:url("../img/bg_content.gif"); background-repeat:no-repeat; }
div#footer img { position:absolute; bottom:10px; right:10px; border:0; z-index:4; }

/* Formular */
form { margin:0; padding:0; }
form br { clear: left; }
label { position: relative; z-index: 5; background-color:#F3F4F9; color:#4B4B4B; float: left; width: 175px; padding: 4px; margin-right: 4px; margin-bottom: 4px; }
label.duty { background-color:#C3C5DF; font-weight: bold; }
select { float: left; }
input, textarea { float: left; width: 210px; }
textarea { margin:0; }
textarea.message { height:100px; }
label.message { height:96px; }
* html label.message { height:100px; }
input.med { width: 149px; }
* html input.med { width: 153px; } /* felder im IE sind 4px kleiner */
input.small { width: 55px; }
input.btn { width: 100px; margin-top: 5px; }
* html input.btn { height: 22px; }
input.btn_links { margin-left: 186px; }
* html input.btn_links { margin-left: 180px; }

/* TABELLE */
/*caption { text-align: left; font-weight: bold; margin: 5px 0; font-size: 13px; }*/
caption { display:none; }
table { font-size: 11px; width: 100%; border: 1px solid #888CC0; margin-top: 12px; }
* html table { width: 524px; }
table.flyer { width:150px; margin-left:10px; margin-top:82px; }
table.flyer img { border: 1px solid #101981; margin-top:7px; }
thead th { background-color:#101981; color:#FFF; border-bottom: 3px solid #66CC00; text-align: left; padding: 6px 4px; }
tfoot th { background-color:#101981; color:#FFF; border-top: 3px solid #66CC00; text-align: left; padding: 6px 4px; }
td { background-color:#F3F4F9; padding: 3px 5px; /*border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;*/ }
th.last, td.last { border-right:0; text-align:right; }
tr.last td { border-bottom: 0; }
tr.coloured td { background-color:#C3C5DF; }
tr.coloured2 td { background-color:#D7D8EA; }
table td img.left { margin: 0 10px 5px 0; border-width:1px; float:left; } 

/* Ebenen Test bei Onlin-Coding */
#coding1, #coding2, #coding3, #coding4, #coding5, #coding6 { visibility:hidden; z-index: 31; width: 400px; height: auto; background-color:#F3F4F9; border: 1px solid #888CC0; }
#coding1 { position: absolute; top:164px; left:60px; }
#coding2 { position: absolute; top:257px; left:60px; }
#coding3 { position: absolute; top:326px; left:-44px; }
#coding4 { position: absolute; top:326px; left:164px; }
#coding5 { position: absolute; top:419px; left:60px; }
#coding6 { position: absolute; top:512px; left:60px; }
#coding1 h4, #coding2 h4, #coding3 h4, #coding4 h4, #coding5 h4, #coding6 h4 { background-color:#101981; color:#FFF; font-size:11px; border-bottom: 2px solid #66CC00; padding:5px; margin-top:0; }
#coding1 ul, #coding2 ul, #coding3 ul, #coding4 ul, #coding5 ul, #coding6 ul { margin-top:-10px; margin-bottom:10px; }

/* Screenshots */
* html #screenshots { margin-bottom: 175px; }
#screenshots br { clear: left; }
* html #screenshots br { clear:right; }
#screenshots img { width:200px; height:162px; margin-right: 50px; border:0; }
* html #screenshots img { margin-bottom: 4px; }
#screenshots .shdl { float:left; width: 200px; margin-right: 52px; margin-bottom:10px; }