/* CSS Document */
body{
margin:0px auto 0px auto;
padding:0;
font-size: 90%;
font-family: Arial, "Times New Roman", serif;
	
font-weight:normal;
color:#000;
text-align:center;	

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

img {border: 3px solid #FFF;}
	

.fett {font-weight: bold;}

.kursiv {font-style: italic;}

.klein {
font-size:0.9em;
font-style:bold;
line-height:150%;}

.kleiner {
font-size:0.75em;
font-style:bold;
line-height:130%;}

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

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

.introbild { margin: 0px 18px 10px 18px;}

a:focus { outline: none;}

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

a:hover {color:#cc0001;}




h1,h2,h3,h4,h5,h6,legend {
color:#fff091;
font-family: Georgia, "Times New Roman", 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:1.6em;
color:#cc0001;
border-bottom:2px solid #881212;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1.2em;
}

h3 {
font-size:1.3em;
color:#cc0001;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1.2em;
}

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


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

.container{
width:802px; 
margin:10px auto 0px auto;
text-align:left;
border:0px solid #000;}


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

a.logo {
text-indent: -9999px;
float:left;
width:278px;
height:129px;
margin: 0px 0px 0px 148px;
border:0px solid #fff;}




.wrapper{
background: url(i/layout/bg-inhalt.jpg) top left repeat-y; 
width:802px;
float:left;}



.content{
width:590px;
float:left;}

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

.inhaltschmal {
width:350px;
float:left;
margin: 0px 0px 0px 0px;
border: 0px #bababa solid;}


.bildlinks {
width:210px;
float:left;
text-align: center;
margin: 0px 0px 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%;}



.footer {
	margin: 0px 0px 20px 0px;
width:802px;
height:40px;
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;}



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

.navigationoben{
font-size: 1.3em;
font-family: Georgia, "Times New Roman", serif;
margin: 23px 0px 0px 0px;
width: 148px;
height: 450px;
float: left;
}


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

 
.navcontainer ul li { display: inline; }

 
.navcontainer ul li a {

text-decoration: none;
display: block;
}

.navcontainer ul li a:link {color:#f5e6d1;}

.navcontainer ul li a:active {color:#f5e6d1;}

.navcontainer ul li a:visited {color:#f5e6d1;}

.navcontainer ul li a:hover {color:#FFF; text-decoration:underline;}
 
.navcontainer ul li a.on  {color:#FFF; text-decoration:underline;}


	
	

/* 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:590px !important;}

.gallery a{ display: block; width:236px; height:190px; border:2px solid #fff; float: left; margin:0 20px 30px 20px; padding:2px;}

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

.gallery a img{ border:0; }


.gallery2{ width:560px !important;}

.gallery2 a{ display: block; width:220px; height:274px; border:2px solid #fff; float: left; margin:0 25px 50px 25px; padding:2px; text-align: center}

.gallery2 a:hover{ border-color:#881212;}

.gallery2 a img{ border:0; }