body, html {margin: 0; padding: 0;}
body {font: 100% sans-serif;}
#tops {width: 100%; background-color: rgb(78,143,204); margin: 0 auto; height: 4.3em;}
	#toplogo { padding-top: 1%; padding-left: 5%; float: left;}


#topthema {width: 100%; background-image: url(pic/forst04.jpg); background-size: cover; margin: 0; height: 40em;border-bottom-style:solid; border-bottom-color: black; border-bottom-width:5px;}	
 #topnavigation {paddding-left: 1em; background-color: rgba(39,71,102,0.8); color: white; height: 3.2em; font-weight: bold; font-size: 12pt;}
	#topnavigation ul {list-style-type: none; margin: 0 auto; width: 26.5em;}
	#topnavigation li {margin: 0; padding: 0; float: right;}
	#topnavigation a {color: white; display: block; text-decoration: none; padding: 3px; 
		padding-left: 20px; padding-right: 20px; padding-top:5px;}
	#topnavigation a:hover, #topnavigation a:active, #topnavigation a:focus {
		background-color: white; color: black; border-radius: 5px;}
 #topthemabox {margin-top:1%; width:100%}		
 #topthemabox1 {margin-left: 10%; margin-top: 2em; padding-left: 1%; padding-right:2%; width: 80%; float:left; background-color: rgba(79,143,204,0.7); color:white; border-radius: 10px;}	
 #topsloganbox2 {width: 12em; float:right; margin-top: 0.5em; margin-right: 2%; padding-top: 0em; color: rgb(39,71,102); background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: x-large; 
		text-align: center; border-radius: 10px;}

/*Startseite*/

#startseite10 {width: 20em; margin: 0 auto; height:13em; margin-top:26.4em; line-height: 1.5; font-size: 15pt;}
#startseite11, #startseite12, #startseite13 {width:100%; box-shadow: 5px 5px 10px rgb(0,0,0,0.8); font-size:h1; color: black; float: left; background-color: white; padding-bottom: 20px;} 
#startseite11 {float: left;}
#startseite12 {float: left; margin-top: 1em;} 
#startseite13 {float: left; margin-top: 1em;}

#startseite_tb {padding-left:10%}
#startseite10 a {background-color: rgb(78,143,204); color: white; height: 1.5em; }
#start_schalter {margin: 0 auto; width:80%; background-color:rgb(78,143,204); text-align: center;}

#angebot {margin: 0 auto; margin-top: 2em; margin-bottom: 2em; width: 16.5em; height: 84.8em; background-color: rgba(255,255,255,0);}	
#textbox_klein_head1 a, #textbox_klein_head1 a:focus, #textbox_klein_head1 a:active {text-decoration: none; color: rgb(78,143,204);}
 #angebot1 {width:16.5em; background-color: rgba(255,255,255,0.95); height: 21em; padding: 2%; margin-left:1%; float: left; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8);
		margin-bottom: 2em;}
 #angebot2 {width:16.5em; background-color: rgba(255,255,255,0.95); height: 21em; padding: 2%; margin-left:1%; float: left; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8);
		margin-bottom: 2em;}
	.picangebot {width: 247px; height: 192px; float: left; padding: 3%;}

#kontakt {margin: 0 auto; margin-top: 2em; margin-bottom: 1em; padding: 2%; width:80%; background-color: rgba(255,255,255,0.95); 
	padding-top: 5px; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8);}
		.picperson {width: 90%; margin-left: 5%;}

#erstereintrag {margin: 0 auto; margin-top: 18.5em; margin-bottom: 1em; padding: 2%; width:92%; background-color: rgba(255,255,255,0.95); 
		padding-top: 5px; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8);}
#erstereintrag a {color: black; font-weight: bold; text-decoration: none;}
#erstereintrag a:hover, #erstereintrag a:active, #erstereintrag a:focus {color: black; font-weight: bold; text-decoration: underline;}
#erstereintrag_projekte {margin: 0 auto; margin-top: 35em; margin-bottom: 1em; padding: 1%; width:92%; background-color: rgb(255,255,255); 
		padding-top: 5px; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8); font-size: 12pt;}
#weiterereintrag {margin: 0 auto; margin-top: 2em; margin-bottom: 1em; padding: 2%; width:92%; background-color: rgba(255,255,255,0.95); 
		padding-top: 5px; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8);}

#texteintrag {margin: 0 auto; margin-top: 2em; margin-bottom: 1em; padding: 2%; width:92%; background-color: rgba(255,255,255,0.95); 
		padding-top: 5px; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8);}	
			
#kurzeintrag {margin: 0 auto; padding:1%; margin-top:2em; border-bottom: 4px solid black; width:96%; background-color: rgba(255,255,255,0.95); 
		height: 36em; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0,0,0,0.8);}
	#textbox_klein_head1 {width: 100%; margin: 0 auto; font-weight: bold; font-size: 17pt; color: rgb(78,143,204)}	
	#textbox_klein_head {width: 100%; margin: 0 auto; font-weight: bold; font-size: 15pt;}
	#textbox_klein {float: left; margin-left: 1%; width: 98%;}
		#textbox_klein a {color: black; font-weight: bold; text-decoration: none;}
		#textbox_klein a:hover, #textbox_klein a:active, #textbox_klein a:focus {color: black; font-weight: bold; text-decoration: underline;}
	
#rauf {margin: 0 auto; margin-top: 1em; margin-bottom:2em; width: 90%; text-align: center; font-weight: bold; }
	#rauf a {color: rgb(78,143,204); display: block; text-decoration: underline; padding: 3px; background-color: rgba(255,255,255,0.6); border-radius: 5px;}
	#rauf a:hover, #rauf a:active, #rauf a:focus {background-color: white; color: rgb(78,143,204); border-radius: 5px;}

#unten {width:100%; color: white; height: 34em; background-color: rgb(78,143,204);}
	#adresse {margin-top: 2em; margin-left: 5em; width:20em; float: left; line-height: 1.5;}
		#bottommlogo { padding: 1%; padding-left: 5%; float: left;}
	#quicklink {margin-top: 2em; margin-left: 5em; width:10em; float: left; font-weight: bold; line-height: 2.5;}
	#quicklink a{line-height: 1.5; text-decoration: none; color: white; font-weight: normal;}
		#quicklink a:hover, #quicklink a:active, #quicklink a:focus { color: rgb(93,71,102);}

	
	
/* Tagebucheintrag */	
#eintrag {margin: 0 auto; margin-top: 20.5em; padding: 2%; width:92%; background-color: rgba(255,255,255,0.95); border-radius: 5px; box-shadow: 10px 5px 5px rgb(0,0,0,0.8);}
	#eintrag a {color: black; font-weight: bold; text-decoration: none;}
	#eintrag a:hover, #textbox_klein a:active, #textbox_klein a:focus {color: black; font-weight: bold; text-decoration: underline;}

	#textbox_head {width: 100%; margin: 0 auto; font-weight: bold;}

	.pic {width: 99%;}