body { font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; background: #FFF; margin: 0; padding: 0; text-align: center; color: #000; font-size:12px; }
	
	
#wrapper { width: 880px; height: 660px; position: absolute; left: 50%; /*top: 50%;*/ margin-top: 40px; margin-left: -440px; text-align: left; }

#wrapperhome { width: 880px; height: 660px; position: absolute; left: 50%; /*top: 50%;*/ margin-top: 40px; margin-left: -440px; text-align: left; background: url(pics_home/homepic_2.jpg);}


#header { background: none; padding: 0px 0px 0px 0px; position: relative; }  
	
/* -- header navigation start -- */
#header ul { left: 50%;  margin-left: -300px; margin-top: 0px; padding: 0px; position: absolute; list-style: none; font-weight:bold; }

#header ul li { float:left; position:relative; }

#header ul li a:link,
#header ul li a:visited { font-size: 12px; line-height:20px; text-decoration:none; color: #000; float:left; display:block; padding-top: 0px; padding-bottom: 0px; padding-right: 1.5em; }

#header ul li a:hover,
#header ul li a:active { color: #900; }

#header ul li a.current,
#header ul li a.current:link,
#header ul li a.current:visited,
#header ul li a.current:hover,
#header ul li a.current:active { /*background: #fff;*/ color: #900; cursor: default; }

/* navigation 2. level*/
#header ul li ul  { left: auto; margin-left: auto; font-weight:normal; width:auto; margin-top: 20px; visibility:hidden; bottom:20px;/*position:absolute;*/ }

#header ul li:hover ul,
#header ul li.hover ul
/*#header ul a:hover ul*/ { visibility:visible; height:auto; }


#header ul ul a { color: #900; text-decoration: none; }
#header ul ul a:visited { color: #000; }
#header ul ul a:hover { color: #900; }

#header ul ul a.current,
#header ul ul a.current:link,
#header ul ul a.current:visited,
#header ul ul a.current:hover,
#header ul ul a.current:active { color:#000; cursor: default; }
/* -- header navigation end -- */	



/* Curriculumstyle start*/
#wrapcontentcur{ width: 800px; height: 500px; position:absolute; margin-bottom: 30px; margin-left: 40px; margin-top: 100px; }
#navicur { width: 200px; height: 200px; left: 70px; top: 0px; position:absolute; }
#contentbildlinks { width: 200px; height: 280px; left: 70px; top: 200px; position:absolute; font-size:12px;  }  
#contenttextrechts { width: 460px; height: auto; left: 300px; top: 0px; position:absolute; font-size:12px; vertical-align: bottom;  } 

/* -- curriculum navigation start -- */
#navicur ul { margin-top: 0px; padding: 0px; position: absolute; list-style: none; font-weight:bold; }

#navicur ul li { position:relative; }

#navicur ul li a:link,
#navicur ul li a:visited { font-size: 12px; line-height:14px; text-decoration:none; color: #000; /*float:left;*/ display:block; padding-top: 0px; padding-bottom: 12px; }

#navicur ul li a:hover,
#navicur ul li a:active { color: #900; }

#navicur ul li a.current,
#navicur ul li a.current:link,
#navicur ul li a.current:visited,
#navicur ul li a.current:hover,
#navicur ul li a.current:active { /*background: #fff;*/ color: #900; cursor: default; }
/*  Curriculumstyle end*/


/* Werkestyle start*/
#wrapcontentwerke { width: 820px; height: 500px; position:absolute; margin-bottom: 30px; margin-left: 40px; margin-top: 100px; }

/*Layout 4 Spalten*/

#sp1 { position: absolute; height: 500px; width: 205px; left:0px; top:-2px; }

#sp1text { position: absolute; height: 500px; width: 186px; left:0px; top:-2px; }

#sp1bild { position: absolute; height: 500px; width: 205px; left: 0px; top: -2px; }

#sp2 { position: absolute; height: 500px; width: 205px; left: 205px; top: -2px; }

#sp2bild { position: absolute; height: 500px; width: 300px; left: 205px; top: -2px; }

#sp23oben { position: absolute; height: 250px; width: 615px; left: 205px; top: -2px; }

#sp23unten { position: absolute; height: 250px; width: 615px; left: 205px; top: 265px; }

#sp3 { position: absolute; height: 500px; width: 205px; left: 410px; top: -2px; }

#sp3bild { position: absolute; height: 500px; width: 300px; left: 515px; top: -2px; }

#sp4 { position: absolute; height: 500px; width: 205px; left: 615px; top: -2px; }

#sp1 img,
#sp2 img,
#sp3 img,
#sp4 img { float: left; margin-top: 2px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; }

#wrapcontentwerke2 img { margin-top: 2px; margin-right: 8px; margin-bottom: 5px; margin-left: 0px; }

#sp234 { position: absolute; height: 500px; width: 600px; left: 205px; top: -2px; }

#sp1 a:hover img,
#sp2 a:hover img,
#sp3 a:hover img,
#sp4 a:hover img { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #900;	}

#wrapcontentwerke p,
#wrapcontentwerke2 p { font-size: 11px; line-height: 14px; padding: 0px; margin-top: 0px; margin-bottom: 30px; }

/* Werkestyle end*/



#back { font-size: 11px; position: absolute; height: 25px; width: 150px; left: 0px; bottom: 0px; }

#back a { text-decoration: none; font-size: 11px; }

#back a:link { color: #5A5A5A; }

#back a:hover { color: #900; }
		


.nohover { font-size: 12px; line-height:20px; text-decoration:none; color: #000; float:left; display:block; padding-top: 0px; padding-bottom: 0px; padding-right: 1.5em; }

.abstandnach { padding-bottom:18px;}
.abstandrechts { padding-right:17px;}

.clearfloat { clear:left; }


a { color: #000; text-decoration: underline; }
a:hover { color:#900; }
/*a:visited { color:#900; }*/
a.current { font-weight:bold; color:#900; cursor: default; }


#header h1 { margin: 0; padding: 10px 0; } 
/* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
/* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	
#mainContent { padding: 0 20px; background: #FFFFFF;} 
/* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	
#footer { padding: 0 10px; }

#footer p { margin: 0; padding: 10px 0; } 
/* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
/* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */

/* Architekturstyle start*/	
#wrapcontentarch{ width: 820px; height: 540px; position:absolute; margin-bottom: 30px; margin-left: 40px; margin-top: 60px; }
#contentlinkstextarch { width: 820px; height: auto; left: 0px; bottom: 0px; position:absolute; font-size:12px; vertical-align: bottom;  }
/* Architekturstyle end*/