/* Style für Mönchgut */

* {
margin:0;
padding:0;
}

body { /* Hintergrundfarbe */
background-image: url(../images/basics/bg_verlauf.gif);
background-repeat: repeat-x;
}

#container {
background-color:#fff;
background-image: url(../images/basics/deco.gif);
background-repeat: no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#504225;
width:850px;
height:615px;
margin-top:50px;
margin-right:auto;
margin-left:auto;
}


#logo { /* Logo */
float:left;
width:225px;
height:79px;
text-align:center;
}

#header {
float:left;
width:580px;
height:234px;
padding:15px 0px 15px 0px;
margin-left:15px;
}

/*...................... Navigation ........................*/

#navibereich {
	float:left;
	width:225px;
	height:244px;
	padding:15px 0px 15px 15px;
}

#navi {
	float:left;
	width:225px;
	height:110px;
	margin-top: 19px;
	}

ul#n1 {
margin:0; /* Die vordefinierten Abstände werden eliminiert */
padding:0;
}

ul#n1  li {
width:215px; /*Klar, eine Breite muss her */
line-height:20px; /*Vertikale Zentrierung und Höhenbestimmung der Links */
list-style:none; /* Die Listenpunkte verschwinden */
text-transform: uppercase;
font-weight: bold;
padding:0px 0px 3px 0px;
text-align:left;
color:#504225;
}

ul#n1  li a {
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
color:#504225;
background-color:#d9d4c8;
padding-left: 10px;
text-decoration:none
}

ul#n1  li a:hover {
color: #FFF;
background-color: #3793c4;
}

ul#n1  a.active {
color: #FFF;
background-color: #3793c4;
}


/*...................... Ruegeninfo ........................*/

#content {
	float:left;
	width:820px;
	height:322px;
	padding-left: 15px;
	}
	
#ruegeninfo {
	float:left;
	background-image: url(../images/basics/info_bg.gif);
	background-repeat: repeat-x;
	color: #3793c4;
	padding:10px 0px 0px 10px;
	width:215px;
	height:312px;
}

#infotext {
	float:left;
	width:210px;
	height:200px;
}

h1 { /* Überschrift */
font-size:14px;
font-weight:bold;
margin-bottom:20px;
color: #3793c4;
text-transform: uppercase;
}

ul#n2 {
margin:0; /* Die vordefinierten Abstände werden eliminiert */
padding:0;
}

ul#n2  li {
width:205px; /*Klar, eine Breite muss her */
line-height:14px; /*Vertikale Zentrierung und Höhenbestimmung der Links */
list-style:none; /* Die Listenpunkte verschwinden */ 
padding:0px 0px 10px 0px;
text-align:left;
}

ul#n2  li a {
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
color: #50a4d1;
text-decoration:none;
}

ul#n2  li a:hover {
color: #ffae00;
}


#moewe {
	float:left;
	width:121px;
	height:112px;
	margin-left: 16px;
}

/*...................... Textbereich ........................*/

#textbereich {
float:left;
width:535px;
height:308px;
line-height:17px;
margin-left:15px;
}

#bildbereich {
float:left;
width:580px;
height:308px;
margin-left:15px;
}

a:link.link, a:visited.link { /* content link*/
color: #3793c4;
text-decoration:none;
}

a:active.link, a:hover.link { /* content link*/
color: #ffae00;
text-decoration:none;
}


/*...................... Footer ........................*/

#footerbereich {
float:left;
width:848px;
height:18px;
margin-top: 10px;
border:1px solid #FFF;
text-align:center;
background-color: #3793c4;
   }

#footer ul {
	display:inline;
	   }

#footer li {
	display:inline;
   list-style: none;
   font: normal 10px Arial, Helvetica, sans-serif;
   color: #c8e2f1;
   text-transform: uppercase;
   }

#footer a {
   line-height: 20px;
padding:2px 20px;
   color: #c8e2f1;
   text-decoration: none;
   }

#footer li a:hover {
   text-decoration: underline;
   color: #FFF;
   }
   
   #footer li a.active {
   text-decoration: underline;
   color: #FFF;
   }
   
   
   
/*...................... Bildergalerie ........................*/
#bildergalerie {
	float:left;
	width:225px;
	height:312px;
}
.thumbnail{
	float: left;
	margin-bottom: 15px;
	}
	
	.thumbnail2{
	float: left;
	margin-bottom: 15px;
	margin-right: 14px;
	}	


/*////////////////////////////////FORMULAR//////////////////////////////////////*/


input
{
background-color:white; 
text-align: left;
font-family:verdana,helvetica,arial,sans-serif;
font-size: 10px;
color: #e85613;
border: 1px solid #DDDDDD;
padding: 1px 3px 1px 3px;
}

textarea
{
background-color:white; 
text-align: left;
font-family:verdana,helvetica,arial,sans-serif;
font-size: 10px;
color: #e85613;
border: 1px solid #DDDDDD;
}