@charset "UTF-8";
/*v86*/


body {
font-family: Myriad, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.3;
background-color: #86BBE6;
margin: 0; 	padding: 0;
text-align: left;
color: #000000;
}
#container {
width:100%;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, koennen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
background: transparent;
margin: 0;
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element ueberschrieben. */
}
#header {
background: #fff;
padding: 0 10px 0 0;  /* Diese Auffuellung entspricht der linksbuendigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffuellung entfernen. */
height: 129px; overflow:visible;
font-size:10px;
border-bottom: 86px solid #86BBE6;
}
#header img {position: absolute; left:0; top: 129px; z-index:0; /*auf die art mags auch der internetexplorer*/}
.pur #header {
border-bottom: 0 solid #86BBE6;
}
a {
color: #fff;
text-decoration: none;
}
a:hover, li.cur a, .content-right h3 {
color: #004D9E;
}
/*alle listenpunkte als quadrat*/
#mainContent ul {
list-style-type: square;
}

#header h1 a {
margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, knnen Sie das Auftreten unerwarteter Abstnde zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unntig, weil dieser Rahmen die gleiche Wirkung hat. */
padding: 0;
display:block;
height:129px;
float: left;
width: 500px;
background-color: #fff;
background-image: url(gsi-logo-neu2.gif);
background-repeat: no-repeat;
background-position: -5px /*-18px*/ top;
}
h2#contact {
line-height:60%;
color: #fff;
text-decoration: none;
font-weight:normal;
display: inline;
text-transform:uppercase;
}
h2#contact a, .lang a {
font-weight:normal;
display: inline;
text-decoration: none;
color: #004e9e;
margin-left: 50px;
text-transform:none;
font-size: 11px;
}
h2#contact {
background: url(gsi-name.gif) 34px 2px no-repeat;
display:block;
height:18px;
width: 400px;
margin:0;
padding: 0;
}
#header h1 {
margin: 0;
padding: 0;
}
.skip, #header h1 span, h2#contact span {
display:none;
}


#sidebar1 {
position: absolute;
left: 821px;
font-size:14px;
width: 180px;
padding: 15px 0;
margin: 20px 0;
color: #ffffff;
}
*+html #sidebar1 {
padding-top: 30px;
}
#mainContent {
min-height: 310px;
width: 780px;
margin: 50px 350px 0 0;
padding: 0 20px;
color: #ffffff;
}
/*IE7 Hack*/
*+html #mainContent {
padding-top: 20px;
}
#footer {
padding: 0 ; /* Diese Auffllung entspricht der linksbndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
background:#fff; clear:both;
}
#footer p {
margin: 0; /* Wenn Sie die Rnder des ersten Elements in der FuŸzeile auf 0 einstellen, knnen Sie unerwartete Abstnde zwischen divs vermeiden. */
padding: 10px 0; /* Durch die Verwendung der Auffllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
width: 100%;
}
.fltrt { /* Mit dieser Klasse knnen Sie ein Element auf der Seite nach rechts flieŸen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
float: right;
margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse knnen Sie ein Element auf der Seite nach links flieŸen lassen. */
float: left;
margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem SchlieŸen eines Containers sein, der wiederum einen vollstndigen Float enthalten sollte. */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


#sidebar1 ul {
color: #004D9E;
margin:0;
padding: 0;
padding-left: 0px;
width: 170px;
}
#sidebar1 ul li {
list-style-type:none;
margin: 5px 0;
margin-left: -22px;
padding-left: 33px;
}
#sidebar1 ul li a {
display: block;
color: #004D9E; 
text-decoration:none;
margin-left: 0;
}
#sidebar1 
ul.menu-level1 
li a {

width: 130px;
padding: 6px  0 6px 33px;
margin-left: -33px;
}
#sidebar1 
ul.menu-level1 
li a:hover,
#sidebar1 
ul.menu-level1 
li.cur a {
padding-top: 5px;
padding-bottom: 5px;

/*
*+html margin-left: -34px;
*/

display: block;
border: 1px solid #fff;
background: #74A8CF;
border-left: none;
text-align: center;
text-transform: uppercase;
}




/* rollover-men */
.spc_nav2 a {	text-decoration: none; }
.spc_nav2 li a span  {
position: absolute; left:-9999px; top:-9999px
}
.spc_nav2 a:hover span, .slogan {
display: block;
position: absolute;
top: 20px;
left:688px;
width:300px;
height:90px;
/*overflow: hidden; 24.9.auskommentiert wg ie*/
background-color:#fff;
padding:5px 1px 5px 5px;
color: #004D9E;
text-decoration: none;
font-style: italic;
font-weight:normal;
font-size:16px;
line-height:19px;
text-decoration: none;
text-align: right;
z-index: 100;
}
.spc_nav2 a img, .spc_nav2 li a img {height: 0; width: 0;}
.spc_nav2 a:hover img {
position: absolute; top: 129px; left: 0;z-index:100; height: auto; width: auto;
}
#footer {border: 4px solid rgb(223,232,247); background-color:#ffffff; border-left-width: 30px;}
#header span.kontakt, #header span.home {
height: 14px;
background-color: #fff;
padding: 1px 5px;
text-decoration: none;
color: #004e9e;
margin-left: 0;
text-transform:none;
font-size: 11px;
position: absolute; top: 2px; left:760px;
z-index: 100;
}
#header span.home {left:715px;}
#header span.kontakt a, #header span.home a {
text-decoration: none;
color: #004e9e;
text-transform:none;
font-size: 11px;
}
input.search-button {
vertical-align:middle;
font-size:11px
}
#header #suche {
position: absolute;
top: 2px;
left:815px;
float: none;
width: 180px;
overflow: hidden;
height: 16px;
margin:0;
padding: 0;
display:inline;
text-align:left;
white-space:nowrap;
}
.searchbox-sword {
font-size: 10px;
background-color: #DFE8F7;
height: 100%;
border: none;
width: 140px;
padding: 1px;
}
#header #suche input.search-submit {
cursor:pointer;
border:0; font-size: 11px; background: #86BBE6; color: #004D9E;
width:49px; overflow:hidden;
padding:0 0 0 5px;
font-family: Myriad, Arial, Helvetica, sans-serif;
text-align:left;
}
/*sprachwahl-buttons*/
#header span.lang {
position: absolute;
left:390px;
top: 2px;
}
#mainnav li
{
list-style-type: none;
}
#mainnav li a {
float:left;
display: block;
width: 170px;
height: 24px;
background-color: #DFE8F7;
background-position: left top;
}





/* wraps the hole tab */
/* Tab-Menu ul */
#pseudotabsmenu  {
margin: 0;
padding: 0 0 0 0;
height: 28px;
width: auto;
list-style:none;
margin: 20px 0 0 0;
}
/* Tab-Menu li */
#pseudotabsmenu  li {
list-style-type: none;
list-style:none;
background-color: #82B6E0;
float: left;
margin: 0 5px 0 0 !important;
padding: 0 0 0 0 !important;
cursor: pointer;
border: none;
border-top:0;
border: 1px solid #DFE8F7;
border-bottom:none;
height: 26px;
/*test*/
position: relative;
z-index: 200;
}
/* Selected Tab , #pseudotabsmenu  li:hover*/
#pseudotabsmenu  li.act  {
background-color: #74A8CF;
border: 1px solid #DFE8F7;
border-bottom:none;
height: 30px;
position: relative; top:-5px;
}
* html #pseudotabsmenu  li.act  {
height: 30px;
position: relative; top:1px;
}
/* Tab-Menu li.a */
#pseudotabsmenu  li a, 
#left #pseudotabsmenu  li a {
text-transform: uppercase;
display: block;
float: left;
height: 24px;
line-height: 24px;
color: #004D9E;
font-family: arial;
font-size: 12px;
padding: 2px 20px 0 20px;
text-decoration: none;
outline:0;
font-weight: bold;
letter-spacing: 1px;
}
#pseudotabsmenu li.act a {
color: #004D9E;
font-size: 14px;
height: 28px;
line-height: 28px;
letter-spacing: 1px;
}
#pseudotabsmenu li.act {
height: 33px;
line-height: 33px;
background-color: #74A8CF;
}
#pseudotabsmenu li.act li a {
font-size: 12px;
}
#pseudotabsmenu li li {
background-color: #86BBE6;
font-size: 12px;
}
#pseudotabsmenu ul {
margin: 0 ;
padding: 0;
}
#pseudotabsmenu  li ul {
position: absolute; 
left: -9999px; 
top:-9999px;
}
#pseudotabsmenu  li ul a {
text-transform: none;
letter-spacing: 0px;
font-weight: normal;
}
#pseudotabsmenu  li ul a:hover {
color:#002244;
}
/*war #pseudotabsmenu  li.daddy:hover ul { */
#pseudotabsmenu  li:hover ul {

padding: 0 1px 5px 20px;
text-indent: 0;
/*test*/
top: 25px;
left: -1px;
margin-right: -1px;
}
#pseudotabsmenu li.sfhover ul {
left: 20px; top: 292px;
}
#pseudotabsmenu  li:hover ul {
z-index:99;
border: 1px solid;
border-top: none;

top: 25px;
}
#pseudotabsmenu  li ul,
#pseudotabsmenu  li ul li,
#pseudotabsmenu  li ul li a {
border: none;
margin:0;
padding: 0;
background-color: #82B6E0;
letter-spacing: 0.02em;
}
#mainContent #pseudotabsmenu  li ul li a:hover {
font-weight: bold;
letter-spacing: 0;
}
#mainContent #pseudotabsmenu  li.act ul li a:hover {
letter-spacing: 0.06em;
}

#pseudotabsmenu  li.act ul,
#pseudotabsmenu  li.act ul li,
#pseudotabsmenu  li.act ul li a {
border-color: #DFE8F7;
background-color: #74A8CF;
}
#pseudotabsmenu  li ul li a, #pseudotabsmenu  li ul li, #pseudotabsmenu  li.act ul li a {
display: block; /*test*/
width:100%;
height: auto;
line-height: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
/*CSS fix fr IE7*/
*+html li.act ul li a, *+html li ul li a {
CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 20px! important; PADDING-BOTTOM: 5px; WIDTH: 80%! important; PADDING-TOP: 5px; 
}

*+html li.act ul, *+html li ul {
PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0px; WIDTH: 100%! important; PADDING-TOP: 0px! important;
}



.navilinks {
float: left; 
margin-right: 14px;
margin: 0 ;
padding: 0;
}
*+html #mainContent .navilinks {
width: 200px;
}




.rgtabs-container li, 
.navilinks li {
list-style: none;
}
.rgtabs-container dt,
.rgtabs-container li a,
.navilinks li a
/*,
#pseudotabsmenu  li ul li 
*/
{
display: block;
width: 170px;
border: 1px dotted;
color: #004D9E;
margin: 0 0;
padding: 5px;
border-top: none;
border-right: none;
padding-top: 5px;
}
.navilinks li a:hover,
.navilinks li.cur a {
color: #fff;
}



.streifen {
position: absolute;
left:0; top: 215px;
width: 100%;
background: #86BBE6; /*A3C8EC;*/
border: 1px solid #fff; border-left: 0; border-right:0;
height: 20px;
overflow:hidden;
}
.pur .streifen {border:0}
.pur .streifen {
top: 131px;
}
/*content im tabsmenu nach links! test statt 200px*/
.contentbox,
.contentbox0 {
margin-left: 220px;
}
.direktlink a {
display: block;
width: 130px;
font-size: 12px;
text-align: center;
background: #FAC297;
padding: 5px;
color: #004E9E;
border: 1px outset #DFE8F7;}
.direktlink a:hover {
background: #004E9E;
padding: 5px;
color: #FAC297;
border: 1px inset #DFE8F7;
z-index: 1010;
}
#footer marquee  li {
list-style:none;
display: inline;
}

#container
#mainContent
ul#pseudotabsmenu
li
ul.spc_nav2
li
a img.menuelogo,
#container
#mainContent
ul#pseudotabsmenu
li
ul.spc_nav2
li
a span {
position: absolute;
top:-200px;
}
.contentbox, .contentbox0 {
padding: 20px;
background: #DFE8F7;
color: #004D9E;
}
.csc-menu-4 img {
padding: 5px 0 10px 0;
}
#mainContent .csc-menu-4 a, #mainContent .teaser a, #mainContent .teaser4 a
, .csc-frame-frame1,  .csc-frame-frame2{
line-height:100%;
font-size: 11px;
display:block;
padding: 0;
background: #fff;
border: 1px solid ;
border-top:0;
border-right:0;
height: 100px;
width: 205px;
overflow: hidden;
color: #004D9E;
float: left;
margin: 0 10px 10px 0;
text-align: center;
}
#mainContent .teaser .caption , #mainContent .teaser4 .caption {display:block; margin:3px 10px;}
#mainContent .teaser a:hover  {
border-bottom:1px solid #fff;
}
#mainContent .teaser4 a , .csc-frame-frame2 {width:470px; text-align:left;height:73px}
#mainContent .teaser4 a img{float:left;margin-right:8px;}
.contentbox a, #mainContent H1 a {
color: #004D9E;
padding:0;
margin:0;
}
.contentbox a:hover, 
#mainContent H1 a:hover,

.contentbox0 a:hover, 
#mainContent0 H1 a:hover {
color: #002244;
}
.contentbox a:hover,
.contentbox0 a:hover {
text-decoration: underline;
}
.contentbox H1,
.contentbox0 H1 {
font-size: 15px;
}
#mainContent h1 a {
padding: 0 0 0 15px;
text-decoration: none;
font-weight:normal;
font-size: 15px;
display: inline;
text-transform:uppercase;
}
#mainContent h1 .title2 a {
text-decoration: none;
font-weight:normal;
font-size: 12px;
display: inline;
text-transform: none;
}
.inhaltsblock {
border: 1px solid #DFE8F7;
padding: 0px 20px 20px 0px;
background: #74A8CF;
min-height: 300px;
}

#mainContent .inhaltsblock h1 {
padding: 5px 0px 10px 4px;
margin:0;
line-height: 10px;
}
#mainContent .inhaltsblock .contentbox h1 {
padding:0;
margin: 0 0px 5px 0px;
line-height: 16px;
}
#mainContent  h1 a {
font-size: 14px;
font-weight: bold;
}
.contentbox:after,
.contentbox0:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*die buttons der 3. ebene*/
#c4334 ul {
margin:0;
padding:0;
}
#c4334 ul li {
display: inline;
margin:0;
padding:0;
}
.absatz ul li a span.important {
padding: 3px;
background-color: #004D9E;
margin-right: 5px;
text-align: center;
text-decoration: none;
color: #fff;
border: 1px outset #DFE8F7;
}
.absatz ul li a:hover span.important {
background-color: #FAC297;
color: #004D9E;
border: 1px outset #DFE8F7;
}
.absatz ul li a:active span.important {
background-color: #FAC297;
color: #004D9E;
border: 1px inset #DFE8F7;
}
img.frontendediticons  {
height: auto;
width: auto;
}
#mainContent .inhaltsblock .navilinks {padding-left:12px}
#container #header .streifen a img {
position: static;
float: left;
padding-left: 5px;
}
.tr-even, .filelinks_layout_1 .even  {background:#fff}
.tr-odd, .filelinks_layout_1 .odd {background-color:#d8e1f0;}
.filelinks_layout_1 img {border-right: 3px solid #dfe8f7}
.filelinks_layout_1 div {border-bottom: 3px solid #dfe8f7}
.filelinks_layout_1 a:hover {text-decoration:none}
.filelinks_layout_1 img {width:40px; height:auto;}



.contentbox a,
.contentbox0 a {color:#002244}
.contentbox h2 {margin:0; padding:0;font-size: 1.3em;}
.contentbox h4   {margin:0;padding:0;}
.contentbox p {margin:0 0 0.6em 0;padding:0;}
.contentbox {line-height:150%; /*text-align:justify;*/}
.contentbox td {text-align:left;vertical-align:top; padding:6px;
}

#mainContent .contentbox h3, 
#mainContent .contentbox0 h3 {text-align: left;}
*+html #mainContent .contentbox h3,
*+html #mainContent .contentbox0 h3 {
font-size: 14px;
text-align: left !important;
line-height: 21px;
}
#mainContent .contentbox h4,
#mainContent .contentbox0 h4
 {text-align: left;}
*+html #mainContent .contentbox h4,
*+html #mainContent .contentbox0 h4 {
font-size: 12px;
text-align: left !important;
line-height: 18px;
}
#mainContent .contentbox th {font-size:12px}



/*Anmeldeformular weiterbildung*/
#container
form#anm fieldset {
margin: 0;
padding: 5px 0;
}

/*bg-color im Anmeldeformular*/
#container th {
font-size: 14px;
}
#container
.wfqbe_odd {
background-color: #fff;
}

#container #WFQBE_MANDANT_2 {
background-color: #DFE8F7;
}
#container
.wfqbe_even,
#container #wfqbe_id_notset .wfqbe_even td
 {
background-color: #d8e1f0; 
}

#mainContent 
#bildungssuche_form 
#WFQBE_MANDANT_2 label {
width: 100%;
display: block;
}


#bildungssuche-en label {widht:100%;display:block;}



#mainContent .contentbox {
min-height: 200px;
}
.csc-textpic-text ul {
list-style-type: square;
margin: 0;
padding: 0 15px 15px 15px;
}
/*Listen*/
#mainContent .contentbox ul, 
#mainContent .contentbox0 ul {
line-height: 120%;
margin: 0;
padding: 0 0 0px 15px;
}
#mainContent .contentbox ul li,
#mainContent .contentbox0 ul li {
margin: 0;
padding: 0 0 10px 0;
}

#mainContent 
.csc-textpic 
dd.csc-textpic-caption {
font-size: 11px;
line-height: 13px;
margin: 0;
padding: 0;
}

.doc span a img {
border: none;
}

#mainContent form#mailform label {
display: block;
width: 100px;
}
#mainContent form#mailform input, 
#mainContent form#mailform select,
#mainContent form#mailform textarea {
margin-bottom: 10px;
display: block;
width: 250px;
}
#mainContent form#mailform 
.csc-mailform-submit {
width: auto;
}
.dvs a img { border:0; margin:15px 0 0 8px}
#bildungssuche .wfqbe_even , #bildungssuche .wfqbe_even select {width: 300px;}
#bildungssuche .wfqbe_even {float: left;}
#bildungssuche .wfqbe_odd{margin-left: 310px;}

/*das hier ist eine temporaere sache wegen der harten trennungen sobald korrigiert sollten wir das dringend wieder rausnehmen*/
.bezfeld span.zeile {display:block}
/*.bezfeld {min-width: 240px}
.bezfeld {min-width: 300px}*/

#sidebar1 .csc-textpic-left {margin:0 0 10px 10px}
/* imagemap-ext */
.tx-mlmaps-pi1 img {
	border: 0px;
z-index:15;
}

.marker-layer {
	background-color:#ecf3fb;
	border: 1px solid #b5c4f2;
	padding: 5px;
	margin-top: -30px;
}
#NewsVertical {
				width: 280px;
				height: 80px;
				display: block;
				overflow: hidden;
				position: relative;

			}
			#TickerVertical {
				width: 280px;
				height: 80px;
				display: block;
				list-style: none;
				margin: 0;
				padding: 0;

			}
			#TickerVertical li {
				display: block;
				width: 280px;
				height: 80px;


				text-align: center;

				margin: 0;
				padding: 0;
				float: left;
			}
/* startseite*/
p.dvs-tv {margin-top:12px; /*background:#fff;*/padding:1em; }
#c6107, #c6307 {float:right; clear:none; width:280px;}
#c6329, #c6340, #c6371, #c6379 {float:right; clear:right; width:280px; }
#c6329 p, #c6340 p, #c6371 p, #c6379 p {margin:0 0 0 0; /*background:#fff;*/padding:1em 1em 0 1em;}
#wfqbe_id_notset #TickerVertical, #wfqbe_id_notset #TickerVertical {padding-left:0}
#wfqbe_id_notset #TickerVertical .wfqbe_odd, #wfqbe_id_notset #TickerVertical .wfqbe_even {margin-bottom: 3px; padding:1em 0.3em; line-height:140%;}
/*
#zehnjahreani {z-index:999;  
width:1170px; height:1000px; 
position:absolute; top:-150px;left:-70px;}
*/

#zehnjahreani, #zehnjahreclickmich {z-index:997;  
width:1300px; height:1000px; display:block;
position:absolute; top:-10px;left:-240px;}
#zehnjahreclickmich {z-index:999;}
#zehnjahreani.versteckt, #zehnjahregif.versteckt {display:none;}
#zehnjahreani.valid, #zehnjahregif.valid{display:block;}
#zehnjahregif, .zehnjahregif { position:absolute; left:70px;top:368px}

/* wfqbe stile*/
table.wfqbe_table_results{
border: solid 1px black; 
margin:1em;
border-collapse:collapse;
width: 100%;
}
.wfqbe_table_results th {border: solid 0.06em black; 
			padding: 0.2em;
			background-color: #AAAAAA;
    }
.wfqbe_table_results td {border: solid 0.06em black;
          padding: 0.35em; 
		  text-align:center;
    }			
caption{
caption-side:bottom;
/*color:#FF0000;*/
}

.wfqbe_odd{
background-color:#FFFFFF;
}

.wfqbe_even{
background-color:#EEEEEE;
}
.tx-wfqbe-pi1 #bildungssuche .wfqbe_even, .tx-wfqbe-pi1 #bildungssuche .wfqbe_odd, .tx-wfqbe-pi1 #bildungssuche-en .wfqbe_even, .tx-wfqbe-pi1 #bildungssuche-en .wfqbe_odd
{background: transparent;}
#WFQBE_MANDANT_2 {white-space:nowrap}
/*EoF*/