/*--- */
/*--- DATEI:styles-idh-1020.css ---*/
/*--- 10.10.2015 ---*/
/*--- */

h1, h2 {font-family: Verdana,Arial; font-weight:700; color:brown}  
h1 {text-align:center; font-size:1.5em; margin-top:1%;}   
h2 {font-size:1.3em}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #f6f6f6;  /*--  #ebf1de; --*/
	font-family:Verdana,Arial;
	font-size:1em;
	line-height:1.4em;
}

#container {
	margin: 0.5% auto; /*-- ohne Seitenlinie 0 statt 1% --*/
	padding: 0 10px;
	max-width: 1018px;  
	overflow: auto; /*-- auto allows border to continue when scrolling --*/
	background: white;
	border: 1px solid rgba(103,103,103,0.5);
	-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -o-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -khtml-border-radius: 3px;
	 border-radius: 3px;
	 -webkit-box-shadow: 2px 3px 2px 0 rgba(0, 0, 0, 0.25);
	 -moz-box-shadow: 2px 3px 2px 0 rgba(0, 0, 0, 0.25);
	 box-shadow: 2px 3px 2px 0 rgba(0, 0, 0, 0.25), 1px 1px 2px 0 rgba(0, 0, 0, 0.25) inset;
}

/*-- NAVIGATION --*/
	
	/*	WELCOME BUTTON  --*/
	#nav a{ color: #b65b28;text-decoration:none;}
	#nav a.button {
		font-family: Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.5em;
		letter-spacing: 1px;
		background-color: #b65b28;/* fallback for browsers that donīt support gradients */
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edc4ad), to(#b65b28));/* Safari 4+, Chrome 1-9 */
		background-image: -moz-linear-gradient(top, #edc4ad, #b65b28);/* Firefox 3.6+ */
		background-image: -o-linear-gradient(top, #edc4ad, #b65b28);/* Opera 11.10+ */
		background-image: -webkit-linear-gradient(top, #edc4ad, #b65b28);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
		background-image: -ms-linear-gradient(top, #edc4ad, #b65b28);/* IE 10+ */
		border: 1px solid #b65b28;
		border-radius: 5px;
		box-shadow: 0 1px 0 0 #edc4ad inset;
		color: white;
		position: relative;
		text-shadow: 0 1px 0 #424F1C; 
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		padding: 0.3em 0.7em;
		display: inline-block;
	}
	#nav a.button:hover {
		background-color: #edc4ad;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b65b28), to(#edc4ad));
		background-image: -moz-linear-gradient(#b65b28, #edc4ad);
		background-image: -moz-linear-gradient(top, #b65b28, #edc4ad);
		background-image: -o-linear-gradient(top, #b65b28, #edc4ad);
		background-image: -webkit-linear-gradient(top, #b65b28, #edc4ad);
		background-image: -ms-linear-gradient(top, #b65b28, #edc4ad);
		color: #fff;  /*-- font-color WELCOME button --*/
	}
	#nav a.button:visited {color: #fff; background-color: #b65b28;}
	
.nav {list-style:none; margin:0 0 0 0;}

#nav {
	float: left;
	text-align:left;
	margin: -1em 0 -0.2em -2.5em; /*-- statt 0 0 0 -2.5em --*/
	padding: 0 0;
	font-family:'Oswald', Arial, sans-serif;
}

#nav li {display:inline-block; float:none; margin-top:0.5em;}

#nav a{
	
	padding: 0.5em 0.8em;  /*-- 0.6em 1.2em --*/
	background-color: #EFEFEF; /*-- #EFEFEF; --*/
	border-radius: 10px;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	color: black; text-decoration:none; 
	font-size: 1.1em;
	margin: 0 0 0 0;	
}

#nav a:hover{color: #666; text-shadow: none; background-color: #eaffc4; }  /*-- background-color: #EAFFC4; --*/

#nav a.active{color: brown; font-weight: bold; background-color: #EFEFEF; letter-spacing: 1px;}
/*--
#nav a.active:hover{color: brown; text-shadow: none; background-color: #eaffc4; }  /*-- background-color when hover --*/			
/*-- END OF NAVIGATION --*/

/*-- Horizontal Line below menue --*/
hr {
	margin-top:0;  /*-- 0.7;  -*/
	height: 4px;
	border: 0;
	box-shadow:inset 0 4px 4px -4px rgba(0,0,0,0.5); /*-- 2px 3px 2px 0 rgba(0, 0, 0, 0.25); --*/
	text-align:center;
}

/*-- textbox top-right -- */
.intro1 {
	font-size:1.3em;
	line-height: 1.2em;
}

/* ---- Pictures - Radius:10px ---- */
.picr10 {
	max-width:100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
	
/*Colored boxes, green and grey*/

.quote {font-family: Arial, sans-serif; font-size: 1.3em; letter-spacing: -1px; font-style: italic; line-height: 1.3em; } /*a styled quote in addition to blockquote*/
.quote1 {font-family: Arial, sans-serif; font-size: 1.4em; letter-spacing: -1px; font-style: italic; line-height: 1.3em; }
.quote2 {font-family: Arial, sans-serif; font-size: 1.2em; font-style: italic; line-height: 1.1em; }
.quote span {display: block; font-size: .7em; padding-top: 0px; font-style: normal;}

.green, .grey {-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; zoom: 1; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 0.5em!important;} /* -- originally 15px=1em --*/
.green {background-color: #EAFFC4;}
.grey {background-color: #EFEFEF;}
.green p, .grey p {padding:0 30px 0;}  /* --- originally 30px statt 1em ---*/
.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4 {border-bottom: 5px solid #fff; margin-bottom: 0; }
.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4, .green h5, .grey h5, .green h6, .grey h6 {padding: 0px 30px; line-height: 1.7em;}

/* --- END --- */