﻿html
	{
	overflow: auto;
	}

body 
	{
   	background-color: #A34B11;
   	font-size: 16px;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A34B11;
   	padding-left: 0;
   	margin: 0;
	}

p
   	{
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
h1
	{
	font-size: 24px;
	color: #A34B11;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 0px;
	}

h2
	{
	font-size: 18px;
	color: #A34B11;
	font-weight: 800;
	letter-spacing: 1px;
	}

a
	{
	color: #A34B11;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/*========================= Styles für das Layout ==================== */
	
#wrapper
	{
	background-color: #FFBA8E;
	width: 1000px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #2CD1B0;
	}

#header
	{
	width: 1000px;
	height: 300px;
	}

#navigation
	{
	text-align: right;
	background-color: #A34B11;
	width: 1000px;
	height: 50px;
	padding-top: 20px;
	}

#navi
	{
	float: left;
	margin-top: 50px;
	width: 200px;
	height: 350px;
	margin-bottom: 20px;
	padding-left: 10px;
	}

#link_galerie
	{
	float: right;
	padding-right: 30px;
	}
	
#content
	{
	background-color: #FFBA8E;
	padding-top: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 230px;
	padding-right: 40px;
	}
		
#content_blog
	{
	background-color: #FFBA8E;
	padding-top: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-right: 40px;
	padding-left: 50px;
	}	


#footer
	{
	float: right;
	width: 600px; 
	height: 25px;
	background-color: #FFBA8E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #2CD1B0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 400px;
	}

img.bildlinks
	{
	float: left;
	margin-bottom: 20px;
	}
		
img.header
	{
	float: left;
	}

img.right
	{
	float: right;
	padding: 10px;
	}


/*========================= Styles für die Navigation ==================== */

#navigation A
	{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-right: 20px;
	text-decoration: none;
	}

#navigation A:link, #navigation A:visited 
	{
  	color: #FFBA8E;
  	}
   
#navigation A:hover, #navigation A:focus 
	{
  	color: #FF8536;
   	}

a, #navigation_eng a:visited
	{
	font-size: 14px;
	text-decoration: none;
	}

#navi a , #navi a:visited
	{
	display: block;
	text-decoration: none;
	font-size: 16px;
	background-color: #A34B11;
	color: #FFBA8E;
	width: 160px;
	line-height: 35px;
	border-bottom: 2px solid #2CD1B0;
	margin-left: 20px;
	text-align: center;
	}

#navi a:hover , #navi a:active
	{
	background-color: #FFBA8E;
	color: #A34B11;	
	}

#link_galerie a
	{
	text-decoration: underline;	
	}

/* =========== Gallery Blog ============= */

#gallery 
	{
	width: 890px;
	padding: 0;
	}
	
#gallery ul
	{
	list-style: none;
	}
	
#gallery ul li
	{
	display: inline;
	}
	
#gallery ul img 
	{
	border: 2px solid #A34B11;
	border-width: 3px 3px 3px;
	width: 200px;
	height: 176px;
	}
	
#gallery ul a:hover img 
	{
	border: 2px solid #2CD1B0;
	border-width: 3px 3px 3px;
	color: #2CD1B0;
	}
	
#gallery ul a:hover
	{
	color: #fff;
	}


/*========================= Blog ================================ */

#galerie_blog 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	caption-side: right;
   	overflow: hidden; 
   	width: 900px;    
   	background-color: transparent;
   	padding: 10px; 
  	padding-top: 25px; 
   	border: 2px solid #2CD1B0;
   	margin: 0 3px 3px 0; 
 	}

