﻿/* Reset */

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 {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Global */

html 	{	}
body	{ background-color:#eeeeee;	}

/* Containers */

#wrapper 			{ width:900px; margin:0px auto; background-color:#ffffff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); margin-top: 20px;
					font-family:Arial, Helvetica, sans-serif;   }

#top	 			{ background-color:#ffffff; width:100%; height:95px; padding:10px 0; overflow:hidden; border-bottom:3px #eeeeee solid; }

#topleft			{ width:630px; height:80px; padding:10px 0 0 0; float:left;	}
#topleft img		{ width:300px; padding:0 0 0 300px; float:left;	}

#topright			{ width:260px; height:80px; float:right;    }

#impressum			{ width:260px; height:40px; float:right; 	}
#impressum ul		{ 	}
#impressum ul li	{ color:#808080; font-size:11px; margin:4px 10px 4px 0px; display:inline; float:right;	}
#impressum ul li a	{ color:#808080; font-size:11px; margin:0px 10px 4px 0px; display:inline; text-align:center; text-decoration:none;	}

#social-media		{ width:400px; height:40px; float:right;	}
#social-media ul	{	}
#social-media ul li	{ color:#808080; font-size:11px; margin:4px 10px 4px 0px; display:inline; float:right; }
#social-media ul li p { color:#808080; font-size:11px; padding:6px 0 0 0; }
#social-media img	{ width:24px; height:24px; padding: 0 8px 0 0; }

#topnav 			{ background-color:#009900; float:left; width:900px; overflow:hidden; border-bottom:3px #eeeeee solid;   }
#topnav ul			{ list-style-type:none; witdh:900px; float:left;  }
#topnav ul li		{ float:left; width:180px; text-align:center; padding: 10px 0;  }
#topnav ul li a		{ width:100%; line-height:1.5em; font-size:14px; text-align:center; text-decoration:none; }
#topnav ul li:link		{ color:#ffffff; }
#topnav ul li:visited	{ color:#ffffff; }
#topnav ul li:aktive	{ color:#ffffff; }
#topnav ul li:hover		{ color:#ffffff; background-color:#0066CC; }
#topnav ul li:focus		{ color:#ffffff; }
#topnav a:link		{ color:#ffffff; }
#topnav a:visited	{ color:#ffffff; }
#topnav a:aktive	{ color:#ffffff; }
#topnav a:hover		{ color:#ffffff; background-color:#0066CC; }
#topnav a:focus		{ color:#ffffff; }

#banner				{ width:900px; height:150px; overflow:hidden; position:relative; border-bottom:3px #eeeeee solid; }
#banner img 		{ width:900px; height:150px; overflow:hidden; position:absolute; top:0; left:0;}

#subnav 			{ float:left; width:100%; overflow:hidden;      }
#subnav ul			{ float:left; list-style-type:none; width:100%; }
#subnav ul li		{ float:left; width:148px; text-align:center; margin:1px; background-color:#0066CC;    }
#subnav ul li a		{ width:auto; font-size:12px; line-height:1.8em; text-align:center;  text-decoration:none;  }
#subnav ul li:link		{ color:#ffffff; }
#subnav ul li:visited	{ color:#ffffff; }
#subnav ul li:aktive	{ color:#ffffff; }
#subnav ul li:hover		{ color:#ffffff; background-color:#009900; }
#subnav ul li:focus		{ color:#ffffff; }
#subnav a:link		{ color:#ffffff; }
#subnav a:visited	{ color:#ffffff; }
#subnav a:aktive	{ color:#ffffff; }
#subnav a:hover		{ color:#ffffff; background-color:#009900; }
#subnav a:focus		{ color:#ffffff; }

#content 			{ float:left; width:860px; clear:both; padding:10px 20px 20px 20px; overflow:hidden; border-bottom:3px #eeeeee solid; }
#content h1			{ color:#009900; margin:0 0 10px 0; font-size:18px; padding:5px 0 15px 0; border-bottom:1px #eeeeee solid; font-weight:normal;	}
#content h2			{ color:#0066CC; margin:10px 0 0 0; font-size:16px; padding:10px 0; font-weight:normal; text-decoration:underline;	}
#content h3			{ color:#0066CC; font-size:14px; padding:10px 0; font-weight:normal; 	}
#content h4			{ color:#000000; font-size:10px; font-weight:normal; 	}
#content p			{ font-size:12px; margin:0 0 5px 0; line-height:160%;	}
#content ul			{ list-style: disc; margin: 0 0 0 40px; font-size:12px; }
#content ul li		{ margin:5px 0; line-height:160%; }
#content ol			{ list-style: disc; margin: 0 0 0 40px; font-size:12px; }
#content ol li		{ margin:5px 0; line-height:160%; }
#content a:link		{ color:#000000; text-decoration:none; }
#content a:visited	{ color:#000000; }
#content a:aktive	{ color:#000000; }
#content a:hover	{ color:#808080; }
#content a:focus	{ color:#000000; }
#content h3 a:link		{ color:#808080; text-decoration:none; }
#content h3 a:visited	{ color:#808080; }
#content h3 a:aktive	{ color:#808080; }
#content h3 a:hover	{ color:#000000; }
#content h3 a:focus	{ color:#808080; }

#footer 			{ clear:both; background-color:#0066CC; padding:10px 0; font-size:12px;  }
#footer strong		{ text-align:center; color:#ffffff; font-weight:bold;	}
#footer p			{ text-align:center; color:#ffffff;	line-height:160%; font-size:11px; font-weight:lighter;   }
#footer a:link		{ color:#ffffff; text-decoration:none; }
#footer a:visited	{ color:#ffffff; }
#footer a:aktive	{ color:#ffffff; }
#footer a:hover		{ color:#808080; }
#footer a:focus		{ color:#ffffff; }

#box1 {   }

#box2 {   }

#box3 {   }

#box4 {   }

#box5 {   }

#box6 {   }


/* Layout Extra */

.klasse_1 { animation: UD_KLASSE_1 infinite 40000ms; -moz-animation: UD_KLASSE_1 infinite 40000ms; -ms-animation: UD_KLASSE_1 infinite 40000ms;
													 	-o-animation: UD_KLASSE_1 infinite 40000ms; -webkit-animation: UD_KLASSE_1 infinite 40000ms;}
.klasse_2 { animation: UD_KLASSE_2 infinite 40000ms; -moz-animation: UD_KLASSE_2 infinite 40000ms; -ms-animation: UD_KLASSE_2 infinite 40000ms;
													 	-o-animation: UD_KLASSE_2 infinite 40000ms; -webkit-animation: UD_KLASSE_2 infinite 40000ms;}
.klasse_3 { animation: UD_KLASSE_3 infinite 40000ms; -moz-animation: UD_KLASSE_3 infinite 40000ms; -ms-animation: UD_KLASSE_3 infinite 40000ms;
													 	-o-animation: UD_KLASSE_3 infinite 40000ms; -webkit-animation: UD_KLASSE_3 infinite 40000ms;}
.klasse_4 { animation: UD_KLASSE_4 infinite 40000ms; -moz-animation: UD_KLASSE_4 infinite 40000ms; -ms-animation: UD_KLASSE_4 infinite 40000ms;
														-o-animation: UD_KLASSE_4 infinite 40000ms; -webkit-animation: UD_KLASSE_4 infinite 40000ms;}
.klasse_5 { animation: UD_KLASSE_5 infinite 40000ms; -moz-animation: UD_KLASSE_5 infinite 40000ms; -ms-animation: UD_KLASSE_5 infinite 40000ms;
														-o-animation: UD_KLASSE_5 infinite 40000ms; -webkit-animation: UD_KLASSE_5 infinite 40000ms;}
.klasse_6 { animation: UD_KLASSE_6 infinite 40000ms; -moz-animation: UD_KLASSE_6 infinite 40000ms; -ms-animation: UD_KLASSE_6 infinite 40000ms;
														-o-animation: UD_KLASSE_6 infinite 40000ms; -webkit-animation: UD_KLASSE_6 infinite 40000ms;}


@-keyframes UD_KLASSE_1 {
 0% { opacity:1;}
 15% { opacity:1;}
 25% { opacity:0;}
 95% { opacity:0;}
}

@-keyframes UD_KLASSE_2 {
 0% { opacity:0;}
 15% { opacity:0;}
 25% { opacity:1;}
 35% { opacity:1;}
 40% { opacity:0;}
 100% { opacity:0;}
}

@-keyframes UD_KLASSE_3 {
 0% { opacity:0;}
 35% { opacity:0;}
 40% { opacity:1;}
 50% { opacity:1;}
 55% { opacity:0;}
 100% { opacity:0;}
}

@-keyframes UD_KLASSE_4 {
 0% { opacity:0;}
 50% { opacity:0;}
 55% { opacity:1;}
 65% { opacity:1;}
 70% { opacity:0;}
 100% { opacity:0;}
}

@-keyframes UD_KLASSE_5 {
 0% { opacity:0;}
 65% { opacity:0;}
 70% { opacity:1;}
 80% { opacity:1;}
 85% { opacity:0;}
 100% { opacity:0;}
}

@-keyframes UD_KLASSE_6 {
 0% { opacity:0;}
 80% { opacity:0;}
 85% { opacity:1;}
 95% { opacity:1;}
 100% { opacity:0;}
}

/* Mozilla */
@-moz-keyframes UD_KLASSE_1 {
 0% { opacity:1;}
 15% { opacity:1;}
 25% { opacity:0;}
 95% { opacity:0;}
}

@-moz-keyframes UD_KLASSE_2 {
 0% { opacity:0;}
 15% { opacity:0;}
 25% { opacity:1;}
 35% { opacity:1;}
 40% { opacity:0;}
 100% { opacity:0;}
}

@-moz-keyframes UD_KLASSE_3 {
 0% { opacity:0;}
 35% { opacity:0;}
 40% { opacity:1;}
 50% { opacity:1;}
 55% { opacity:0;}
 100% { opacity:0;}
}

@-moz-keyframes UD_KLASSE_4 {
 0% { opacity:0;}
 50% { opacity:0;}
 55% { opacity:1;}
 65% { opacity:1;}
 70% { opacity:0;}
 100% { opacity:0;}
}

@-moz-keyframes UD_KLASSE_5 {
 0% { opacity:0;}
 65% { opacity:0;}
 70% { opacity:1;}
 80% { opacity:1;}
 85% { opacity:0;}
 100% { opacity:0;}
}

@-moz-keyframes UD_KLASSE_6 {
 0% { opacity:0;}
 80% { opacity:0;}
 85% { opacity:1;}
 95% { opacity:1;}
 100% { opacity:0;}
}

/* Microsoft IE */
@-ms-keyframes UD_KLASSE_1 {
 0% { opacity:1;}
 15% { opacity:1;}
 25% { opacity:0;}
 95% { opacity:0;}
}

@-ms-keyframes UD_KLASSE_2 {
 0% { opacity:0;}
 15% { opacity:0;}
 25% { opacity:1;}
 35% { opacity:1;}
 40% { opacity:0;}
 100% { opacity:0;}
}

@-ms-keyframes UD_KLASSE_3 {
 0% { opacity:0;}
 35% { opacity:0;}
 40% { opacity:1;}
 50% { opacity:1;}
 55% { opacity:0;}
 100% { opacity:0;}
}

@-ms-keyframes UD_KLASSE_4 {
 0% { opacity:0;}
 50% { opacity:0;}
 55% { opacity:1;}
 65% { opacity:1;}
 70% { opacity:0;}
 100% { opacity:0;}
}

@-ms-keyframes UD_KLASSE_5 {
 0% { opacity:0;}
 65% { opacity:0;}
 70% { opacity:1;}
 80% { opacity:1;}
 85% { opacity:0;}
 100% { opacity:0;}
}

@-ms-keyframes UD_KLASSE_6 {
 0% { opacity:0;}
 80% { opacity:0;}
 85% { opacity:1;}
 95% { opacity:1;}
 100% { opacity:0;}
}

/* Google Chrome */
@-webkit-keyframes UD_KLASSE_1 {
 0% { opacity:1;}
 15% { opacity:1;}
 25% { opacity:0;}
 95% { opacity:0;}
}

@-webkit-keyframes UD_KLASSE_2 {
 0% { opacity:0;}
 15% { opacity:0;}
 25% { opacity:1;}
 35% { opacity:1;}
 40% { opacity:0;}
 100% { opacity:0;}
}

@-webkit-keyframes UD_KLASSE_3 {
 0% { opacity:0;}
 35% { opacity:0;}
 40% { opacity:1;}
 50% { opacity:1;}
 55% { opacity:0;}
 100% { opacity:0;}
}

@-webkit-keyframes UD_KLASSE_4 {
 0% { opacity:0;}
 50% { opacity:0;}
 55% { opacity:1;}
 65% { opacity:1;}
 70% { opacity:0;}
 100% { opacity:0;}
}

@-webkit-keyframes UD_KLASSE_5 {
 0% { opacity:0;}
 65% { opacity:0;}
 70% { opacity:1;}
 80% { opacity:1;}
 85% { opacity:0;}
 100% { opacity:0;}
}

@-webkit-keyframes UD_KLASSE_6 {
 0% { opacity:0;}
 80% { opacity:0;}
 85% { opacity:1;}
 95% { opacity:1;}
 100% { opacity:0;}
}

/* Opera */
@-o-keyframes UD_KLASSE_1 {
 0% { opacity:1;}
 15% { opacity:1;}
 25% { opacity:0;}
 95% { opacity:0;}
}

@-o-keyframes UD_KLASSE_2 {
 0% { opacity:0;}
 15% { opacity:0;}
 25% { opacity:1;}
 35% { opacity:1;}
 40% { opacity:0;}
 100% { opacity:0;}
}

@-o-keyframes UD_KLASSE_3 {
 0% { opacity:0;}
 35% { opacity:0;}
 40% { opacity:1;}
 50% { opacity:1;}
 55% { opacity:0;}
 100% { opacity:0;}
}

@-o-keyframes UD_KLASSE_4 {
 0% { opacity:0;}
 50% { opacity:0;}
 55% { opacity:1;}
 65% { opacity:1;}
 70% { opacity:0;}
 100% { opacity:0;}
}

@-o-keyframes UD_KLASSE_5 {
 0% { opacity:0;}
 65% { opacity:0;}
 70% { opacity:1;}
 80% { opacity:1;}
 85% { opacity:0;}
 100% { opacity:0;}
}

@-o-keyframes UD_KLASSE_6 {
 0% { opacity:0;}
 80% { opacity:0;}
 85% { opacity:1;}
 95% { opacity:1;}
 100% { opacity:0;}
}
