/*
* {border: 1px solid green;}
*[id]:after {content: attr(id); background: #ffd; color: black; border: 1px solid yellow;}
*[class]:after {content: attr(class); background: #fdd; color: black; border: 1px solid red;}

*[id] {border: 1px solid yellow;}
*[class] {border: 1px solid red;}
*/
/*
* {border: 1px solid red}
*/
* {margin: 0px; padding: 0px;}

body
	{
    font-size: 12px;
	margin-top: 10px; margin-bottom: 10px;
	font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; 
	text-align: center;
	}
td, ul li
	{
    font-size: 12px;
	font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	}
	
img, a img, a 
	{
	border: 0px;
	}
	
#access {display: none;}
#wrapper
{
	margin: 0px; margin-left: auto; margin-right: auto;
	width: 660px;

}
p	
	{
	line-height: 130%; padding: 2px 0px 6px 0px; margin-top: 4px;
	}
#inhalt h1 
	{
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	}
#inhalt h2 
	{
	font-size: 16px;
	margin: 8px 0px 4px 0px;
	}
#inhalt h3 
	{
	font-size: 14px;
	margin: 10px 0px 6px 0px;
	}
#inhalt h4 
	{
	font-size: 12px;
	margin: 0px 0px 6px 0px;
	}

#schalter	
	{
	text-transform: uppercase; padding-bottom: 12px;
	}
#schalter p	
	{
	padding-left: 15px;
	}
#schalter a	
	{text-decoration: none; color: #000;
	}
#schalter a:hover
	{
	color: #E30070;
	}
#schalter a:active
	{
	color: #CEED00;
	}

div#kopf	
	{
	background-image: url(img/kopf.gif);
	background-repeat: no-repeat;
	}
div#kopf a 
	{
	height: 53px; width: 150px; 
	display: block;
	}
div#kopf span.unsichtbar  
	{
	display: none;
	}

#behaelter	
	{
    width: 658px;
	border: 1px solid #E7E7E7; 
	border-top: 1px solid #ADD8FF;
	position: relative;
	}
#schalter, #kopf, #fuss	
	{
	margin: 0px auto;
	width: 660px;
	}

#nav
	{
	background-color: #2C82CF; 
	text-align: center;
    padding-top: 3px;
    height: 20px; width: 658px; 
    font-size: 11px;

	}
#nav li 
	{
  	display: inline;
  	list-style-type: none;
  	}
#nav a
	{
	color: #FFF; text-decoration: none; 
	padding-left: 18px; margin-right: 28px;
	}
	
/* Navigation - Aktivzustand */
body#print #linkprint, body#web #linkweb, body#multimedia #linkmultimedia, body#praesentation #linkpraesentation, body#software #linksoftware, body#firmen #linkfirmen, body#individual #linkindividual, body#foerderung #linkfoerderung, body#anmelden #linkanmelden, body#termine #linktermine, body#kontakt #linkkontakt, body#galerie #linkgalerie
	{
	font-weight: bold;
	text-decoration: underline;
	}
/* Hauptnavigation - Icon als bgbild */	
#nav a#linkprint
	{
	background-color: transparent;
    voice-family: "\"}\"";
	voice-family: inherit;
	background-image: url(img/icon_print.gif);
	background-repeat: no-repeat;
	padding-left: 23px;
	}

#linkweb
	{
	background-color: transparent;
    voice-family: "\"}\"";
	voice-family: inherit;
	background-image: url(img/icon_web.gif);
	background-repeat: no-repeat;
	}
#linkmultimedia
	{
	background-color: transparent;
    voice-family: "\"}\"";
	voice-family: inherit;
	background-image: url(img/icon_multimedia.gif);
	background-repeat: no-repeat;
	}
#linkpraesentation
	{
	background-color: transparent;
    voice-family: "\"}\"";
	voice-family: inherit;
	background-image: url(img/icon_praesentation.gif);
	background-repeat: no-repeat;
	}
#nav a#linksoftware
	{
	background-color: transparent;
    voice-family: "\"}\"";
	voice-family: inherit;
	background-image: url(img/icon_software.gif); 
	background-repeat: no-repeat;
	margin-right: 0px;
	}
#nav a:hover, #nav a:focus
	{
	text-decoration: underline; 
	}
#nav a:active
	{
	color: #F5E025;
	}

#subnav 
	{
	position: relative;
	width: 202px;
    height: 155px;
    margin-left: -461px;
	padding-left: 10px;
	background-color: #F7F7F7; 
	border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 189px;
    height: 153px;
    margin-left: 0px;
	}
body div#subnav h3
	{
	background-image: url(img/info.gif);
	background-repeat: no-repeat; 
	margin: 10px 0px 6px 0px;
	padding: 0px 0px 0px 20px; 
	font-size: 12px;
	}
#subnav ul li
	{
	list-style-type: none; font-size: 11px;
	}
#subnav ul
	{
	padding-left: 20px; line-height: 120%; 
	}
#subnav a
	{
	color: #000; text-decoration: none;
	}

#subnav a:hover, #nav a:focus
	{
	color: #E30874; text-decoration: none;
	}
#subnav a:active
	{
	color: #F5E025;
	}	
#sidebar 
	{
	position: absolute; 
	top: 178px;		
	width: 199px;
	padding-left: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 189px;
}
#sidebar img 
	{
	margin: 6px 0px 0px 0px;
	}
div#erleben	
	{
    position: absolute;
    top: 20px; left: 199px;
    height: 155px; width: 461px;
	border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	voice-family: "\"}\"";
	voice-family: inherit;
	top: 23px; left: 197px;
	height: 153px; width: 459px;
	}
	

table.fahrplan
	{	 
	padding-bottom: 6px; 

	}
table.fahrplan td
	{	
	border-top: 1px solid #DFECF8; 
	padding: 6px 6px 6px 8px; 
	vertical-align: top;
	}	
.fahrplan h4 
	{
	font-size: 14px;
	}
table.fahrplan .detailinhalt td
	{	
	border-top: none;	
	}

.infobox, .abstract, p.abstract
	{	
	background-color: #DFECF8;
	padding: 6px 8px;
	margin: 0px;	 
	}
tr.infobox td
	{	
	padding: 6px 8px;	 
	}

/* Zwischenueberschriften im Kursfahrplan */	
#inhalte h3
	{
	font-size: 14px;
	background-image: url(img/ok.gif);
	background-repeat: no-repeat;
	padding: 0px 10px 8px 20px;
	margin-left: 8px;
	margin-top: 12px;
	}
#kursfahrplan h3
	{
	background-image: url(img/uhr.gif);
	background-repeat: no-repeat;
	padding: 0px 10px 8px 28px;
	margin-left: 8px;
	margin-top: 12px;	
	}
#feedback h3
	{
	background-image: url(img/feedback.gif);
	background-repeat: no-repeat;
	padding: 0px 10px 8px 28px; margin-left: 8px; margin-top: 12px; 
	}

#feedback p 
	{	
	margin: 0px 10px 15px 8px; padding: 0px;
	}
blockquote
	{
	margin: 0px 0px 6px 6px;
	}
.floatleft
	{
	float: left; margin: 0px 10px 6px 6px;
	}
.clearfix:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix
	{
	display: inline-block;
	}
/* Versteckspiel vor IE	Mac \*/
* html .clearfix 
	{
	height: 1%;
	}
.clearfix
	{
	display: block;
	}
/* Ende Versteckspiel IE MAc */
#anmelden div.clearfix
	{
	margin: 6px 0px 14px 0px;
	}
.infoboxen {float: right; width: 190px; margin-left: 10px;}
.teaser, .bildungspfad
	{
	border: 1px solid #E7E7E7; 
	background-color: #FFF;
	width: 180px; float: right;
	margin-top: 10px; 
	padding: 0px 0px 10px 10px;
	}
.teaser h3 strong, div.bildungspfad h3 strong
	{
	font-weight: bold;
    font-size: 13px;
	}
.teaser h3, .bildungspfad h3
	{
	font-weight: normal;
	background-image: url(img/ok_pink.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 5px;
	line-height: 120%;
    font-size: 11px; 
	}

.teaser p
	{
	font-size: 11px; font-weight: bold; padding-bottom: 0px;
	}
.teaser ul, .bildungspfad ul
	{
	font-size: 11px;
	}
.bildungspfad h3 
    {
    background-image: url(img/bildungspfad-icon.gif);
    background-repeat: no-repeat;
    }


#inhalt .bildungspfad a {color: black; text-decoration: none; padding: 0px; margin: 0px;}

#inhalt .bildungspfad a:hover {color: #399DF8; text-decoration: underline;}

#inhalt .bildungspfad ul {padding: 0px; padding-left: 20px; margin: 0px; margin-right: 10px;}
.bildungspfad li {padding: 2px; margin: 0px; padding-bottom: 6px;}
.bildungspfad li.current {background-color: #dadada;}
.bildungspfad li.eintrag1 {list-style-image: url(img/bildungspfad-bullet-1.gif);}
.bildungspfad li.eintrag2 {list-style-image: url(img/bildungspfad-bullet-2.gif);}
.bildungspfad li.eintrag3 {list-style-image: url(img/bildungspfad-bullet-3.gif);}
.bildungspfad li.eintrag4 {list-style-image: url(img/bildungspfad-bullet-4.gif);}
.bildungspfad li.zusatz {list-style-image: url(img/bildungspfad-bullet-pfeil.gif);}
	
body#software .teaser p, body#software .wgk .teaser p
	{
	font-size: 11px;
	font-weight: normal;
	background-image: url(img/rufzeichen.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 5px;
	line-height: 140%; 
	}

#inhalt ul
	{
	 padding-left: 40px; line-height: 130%;
	}
#inhalt a
	{
	color: #399DF8;
	}
#inhalt a:hover
	{
	text-decoration: none;
	}

.anmeldebutton
	{
	float: right; margin: 10px 0px 10px 10px;
	}
ul.zusatzlinks 
	{
	margin-top: 10px;
	}
.zusatzlinks li
	{
	list-style-image: url(img/pfeilbullet.gif);	
	}
	
/* Da nur 2 Zusatzlinks braucht man nach der Liste mehr Rand, da ansonsten der Anmeldebutton den nachfolgenden Absatz umbricht*/
body.mac ul.zusatzlinks, body.pst ul.zusatzlinks, body.pse ul.zusatzlinks, body.psp ul.zusatzlinks, body.psw ul.zusatzlinks, body.ila ul.zusatzlinks, body.flp ul.zusatzlinks, body.dir ul.zusatzlinks, body.fdb ul.zusatzlinks, body.wgk ul.zusatzlinks { margin-bottom: 20px;}

#fuss	
	{
	position: relative; 
	font-size: 10px;
	border-top: 6px solid #399DF8; border-bottom: 1px solid #E7E7E7;
	text-align: center;
	padding-bottom: 6px;	
	}
#fuss a, #fuss
	{
	color: #AAA; text-decoration: none;
	}
#fuss a:hover, #fuss a:focus, .kontakt a:hover
	{
	color: #E30874; text-decoration: none;
	}
#fuss a:active
	{
	color: #F5E025; text-decoration: none;
	}

.kontakt 
	{
	text-align: center;
	font-size: 9px;
	color: #AAA;
	margin-top: 6px;
	}
.kontakt a
	{
	color: #AAA;
	}

/* betrifft die Anker-Liste der Absolventen ganz oben*/
body#galerie #inhalt ul
	{
	margin-left: -15px;
	font-size: 11px; 
	}
body#galerie #inhalt ul a
	{
	text-decoration: none;
	color: #000;
	}
body#galerie #inhalt ul a:hover
	{
	text-decoration: underline;
	}	
ul.absolventen 
	{
  	width: 210px;
  }
ul.absolventen li 
	{
  	margin-bottom: 4px;
  }

 /* die tables fuer die Absolventenprojekte*/
 body#galerie #inhalt table td
	{
	vertical-align: top;
	}
  body#galerie table
  	{
  	margin: 10px 0px;
  	}
  td.logo
  	{
  	width: 200px;
  	}

/* die Box zur Weiterleitung zu den anderen Galerien*/ 
.zurgalerie
	{
	border: 1px solid #DEDEDE; 
	background-color: #F7F7F7; 
	padding: 6px;
	width: 180px;
	margin-left: 10px;
	margin-right: 10px;
	}
.zurgalerie ul li
	{
  	display: inline;
  	padding-right: 10px;
  	}
  	
#galerieprint
	{
	background-image: url(img/icon_print_x.gif);
	background-repeat: no-repeat;
	padding-left: 23px;
	}
#galeriemultimedia
	{
	background-image: url(img/icon_multimedia_x.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	}
#galerieweb
	{
	background-image: url(img/icon_web_x.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	}
 	
.up
  	{
  	text-align: right;
  	border-bottom: 1px solid #DEDEDE;
  	margin-bottom: 10px;
  	padding: 0px 20px 10px 20px;
  	}
  	
 body#galerie #inhalt img
	{
	margin-left: 10px; 
	}
	
	body.keinerlebnis div#inhalt
	{
	margin-left: 199px; 
	padding: 0px 10px 0px 10px; 
	border-top: none;
	margin-top: -155px;
	border-left: 1px solid #DEDEDE;
	}
	
	table.traineedaten
	{
	margin: 10px 0px 10px 60px;
	background-color: #DFECF8;
	padding: 6px;
	}
	
	.label
	{
	text-align: right;
	padding: 6px 6px 6px 0px;
	vertical-align: top;
	}
	
.abschnitt
	{
	border-bottom: 1px solid #E7E7E7;
	margin: 10px 0px;
	}
	
body#fragebogen #inhalt h2
	{
	border-bottom: 1px solid #E7E7E7;
	font-size: 14px;
	padding-bottom: 2px;
	margin-bottom: 6px;
	}
	
body#fragebogen #inhalt h3
	{
	font-size: 12px;
	padding-top: 4px;
	}

body#fragebogen table.kurse
	{
	margin: 6px 0px 12px 0px;;
	}
	
body#fragebogen table.kurse td
	{
	padding: 2px 0px;
	}
	
a[href$='.pdf']:before
{
	content: url(img/pdf_s.gif); 
}

address
{
 font-style: normal;
}

#software h2.adobe
{
background-color: #DFECF8;
background-image: url(img/adobe_header.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 3px 3px 3px 27px;
color: #5F6C78;
font-size: 14px;
font-weight: normal;
}

#software h2.macromedia
{
background-color: #DFECF8;
background-image: url(img/macromedia_header.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 3px 3px 3px 27px;
color: #5F6C78;
font-size: 14px;
font-weight: normal;
}

#software h2.quark
{
background-color: #DFECF8;
background-image: url(img/quark_header.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 3px 3px 3px 44px;
color: #5F6C78;
font-size: 14px;
font-weight: normal;
}

#software h2.apple
{
background-color: #DFECF8;
background-image: url(img/apple_header.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 3px 3px 3px 24px;
color: #5F6C78;
font-size: 14px;
font-weight: normal;
}

#web h2.eigenesprojekt
{
background-color: #DFECF8;
background-image: url(img/eigenesprojekt_header.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 3px 3px 3px 24px;
color: #5F6C78;
font-size: 14px;
font-weight: normal;
}

ul.startseite li
{
    list-style-type: none;
    padding: 2px 4px 10px 0px;
    margin-left: -20px;
}
ul.startseite li img
{
    vertical-align: middle;
}
#software ul.startseite li a
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#software ul.startseite li a:hover
{
    text-decoration: underline;
}

#schalter, #subnav, #inhalt, #footer, #sidebar, #inhalt ul 	
{
    text-align: left;
}

#inhalt	
	{
	padding: 0px 10px 0px 10px; 
	border: 1px solid #E7E7E7;
	border-right: none;
	margin-left: 199px;
	}

#schalter, #kopf, #sidebar, #subnav, #nav, #fuss, #erleben, .breadcrumb {display: none}

#inhalt, body, #behaelter, #wrapper, body#termine.keinerlebnis div#inhalt {margin:0px; padding:0px; width: auto; border: none;}

body {margin-left: 20mm; margin-right: 20mm; margin-top: 15mm; margin-bottom: 15px;}

.screenonly {display: none;}

#inhalt
{
position: static;
margin: 0px !important;}

#printkopf img { width: 100%;}