/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}




/* General
***********************/
body {
	background: #fff; font-size: 14px; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
	height: auto;
	
}
a:link {
	color: #007d68;
	text-decoration: none;
}
a:visited {
	color: #007d68;
	text-decoration: none;
}
a:hover {
	color: #CCC;
	text-decoration: underline;
}
a:active {
	color: #CCC;
	text-decoration: none;
}

h6 { margin: 0 0 8px; color: #fff; text-shadow: 0 2px 0 #2a2828; Open Sans,  sans-serif;  }
p {font-size: 14px; line-height: 18px;}
h4 { margin: 0 0 8px; color: #fff; font: normal 40px  Helvetica, Arial, sans-serif;  text-shadow: 0 2px 0 #2a2828; }
p {font-size: 14px; line-height: 18px;}


.toggle {margin: 2px 0 0 14px; float: left;  }
.toggle li {float: left;}
.toggle li a {width: 320px; padding: 16px 0; text-align: center; display: block; text-shadow: 1px 1px 0 #fff; font-size: 15px; font-weight: 600; color: #2b2a2a; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; 

}
.toggle li a:hover { color: #000; }
.toggle li a.active { background: #666666; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); }

IMG.displayed2 {
    display: block;
    margin-left: 10%;
margin-right: 20px;
margin-top: 20px;


float:left;
    }	

IMG.logo {
    display: none;
    margin-left: auto;
margin-right: auto;

    }	



#slider {margin: 0 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}
.sizeem {	font-size: 24px; color:#007d68;}
.sizeem2 {	font-size: 36px; color:#007d68; font-weight: bold;}


/* Loading
***********************/
.loading aside {opacity: 0;}
aside {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}
aside h3 {float: left;}

/* Layout
***********************/
#top  { text-align: center; max-width: 900px; margin-left: auto; margin-right: auto;}
#footer  { text-align: center; max-width: 900px; margin-left: auto; margin-right: auto;}
#footer2  { text-align: left; padding-left: 10%; max-width: 900px; margin-left: auto; margin-right: auto;}
#top .top-inner  { max-width: 900px;  }
#container {padding: 0px;	border-top: 0px solid #3ab029;}
header {width: 420px; float: left;}
#main { max-width: 1200px; background-color: #999999;
margin-left: auto; margin-right: auto; margin-top: -0px;overflow: hidden;  border: 0px solid #fff; position: relative; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 15px 15px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 4px rgba(0,0,0,.2); -moz-box-shadow: 3 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}


#main2 { max-width: 990px; margin-left: auto; margin-right: auto; margin-top: -0px;overflow: visible; background: #a2a0a0; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 15px 15px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 4px rgba(0,0,0,.2); -moz-box-shadow: 3 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}

#main3 { max-width: 990px; margin-left: auto; margin-right: auto; margin-top: -0px;overflow: hidden; background: #a2a0a0; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 15px 15px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 4px rgba(0,0,0,.2); -moz-box-shadow: 3 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}



#inhalt {
	width:100%;
	background-color: #086628;
	background-image: url(back01.jpg);
	
	margin-left: auto; margin-right: auto; margin-top:10px; padding: 0px; overflow: hidden;   zoom: 1;}



#text { display:none; margin-left: 3%; margin-right: 3%; margin-top: 10px; padding: 20px; }
#text2 {  margin-left: 3%; margin-right: 3%; margin-top: 10px; padding: 20px; }





#details {  padding: 20px; }


#mosa {   margin-left: auto; margin-right: auto;  margin-bottom: 10px; padding: 10px; text-align:center; }


#start1 { position:absolute; z-index:201; width:100%; margin-left: 0px;  margin-top: 0px; padding: 0px;  }

#foot1 { width:100%; 
	height:37px; 
	margin:0
}



.banner {
	width: 100%; max-width:950px; 
    	display: block; 
	 
	
}
.banner2 {
	width: 100%; max-width:950px; 
    	display: block; z-index:50; 
	 
	
}





/* SyntaxHighlighter
***********************/
.syntaxhighlighter {width: auto!important; font-size: 13px !important; line-height: 21px !important; font-family: Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.syntaxhighlighter .string, .syntaxhighlighter .string a {color: #ff5454 !important;}
.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2 {width: 100% !important; padding: 0 !important; background-color: #fff !important;}
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {background-color: #fff !important;}
.syntaxhighlighter table td.code {width: auto !important; padding: 10px 12px!important;}
.syntaxhighlighter table td.code .line {width: auto !important; padding: 0 !important;}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {color: #cc7ac6!important;}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {color: #888!important;}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {color: #999!important;}
.syntaxhighlighter .keyword {color: #2a93b9!important;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* Media Queries
***********************/


	/*Border radius*/
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	
	/*Background*/
	background: #929597; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #336693), color-stop(1, #274d70));
	background: -moz-linear-gradient( center top, #336693 20%, #274d70 100% );
	
	

.button:hover {
	color: #fff;
	text-decoration: none!important;
	/*Background*/
	background: #396083; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3c77ab), color-stop(1, #396083) );
	background: -moz-linear-gradient( center top, #3c77ab 20%, #396083 100% );
}



/* Media Queries
***********************/
@media screen and (max-width: 960px) {
  #container {padding: 0px;}
  header {width: 380px;}
  #main {margin-left: 0px;}
}
@media screen and (max-width: 768px) {
  #container {padding: 0px 0px;}
  header {width: 100%; float: none; text-align: center;}
  header h1 {margin: 0 auto 10px;}
  header .button,
  header nav {display: none;}
  #main {margin-left: 0;}
}
@media screen and (max-width: 500px) {
  header h1 {width: 246px; 
header { margin: 0 0 8px; color: #666; font: normal 24px  Helvetica, Arial, sans-serif;  text-shadow: 0 2px 0 #2a2828; }

} rgba(0,0,0,.3);