body 				
	{ 
	margin-left: 10px; 
	margin-top: 0px; 
	margin-right: 10px; 
	margin-bottom: 0px; 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 100%; 
	text-align: center; 
	background-position: center; 
	color: #808080; 
	border-left-width: 10px; 
	background: url(../images/system/bg_head.gif) repeat-x #fff; 
	}
  
h2 	
	{
	font-size:14pt; 
	color:#BA5F26; 
	}
#header
	{
	width: 990px;
	margin:0 auto;
	text-align:center;
	padding:0px;
	}
.headera1
	{
	float:left;
	text-align:center;
	padding:0px;
	width:250px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style:normal;
	font-weight: normal;
	color: #633;
	} 
.headera2
	{
	float: left;
	margin:0 auto;
	text-align:center;
	padding:0px;
	width:490px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 260%;
	font-style:normal;
	font-weight: normal;
	color: white;
	} 	
.headera3
	{
	float: right;
	text-align:center;
	width:250px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style:normal;
	font-weight: normal;
	color: #633;
	}
 	
#fehlertext
	{
	clear: left;
	width: 850px;
	margin:0 auto;
	text-align:center;
	padding:0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style:normal;
	font-weight: normal;
	color: #633;
	}
	
#inhalt
	{
	clear: left;
	width: 990px;
	margin:0 auto;
	text-align:center;
	padding:0px;
	height:610px;
	}	
.inhalt1
	{
	float:left;
	text-align:center;
	padding:0px;
	width:590px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style:normal;
	font-weight: normal;
	color: #633;
	background-color: green;
	height:150px;
	} 
.inhalt2
	{
	float: left;
	margin:0 auto;
	padding:0px;
	width:3px;
	background-color: #d28341;
	height:580px;
	} 		
.inhalt3
	{
	float: right;
	text-align:left;
	width:385px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style:normal;
	font-weight: normal;
	color: #808080;
	background-color: white;
	height:580px;
	} 	

#inhaltm
	{
	clear: left;
	width: 990px;
	margin:0 auto;
	text-align:center;
	padding:0px;
	}
.inhaltm0
	{
	clear:both;
	text-align:center;
	padding:0px;
	width:990px;
	} 		
.inhaltm1
	{
	float:left;
	text-align:center;
	padding:0px;
	width:340px;
	
	} 	
.inhaltm2
	{
	float:right;
	text-align:justify;
	padding:0px;
	width:650px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style:normal;
	font-weight: normal;
	color: #633;
	} 	
.inhaltm3
	{
	clear:both;
	padding:0px;
	width:990px;
	color: #633;
	} 	
	
#fuss
	{
	clear: left;
	max-width: 100%;
	min-width:950px;
	margin:0 auto;
	text-align:center;
	padding:0px;
	background-color: #fae9c7;
	height:60px;
	}
.fussor
	{
	float:right;
	padding:0px;
	width:6px;
	background: url(../images/system/schatten_obenrechts.gif);
	height:8px;
	} 
.fussr
	{
	clear:right;
	float:right;
	padding:0px;
	width:6px;
	height:50px;
	background: url(../images/system/schatten_rechts.gif);
	} 
.fussc
	{
	float:left;
	padding-left:34px;
	height:50px;
	width:95%;
	} 	
.fussu
	{
	text-align:left;
	float:left;
	padding:0px;
	margin:0px;
	width:100%;
	background: url(../images/system/schatten_unten.gif);
	height:6px;
	} 	

.img-shadow
	{ 
	float:right;background: url(../images/system/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/system/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}
.img-shadow img
	{
	display: block; 
	position: relative; 
	padding: 5px; 
	background-color: #fff; 
	border: 1px solid #cecece; 
	margin: -6px 6px 6px -6px; 
	}
.img-shadowl
	{
	float:left;
	background: url(../images/system/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/system/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}
.img-shadowl img
	{
	display: block; 
	position: relative; 
	background-color: #fff;  
	border: 1px solid #cecece;
	margin: -6px 6px 6px -6px; 
	padding: 4px; 
	} 

 
ul#navigation {
	display: block;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -550px;   
	list-style: none;  
	z-index:999999;
	font-size: small;
	text-align:center;
	margin-top: 0px;
	}
	
ul#navigation li {
    display:inline;
	float:left; 
	}
	
ul#navigation li a {
	border-width: 4px;
	border-bottom-style: solid;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #700;
	display: block;
	float:left;
	color:#700;
	margin-top: -2px;
	height: 25px;
	width:100%;
	background-repeat:no-repeat;
	background-position:50% 10px;
	background-color:#C8DAC2;
	background-color:#FAE9C7;   
	-moz-border-radius:0px 0px 10px 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	text-decoration:none;
	text-align:center;
	padding-top:80px;
	opacity: 0.9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	}
	
ul#navigation li a:hover
	{
	color:brown;  background-color:#DCC594; 
	}
	
ul#navigation .home a	{ background-image: url(../images/menue/home.png); }
ul#navigation .start a{ background-image: url(../images/menue/skey.gif); }
ul#navigation .modellbau a{ background-image: url(../images/menue/hammer.gif); }	 
ul#navigation .book a{ background-image: url(../images/menue/book.gif); }
ul#navigation .books a{ background-image: url(../images/menue/book2.gif); }
ul#navigation .electronic a	{ background-image: url(../images/menue/arduino.gif); }
ul#navigation .lcd a	{ background-image: url(../images/menue/lcd.jpg); }
ul#navigation .pot a	{ background-image: url(../images/menue/pot.png); }
ul#navigation .prog a	{ background-image: url(../images/menue/arduino.png); }
ul#navigation .sangu a	{ background-image: url(../images/menue/sangu.png); }
ul#navigation .victory a	{ background-image: url(../images/menue/victory.png); }
ul#navigation .ccar a	{ background-image: url(../images/menue/ccar.png); }
ul#navigation .lok a	{ background-image: url(../images/menue/lok.png); }
ul#navigation .victory1 a	{ background-image: url(../images/menue/victory1.png); }
ul#navigation .nelson a	{ background-image: url(../images/menue/nelson.png); }
ul#navigation .titanic1 a	{ background-image: url(../images/menue/titanic.png); }
ul#navigation .titanic a	{ background-image: url(../images/menue/titanic1.png); }
ul#navigation .miss a	{ background-image: url(../images/menue/miss1.png); }
ul#navigation .miss1 a	{ background-image: url(../images/menue/miss.png); }
ul#navigation .werkzeug a	{ background-image: url(../images/menue/werkzeug.png); }
ul#navigation .bau a	{ background-image: url(../images/menue/pen.gif); }
ul#navigation .admin a{ background-image: url(../images/menue/tools.gif); } 
ul#navigation .photos a{ background-image: url(../images/menue/Photos.png); }
ul#navigation .roboter a{ background-image: url(../images/menue/Roboter.png); }
ul#navigation .pfeill a{ background-image: url(../images/menue/pfeill.gif); }
ul#navigation .team a	{ background-image: url(../images/menue/team.png); }
ul#navigation .info a	{ background-image: url(../images/menue/info.png); }
ul#navigation .contact a{ background-image: url(../images/menue/contact.gif); }	  
ul#navigation .news a	{ background-image: url(../images/menue/news.png); }	  	  
ul#navigation .arduino a{ background-image: url(../images/menue/download.gif); }	
ul#navigation .roboter a{ background-image: url(../images/menue/Roboter.png); } 	  
ul#navigation .konto a{ background-image: url(../images/menue/Konto.png); }
ul#navigation .ma a	{ background-image: url(../images/menue/ma.png); }
ul#navigation .eink a	{ background-image: url(../images/menue/mode.png) }	 
ul#navigation .report a{ background-image: url(../images/menue/report.png); }  
ul#navigation .question a{ background-image: url(../images/menue/question.png); }
ul#navigation .apps a{ background-image: url(../images/menue/ipa.png); }
ul#navigation .reg a{ background-image: url(../images/menue/reg1.png); }

.row {box-sizing: border-box; margin: 0 -5px;}
.row:after {content: ""; display: table; clear: both;}
.column {float: left;width: 20%;padding:2%;height:0;padding-bottom:26%;}
.card {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);  padding: 16px; text-align: center; background-color: #f1f1f1;}



@media screen and (max-width: 768px) {.column {width: 29%;padding-bottom: 34%;}}
@media screen and (max-width: 480px) {.column {width: 42%;padding-bottom: 51%;}}
@media screen and (max-width: 320px) {.column {width: 95%;padding-bottom: 98%;}}
.column img{float:left;width:98%;height:auto; padding:2%;min-width:50px;max-width:300px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);  padding: 8px; text-align: center; background-color: #f1f1f1;}

#footern {height: 60px; background: #ffffff; background-size: auto; background-size: 100%; color: #000000; margin-top: 0px; margin-left: 2%; margin-right: 2%; text-align: center; font-size: 80%; display: inline-block; width: 91%;}