/* Design & Code (c) Reset Media, Milos Radovic */

html, body { padding: 0; margin: 0; }

body {
	font: normal 12px/1.5em "Arial", "Verdana", sans-serif;
	background: url(pics/bkg_gray.jpg) repeat-x #907655; padding-bottom: 250px;
	height: 100%;}
	
	
	
	
	
/* Headings H1-H6 */
h1 {margin:10px 0 10px 0; padding:0; font-size:28px; line-height:30px; color:#5f4f38; text-transform:uppercase; font-weight:normal;}

/* h2 {margin:0 0 10px 0; padding:0; font-size:18px; font-weight:normal; line-height:30px; color:#42474A; border-bottom:1px solid #ccc;}*/
h2 {margin:10px 0 0 0; padding:0; font-size:22px; line-height:30px; color:#5f4f38; text-transform:uppercase; font-weight:normal;}


h3 {margin:0; padding:0; font-size:16px; color:#5f4f38; text-transform:uppercase; }

h4 {font-size:11px; font-weight:normal; margin:0; padding:0;}

h5 { }

h6 { }



/* Paragraph and Link Styles */
p {margin:0 0 15px; 0; padding:0; line-height: 21px;}

	p a {color:#000; text-decoration:none; border-bottom:1px solid #91558D;}

	p a:hover {color:#91558D; text-decoration:none; border-bottom:1px solid #999;}	
blockquote{
margin:0;
padding: 15px;
background-color:#E7F0F3;
border:1px solid #ccc;
}	

cite{
color:#666;
font-size:16px;
font-family: Georgia, Helvetica, Arial;
}
	
	
/* Lists and Navigation */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 290px; /* Width der Menu Items */
	border-bottom:0;
	}

#nav ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: -153px; 
	top: 0;
	display: none;
	}

ul li a {
	display: block;
	text-decoration: none;
	color: #C5B39B;
	background-color: #45392a; /* IE6 Bug */
	padding:6px 0 6px 15px;
	margin-bottom:1px;
	border-bottom: 0;
	text-transform:uppercase;
	font-size:10px;
	}

.active { /*das aktivierte Menu ist hier drin definiert */
  background-color:#514331;
  color:#fff;
}

.submenu {
   padding-left:30px;
   background-color:#372d21; 
}

.subactive{
background-color:#514331!important;
color:#fff;
padding-left:50px;

}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #fff; background: #514331; } /* Hover Styles */
		
li ul li a { padding:6px; width:140px; margin:0; color:#fff;} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

/*Hier sind die UL's der DIV BOX definiert */
.box ul {
 list-style: none;
 height: 100%;
 margin: 0;
}

.box ul li a {
  background: url(pics/bkg_box.jpg) #42474A;
  color: #C5B39B;
  display: block;
  padding:6px 15px 6px 15px;
  text-decoration: none;
  width: 260px;
  text-decoration: none;
  height:104px;
}

.box ul li a:hover {
  background: #372d21;
  color: #fff;
}
  
.box ul li a em {
  color: #fff;
  font-style: normal;
}

.box ul li a strong {
  background: none;
  color: #fff;
  font-weight:bold;
  display: block;
  position: relative;
  top: 3px;
}

.box ul li a:hover strong {
color:#777777;
}

.box ul li a span {
  position: relative;
  top: 5px;
}

.box2{ /*Das hier nimmer der letzen Box das Margin weg*/
margin-bottom:0;
}

/*.topbox{/*Diese Box wird hervorgehoben*/
/*border-left:3px solid #556F91;
/*width:257px!important; */

.topbox em{/*Diese Box wird hervorgehoben*/
color:#fff!important;
}

/*Bullet Icons (PDF & Galerie & PERS für Person)*/	

			.pdf a:link, .pdf a:visited{
			padding-left:45px;
			padding-top:18px;
			height:35px;
			display:block;
			background-image: url(pics/pdf_img.jpg);
			background-repeat: no-repeat;
			background-position: 0 .3em;
			background-color:#fff;
			color:#545657; 
			text-transform:uppercase; 
			font-weight:normal;
			font-size:22px;
			text-decoration:none;
			}
			
			.pdf a:hover{
			text-decoration:underline!important;
			}
			
	
	
	
/* ---------- Divs and Container ---------- */

#container{
width:745px;
height:600px;
margin:70px auto;
padding:0;
}

#inhalt{
background:#fff;
width:400px;
border: 15px solid white;
margin:0;
padding:0;
float:left;
}

#leftcontent{
width:290px;
margin:0 0 0 15px;
padding:0;
float:left;
background-color:#352c21;
}

#Logo{
background-color:#fff;
width:260px;
height:96px;
padding:18px 15px 5px 15px;
text-align:center;
color:#707070;
font-size:10px;
}


#footer{
margin:auto;
margin-bottom:50px;
padding:0;
height:20px;
width:735px;
text-align:left;
clear:both;
color:#333;
font-size:10px;
padding:15px 15px 15px 0;
text-transform:uppercase;
/*background:url(pics/bkg_footer.jpg) no-repeat;*/
/* Ausgeblendet wegen Darstellungsfehler?!? in Safar */
}

#footer a{
color:#fff;
text-decoration:underline; border-bottom:0px;}

}

#footer a:link{
color:#fff;
}
#footer a:visited{
color:#fff;
}
#footer a:active{
color:#fff;
}
#footer a:hover{
color:#45392a;
}

.one{
color:#45392a!important;
}


#leftfoot{
padding:0;
margin:0;
height:44px;
text-align:left;
clear:both;
/*background:url(pics/left_shadow.jpg) no-repeat; */
display:none;
}



/* --------- Images mit Floats und weiteren Finessen ---------- */

.q_img{
background-color:#fff;
border:1px solid #ccc;
padding:0;
margin: 5px 0 10px 0;
}

.gal_img{
background-color:#fff;
border:1px solid #ccc;
padding:0;
margin: 5px 0 10px 0;
}

.fotograf{
float:left;
background-color:#fff;
border:1px solid #ccc;
padding:0;
margin: 5px 15px 15px 0;
}



/* --------- Forms sind hier festgehalten ---------- */
form {
		margin:30px 0 20px 0;
		}		
		
		form br {
				clear:none;
				}
		

		.button{
		background-color: #f5f5f5;
		border:1px solid #ccc;
		margin:0;
		}
		
	
textarea, input, select {
		font-weight:normal;
		font-size: 14px;
		color:#444;
		border:1px solid #ccc;
		padding:5px;
		margin-bottom:15px;
		}
		
textarea {
    font-family:Arial, Courier;
    font-weight:normal;
		font-size: 14px;
		color:#444;
		width:380px;
		height:200px;
		margin-bottom:20px;
		}
input:focus, input:hover, textarea:focus, textarea:hover {
border: 1px solid #2A2D31; 
}