/*********************************************************************** 
 *
 * interAD CSS  
 *
 * The File has to be in the Directory "include" direct in the htdocs root directory, and it has to have the name "style.css"
 * if not, the Content Management does not show it correctly
 *
 */
 
 /*

*/	

 
/*********************************************************************** 
 * General
 *
 * Colors:
	green: 				#2a661c
	green dark: 		#10370e
	brown background: 	#ddcb9b 
	brown very light:	#c8b289  	to use: line splitter between kontakt column / content; Scrollbars
	brown light: 		#795e3a		to use in the text that stands right with the konttakt and so on	
	brown dark: 		#6e3b0e		Caption 1
	~brown wood replacement: #c89641 ??? chosen from gerwald. (used while loading the wood background)
	white for links:	#ccba8f
 *
 */
 
body{ font-size:1em; }
li,a,div,span,font,p,td,h1,h2,h3,form{
	font-family: Trebuchet MS, Arial, sans-serif;		
}
html{
}
p{ font-size:0.8em; margin:0 0 5px; padding:0; color:#10370e}
.Brown{ color:#6e3b0e;}

h1 {font-size:2.2em; font-family:Garamond; color:#6e3b0e;  margin: 0 0 0 0; font-weight:normal;}
h1:after { color:#6e3b0e;}

h2 { font-size:1.3em; text-transform:uppercase; color:#10370e; margin: 28px 0 0 0; font-weight:normal;}
h3 {	font-size:0.9em; margin-bottom: 0px; color:#795e3a;  font-family:Garamond;}
a:hover {text-decoration: underline;}
a {text-decoration: none;}
p a { color: #10370e; text-decoration: underline;}
p a:hover { text-decoration: none;}
input, textarea {
  font-size:0.9em; 
  font-family: Trebuchet MS, Arial, sans-serif;	
  border:1px solid #6e3b0e;    
  padding:2px;
}
input[type="submit"] {}
hr.noSpacing { margin-bottom = 0px}
p.Error{
	margin: 10px 0 10px 0;
	font-weight: bold;
	color: red;
}
p.Success{
	margin: 10px 0 10px 0;
	font-weight: bold;
	color: green;
}

.wrapperCenter {	
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	/*background-image: url(/grafiken/general/bg.png);*/
	background-repeat: repeat;
	border: 0px solid;
	border-color: black;
}
img.Email{
	position:relative; 
	top:1px;
	border:0;
}

/*********************************************************************** 
 * Main Area Definitions
 */
html{
	height:100%;
}		
body{
	background-color:#ddcb9b;
	margin:0;
	height:100%;
} 
#notFooter{
	position: relative;
	min-height: 100%;
	background-color:#ddcb9b;
}
* html #notFooter {
	height: 100%;
}
#content
{
	background-color:#ddcb9b;
	padding: 35px 20px 79px 20px; /* !! add 59px; to the bottom-padding for the footer !!!*/	
	width: 950px; /* replaces the 990px; from the wrapper, because of the padding!! */	
} 
#footer
{	
	position: relative;
	margin-top: -59px;
	background-color: #2a661c;
	height:69px;	/*59px;*/
	background-image: url(../grafiken/background_bottom.gif);
	width:auto;
}






/*********************************************************************** 
 * Header
 */
#header
{	
	height:226px;	
	background-color: #c89641; /*not neccessary*/
	background-image: url(../grafiken/header.jpg);
	background-position: center top;
}
#InnerHeader{
	/*background-image: url(/grafiken/header.jpg);
	background-repeat: no-repeat;*/
	background-image: url(../grafiken/header.jpg);
	background-position: center top;	
	background-repeat: no-repeat;
	height:226px;
}
/*#InnerHeaderLeft{
	width:auto;	
}*/
#LogoHeader{	
	margin: 19px 0 0 360px;	
	position:absolute;
}
/*********
 * Header Corner: for the leaves.
 */
	#HeaderCornerLeft{
		position:absolute;	
		top:0;
		left:0;	
		background-image: url(../grafiken/leave1.png);
		width:144px;
		height:102px;
	}
	#HeaderCornerRight{
		position:absolute;		
		top:0; /* depending of the header height: 226px */
		right:0;	
		background-image: url(../grafiken/triangle_leave2.png);	
		width:123px;
		height:222px;
	}
/********
 * Header Placeholder: for the left and right part of the Hader: here the background should repeat different 
 *
#HeaderPlaceholder{
	width:100%;
	position:absolute;
	top:0;	
}
	#HeaderPlaceholderMiddle{
		width:990px;
		float:left;
	 }
	#HeaderPlaceholderRemaining{
		width:auto;
		height:0px;
		margin-left:990px;
		position:relative;
	 }
	#HeaderLeft{
		width:50%;
		height:226px;
		left:-990px;
		position:absolute;	
		background-color: #c89641;
		background-image: url(/grafiken/background_header.jpg);		
		background-position:right bottom;
	}
	#HeaderRight{
		width:50%;
		left:50%;
		height:226px;
		position:absolute;
		
		background-color: #c89641;
		background-image: url(/grafiken/background_header.jpg);
		background-position:left bottom;
	}
	*/


/*********************************************************************** 
 * Main - Navigation
 */

#NavigationMainOuter{
	width:920px; 	/* depends on the full width 690px; */
}
#NavigationMain{	
	margin:0 auto 0 auto;	
	padding:0;		
	display:block;
	overflow:visible;	
	position:relative;
	top:173px; /* depends on the full width 226px; */
}
#NavigationMain li{
	margin-right:8px;
	margin-left:0px;
	list-style:none;
	float:left;
	display:inline;
}
#NavigationMain li a{
	width:98px;	/* padding and width in sum: 120px; */
	height:30px;/* padding and hight in sum: 53px; */
	padding: 23px 8px 0 14px;	
	display:block;
	background: url(../grafiken/bt_standard_hover.png);	/*preloading*/
	text-transform:uppercase;
	color: #ccba8f; /* instead of white; */
	text-align:center;
	font-size:0.75em;
	letter-spacing: 0.2em;
	line-height: 1.1em;		
    vertical-align: middle; 
}
	#NavigationMain li a:link, #NavigationMain li a:visited{
		background: url(../grafiken/bt_standard_inactive.png);	/*preloading*/
	}
	#NavigationMain li a:hover, #NavigationMain li a:focus {
		background: url(../grafiken/bt_standard_hover.png);	
		text-decoration:none;
		color: white;
	}

#NavigationMain li a.active{
	color:black;
	background-image: url(../grafiken/bt_standard_active.png);
}
#NavigationMain li a.TwoLines{
	padding-top:15px;
	height:38px; /* padding and hight in sum: 53px; */
}
/*Different Start-Tab behaviour*/
	#NavigationMain li a.StartLink{
		width:64px;	/* padding and width in sum: 86px instead of 120px; */
	}
	#NavigationMain li a.StartLink{	
		background-image: url(../grafiken/bt_start_hover.png); /*preloading*/
	}
	#NavigationMain li a.StartLink:link, #NavigationMain li a.StartLink:visited{
		background-image: url(../grafiken/bt_start_inactive.png);	/*preloading*/
	}	
	#NavigationMain li a.StartLink:hover, #NavigationMain li a.StartLink:focus{	
		background-image: url(../grafiken/bt_start_hover.png);
	}
	#NavigationMain li a.StartLink.active{	
		background-image: url(../grafiken/bt_start_active.png);
	}



/*********************************************************************** 
 * Content Template
 */
	#ContentLeft, #ContentLeftBig{
		width:400px;
		margin:0 20px 0 0;	
		border:0px solid red;
		float:left;	
	}
	#ContentLeftBig {
		width:616px;
	}
	#ContentImages{			
		width:240px;
		float:left;		
		padding-right:16px;
		padding-top:40px;
		border-right: 1px solid #c8b289;
	}
	#ContentContact{
		width:196px;
		margin: 0 0 0 20px;	
		float:left;
	}
	#EndOfContent{
		clear:both;
		height:15px;
	}

img.ContentSmall{
	border:0;
	margin:0;
	padding:0;
}
.SmallImageLink{
	margin: 0 0 6px 6px !important;	
	display:block;
	width:74px;
	float:right;
}
p.SmallImageText{
	font-size:0.7em;
	color: #795e3a;
	margin-bottom:20px;
	clear:both;
	font-style:italic;
}
img.ContentMedium{
	border: 9px solid #795e3a;
}
#ContentContact h3{
	font-size:1.3em;
	display:block;
	margin:0 0 15px 0;
	padding: 0 0 2px 0;
	border-bottom:1px solid #795e3a;
}
#ContentContact a:hover{
	/*text-decoration:none;*/
}
#ContentContact p{
	font-size:0.75em;	
	color: #795e3a;
}
#ContentContact p a{
	color: #795e3a;
}
		


/*********************************************************************** 
 *   Gallery 
 */	
#Start{
	border-right: 1px solid #c8b289;
	float:left;
	width:640px;
	margin-left:30px;
}
	#TwoMen{	
		margin-top:10px;
		float:left;		
	} 
	#StartColumnMiddle{		
		width:330px;		
		margin: 10px 0 0 10px;		
		float:left;	
	} 
	#EndOfStart{
		clear:both;
	}


		
		

/*********************************************************************** 
 *   Gallery 
 */		
#Gallery {
	position:relative;	
}
#Gallery h1{
}
div#PictureList{
	width:265px;
	height:500px;
	overflow:auto;
	position:relative;
	margin:15px 0 0 0 ;
	float:left;
	scrollbar-base-color: #c8b289 !important;	
}
	#PictureList h3{
		width:234px;
		border-bottom:1px solid #795e3a;
		margin:0 0 4px 0;
		padding:0;	
		font-size:1.0em;		
	}
	ul.PictureList{
		margin:0 0 5px 0;	
		padding:0;		 					
		width:240px;			
		float:left;
	}
	ul.PictureList li{	
		list-style:none;
		float:left;
		display:inline;
		margin:0 6px 6px 0;
	}
	ul.PictureList li a img{	
		border:0;
		width:74px;
		height:74px;
	}
#PictureDetails{
	width: 600px;	
	float:left;
	padding: 0 0 0 35px;		
	border:0px solid red; /*!!*/
}
	#PictureDetails h1{
		font-size:1.3em;
		text-align:right;
	}
	#PictureDetails p{
		color: #795e3a;
		text-align:right;
	}
		

/*********************************************************************** 
 * Contact
 */		
#Contact{
	position:relative;
	width:990px;
}
	#Contact H1 {
		margin-bottom:20px;	
	}
	  
	#ContactLeft{
		width:250px;
		float:left;
	}		
	#ContactRight{
		width:350px;
		margin:0 0 0 20px;
		float:left;
		position:relative;
	}		
	#ContactRight p{
		display:block;
		width:300px;
		font-weight:bold;
	}	
	#ContactRight p span{
		display:block;
		width:80px;
		float:left;
	}
	#ContactRight input, #ContactRight textarea {
		width:210px;
	}
	#txtNachricht{
		width:290px !important;		
		height:150px;
	}
	#btnSenden{
		text-align:center;
	}


/*********************************************************************** 
 * Footer Content
 */

#footerContent{
	position:relative;
	background-image: url(../grafiken/background_bottom.gif);
	padding-top:10px;
	height:59px;	
}
#NavigationHelperOuter {	
	width:100%;
	height:10px;
	display:block;
}
#NavigationHelper{
	display:block;
	margin:5px 0 0 0;
	padding:0;
	right:0;
	position:absolute;
}
	#NavigationHelper li {
		margin: 0 0 0 22px;			
		padding:0;
		list-style:none;
		float:left;
		display:block;
	}
	#NavigationHelper li a{		
		padding:0;
		color: #ccba8f; /* instead of white;*/
		font-size:0.9em;
		letter-spacing: 0.1em;
	}
	#NavigationHelper li a:hover{		
		text-decoration:none;
		color: white;
	}
#LinkInterad{	
	display:block;
	width:100%;
	text-align:center;
	margin-top: 5px;
	color: #10370e;
	font-size:0.8em;
	letter-spacing: 0.2em;
}
	#LinkInterad:hover{
		color:white;
		text-decoration:none;
	}	

.vacationNotificationText {
	font-size: 1.2em;
	padding: 1%;
	padding-right:2%;
	text-align: justify;
}

.vacation {
	clear:both;
}

.vacation .separator {
	padding-top: 15px;
	clear: both;
	border-bottom: 1px solid #c8b289;
}

.vacationNotificationText p{
	margin-bottom: 20px;
	color: black !important;
}

.vacationNotificationImage img {
	width: 100%;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}