/* -------------------- CSS Style-Sheet ------------------- 

Publisher:				N1Services Media Group
Author:					Walter Teuchtmann
Version: 				1.0 (for walterteuchtmann.at)

Contact:				mail@n1services.org

Optimized for Firefox at a resolution of 1280x720 or higher.

© 2008-2015 N1Services Media Group. All rights reserved.
Do not use this template for your own website(s).

--------------------- CSS Style-Sheet -------------------- */

/* ------------------------ Fonts ------------------------ */

@font-face { 

	font-family: 				'Roboto';
    src: 						url('../fonts/Roboto.ttf') format('truetype'); 
			 
}

/* -------------------- General Layout -------------------- */

body {

	margin: 					0;
	padding: 					0;
	background: 				url('../images/background2.jpg');
	background-repeat:			no-repeat;
	background-size:			100% auto;
	background-attachment:		fixed;
	font-family:				Roboto;
	font-size:					16px;
	color:						#C4C0B3;
	font-weight:				bold;
	
}

#topheader {

	margin-left:				auto;
	margin-right:				auto;
	padding-top:				10px;
	padding-bottom:				10px;
	width:						100%;
	position:					fixed;
	top:						0px;
	
	background-color: 			#E6E6E6;
	height:						35px;
    box-shadow: 				0px 0px 10px 5px rgba(0,0,0,.5);

	text-align:					center;

}

#topnavigation {

	margin-left:				auto;
	margin-right:				auto;
	min-width:					1000px;
	max-width:					1000px;
	text-align:					center;
	font-size:					25px;

}

#logo {
	
	margin-left:				auto;
	margin-right:				auto;
	min-width:					1000px;
	max-width:					1000px;
	margin-top:					65px;

}

#navigation {
	
	margin-left:				auto;
	margin-right:				auto;
	margin-bottom:				10px;
	min-width:					1000px;
	max-width:					1000px;
	
	background-color: 			#F4F4F4;
	
	color:						#C4C0B3;
	border-radius: 				5px;
	
    box-shadow: 				0px 0px 10px 5px rgba(0,0,0,.5);

}

#content {

	margin-left:				auto;
	margin-right:				auto;
	margin-top:					15px;
	margin-bottom:				50px;
	padding:					5px 20px 20px 20px;
	min-width:					960px;
	max-width:					960px;
	min-height:					600px;
	max-height:					40000px;
	
	background-color: 			#F4F4F4;
	
	color:						#353535;
	border-radius: 				5px;
	
    box-shadow: 				0px 0px 10px 5px rgba(0,0,0,.5);
	
}

#footer {

	margin-left:				auto;
	margin-right:				auto;
	margin-top:					15px;
	margin-bottom:				50px;
	padding-top:				20px;
	min-width:					1000px;
	max-width:					1000px;
	height:						119px;
	
	background-color: 			#F4F4F4;
	
	color:						#353535;
	text-align:					center;
	border-radius: 				5px;
	
    box-shadow: 				0px 0px 10px 5px rgba(0,0,0,.5);
	
}

/* -------------------- Link Decoration -------------------- */

a:link {

	text-decoration:			none;
	color: 						#000000;
	font-weight:				bold;
	
}

a:visited {

	text-decoration:			none;
	color: 						#000000;
	font-weight:				bold;
	
}

a:hover, a:active {

	color: 						#088A08;
	
}

/* -------------------- Menu Decoration -------------------- */

a.navigation:link,a.navigation:visited{ 

	text-decoration:			none;
	color: 						#000000;
	display:					block;
	background-color:			#F4F4F4;
	width:						196.4px;
	text-align:					center;
	font-size:					20px;
	padding:					8px;
	border-radius: 				4px;
	padding-left:				24.5px;
	padding-right:				24.5px;
	
}

a.navigation:hover,a.navigation:active { 

	background-color:			#BDBDBD;
	color: 						#000000;
	border-radius: 				4px;

}

a.menu1:link,a.menu1:visited { 

	text-decoration:			none;
	color: 						#000000;
	display:					block;
	background-color:			#E6E6E6;
	width:						195px;
	height:						40px;
	text-align:					center;
	border-radius: 				5px;
	margin-left:				-100px;
	
}

a.menu1:hover, a.menu1:active {

	color: 						#0080FF;	

}

a.menu2:link { 

	text-decoration:			none;
	color: 						#000000;
	display:					block;
	background-color:			#E6E6E6;
	width:						250px;
	height:						40px;
	text-align:					center;
	border-radius: 				5px;
	padding-left:				39px;
	
}

a.menu2:hover, a.menu2:active {

	color: 						#088A08;	

}

a.menu3:link { 

	text-decoration:			none;
	color: 						#000000;
	display:					block;
	background-color:			#E6E6E6;
	width:						195px;
	height:						40px;
	text-align:					center;
	border-radius: 				5px;
	padding-left:				39px;
	
}

a.menu3:hover, a.menu3:active {

	color: 						#DBA901;	

}

a.menu4:link { 

	text-decoration:			none;
	color: 						#000000;
	display:					block;
	background-color:			#E6E6E6;
	width:						195px;
	height:						40px;
	text-align:					center;
	border-radius: 				5px;
	padding-left:				39px;

}

a.menu4:hover, a.menu4:active {

	color: 						#FF0000;	

}

a.menu5:link { 

	text-decoration:			none;
	color: 						#000000;
	display:					block;
	background-color:			#E6E6E6;
	width:						195px;
	height:						40px;
	text-align:					center;
	padding-left:				39px;
	
}

a.menu5:hover, a.menu5:active {

	color: 						#585858;	

}

/* -------------------- Divides -------------------- */

h2.divide {

	display:					block;
	width:						960px;
	height:						10px;
	background-color:			#088A08;
	border-radius: 				5px;
	
}

b.divide {

	display:					block;
	width:						960px;
	height:						10px;
	background-color:			#B5D738;
	border-radius: 				5px;
	
}

/* -------------------- Images -------------------- */

img.natur {

	border:						2px solid #088A08;
	box-shadow: 				2.5px 2.5px 1.25px #888888;
	margin-right:				6px;
	margin-bottom:				6px;
	width:						250px;
	height:						187px;

}

img.natur_quer {

	border:						2px solid #088A08;
	box-shadow: 				2.5px 2.5px 1.25px #888888;
	margin-right:				6px;
	margin-bottom:				6px;
	width:						250px;
	height:						187px;

}

img.natur_hoch {

	border:						2px solid #088A08;
	box-shadow: 				2.5px 2.5px 1.25px #888888;
	margin-right:				6px;
	margin-bottom:				6px;
	width:						187px;
	height:						250px;

}