/* CSS Document */
body{
margin:0px auto 0px auto;
padding:0;
font-size: 90%;
font-family: Georgia, Arial, Helvetica, sans-serif;
	
font-weight:normal;
color:#fff091;
text-align:center;	

background: #770706;
background-image: url(i/layout/bg.jpg);
background-repeat: repeat;
}

img {border: 3px solid #fff091;}
	

.fett {font-weight: bold;}

.kursiv {font-style: italic;}

.klein {
font-size:0.7em;
font-style:bold;
line-height:130%;}

.floatright {
float:right;
margin: 0px 10px 0px 10px;}

.floatleft {
float:left;
margin: 0px 10px 10px 0px;}

a:focus { outline: none;}

a:link, a:visited, a:active {color:#fff091;
}

a:hover {color:#FFFFFF;}




h1,h2,h3,h4,h5,h6,legend {
color:#fff091;
font-family:"Monotype Corsiva", "Arial Narrow", Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
}

h1 {
font-size:2.4em;
margin-bottom:0.2em;
}


h1 a:link, h1 a:visited, h1 a:active {
color:#d0c8c6;
text-decoration:none;
}


h2 {
font-size:2em;
color:#fff091;
border-bottom:2px solid #fff091;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1em;
}

h3 {
font-size:2em;
color:#fff091;
border-bottom:2px solid #fff091;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1em;
}

h4 {
font-size:1.6em;
color:#000;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1em;
}



/* divs
--------------------------------------------------------------------------------------------- 
*/

.container{
width:818px; 
margin:30px auto 0px auto;
text-align:left;
background: url(i/layout/inhalt.jpg) top left repeat-y; 
border:0px solid #000;}


a.logo {
text-indent: -9999px;
float:right;
width:415px;
height:57px;
margin: 83px 0px 0px 0px;
border:0px solid #fff;}


.wrapper{
width:818px;
float:left;}



.inhalt {
width:560px;
float:left;
margin: 20px 20px 0px 20px;
border: 0px #bababa solid;

}


.bildlinks {
width:210px;
float:left;
text-align: center;
margin: 0px 20px 10px 0px;
font-size:0.7em;
font-style:italic;
line-height:130%;}

.bildrechts {          
width:210px;
float:right;
text-align: center;
margin: 0px 20px 10px 20px;
font-size:0.7em;
font-style:italic;
line-height:130%;}

.archivlinks {
width:300px;
float:left;
text-align: center;
margin: 0px 20px 10px 0px;
font-size:0.7em;
font-style:italic;
line-height:130%;}

.archivrechts {          
width:300px;
float:right;
text-align: center;
margin: 0px 20px 10px 20px;
font-size:0.7em;
font-style:italic;
line-height:130%;}

.footer {
width:818px;
height:70px;
background:url(i/layout/footer.jpg) top left no-repeat;
clear:both;
}

.willkommen {width:260px;
float:left;
margin: 20px 20px 0px 20px;
border: 0px #bababa solid;}


/* tops
--------------------------------------------------------------------------------------------- 
*/

.topleer{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/topleer.jpg) top left no-repeat;
border:0px solid #fff;}

.topstart{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/topstart.jpg) top left no-repeat;
border:0px solid #fff;}	

.topprojekte{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/topprojekte.jpg) top left no-repeat;
border:0px solid #fff;}	


.topvita{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/topvita.jpg) top left no-repeat;
border:0px solid #fff;}	


.topgalerie{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/topgalerie.jpg) top left no-repeat;
border:0px solid #fff;}	



.topunterricht{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/topunterricht.jpg) top left no-repeat;
border:0px solid #fff;}	

.toparchiv{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/toparchiv.jpg) top left no-repeat;
border:0px solid #fff;}	


.topkontakt{
margin:0px auto 0px auto
width: 818px;
height:192px;	
background: url(i/layout/topkontakt.jpg) top left no-repeat;
border:0px solid #fff;}	


/* navigation ------------------------------------------------------------ */

.navigationoben{
margin: 0px 0px 0px 0px;
width: 184px;
height: 420px;
float: right;
background: url(i/layout/navbg.jpg) top left no-repeat;
}


.navcontainer ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

 
.navcontainer ul li { display: inline; }

 
.navcontainer ul li a {
float:left;
text-decoration: none;
display: block;
text-indent: -1700em;
height: 60px; 
}

 
.navcontainer ul li a:hover {background-position: 0 -60px;}
 
  
.navcontainer ul li a.on  {background-position: 0 -60px;}

	
.start a  { width: 184px;background: url(i/layout/navstart.jpg) no-repeat top left }
	
.projekte a  { width: 418px;background: url(i/layout/navprojekte.jpg) no-repeat top left }
	
.vita a  { width: 418px;background: url(i/layout/navvita.jpg) no-repeat top left }

.galerie a  { width: 418px;background: url(i/layout/navgalerie.jpg) no-repeat top left }

.unterricht a  { width: 418px;background: url(i/layout/navunterricht.jpg) no-repeat top left }

.archiv a  { width: 418px;background: url(i/layout/navarchiv.jpg) no-repeat top left }

.kontakt a  { width: 418px;background: url(i/layout/navkontakt.jpg) no-repeat top left }
	

	
	

/* schrift und überschrift ------------------------------------------------------------ 
*/


.inhalt{
padding: 0px 0px 0px 0px;
font-weight: normal;
line-height:165%;
}

.inhalt p{
padding: 0px 0px 0px 0px;
font-size:0.75em;
line-height:165%;
}

.inhalt ul {
margin:10px 0 0px 30px;
padding:0;
}

.inhalt li {
line-height:200%;
list-style-type: none;
margin-left: 0;
padding: 0 0 0 10px;
}


.footer {	
padding: 0px 0px 0px 0px;
color:#000;   
text-align: right;
font-size:0.7em;
line-height:165%;
}


/* intro ------------------------------------------------------------ */


.intro{width:600px; margin:0px auto 0px auto;text-align:left;background:#ffcccc url(i/intro/intro.jpg) top left no-repeat;}


.navigationintro{
    margin: 0px;
    width: 300px;
	height: 600px;
}


.navintro ul
 {
 margin: 0;
 padding: 0px 0px 0px 300px;
 list-style-type: none;
 }

.navintro ul li { display: inline; }

 
.navintro ul li a
 {
 float:left;
 text-decoration: none;
  display: block;
		text-indent: -1700em;
		height: 600px; 
 }

 
.navintro ul li a:hover
 {
background-position: 0 -600px;
 }
 
.navintro ul li a.on{background-position: 0 -600px;}

	
.enter a  { 	width: 300px;
		background: url(i/intro/enter.jpg) no-repeat top left;
		overflow:hidden;}


/* gallery ------------------------------------------------------------ */


.gallery{ width:560px !important;}

.gallery a{ display: block; width:100px; height:150px; border:2px solid #490404; float: left; margin:0 15px 30px 15px; padding:2px;}

.gallery a:hover{ border-color:#fff091;}

.gallery a img{ border:0; }