﻿/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
	text-decoration:none; text-underline:none;
	}
/* 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;
}


h1, h2, h3, h4, h5, h6, p, a { font-family:Arial, Helvetica, sans-serif; color:#014165; }



body { background-color:#c0c0c0; /*background-image:url('../images/IMG_0622_1920x1080.JPG');*/ background-position:center; background-attachment:fixed; }


#wrapper	{
	width:900px; margin:15px auto; 
	}
	
	
#balken-oben 		{ width:100%; height:25px; background-image:linear-gradient(#c0c0c0, #ffffff); padding:0px 0px 0px 0px; border:0px; margin:0px 0px 0px 0px; }
	
#logozeile 			{ width:100%; background-color:#ffffff; overflow:hidden; } 

#bilder 			{ float:left; width:50%; height:130px; padding:5px 0px 0px 45px; background:#ffffff; margin:0px 0px 0px 0px; }
#bilder img			{ width:400px; height:130px; }

#logo 				{ float:right; width:44%; height:150px; padding:0px; background:#ffffff; margin:10px 0px 10px 1%; overflow:hidden; }
#logo img			{ width:374px; height:150px; }

#balken-mitteoben	{ clear:both; width:100%; height:25px; background-image:linear-gradient(#ffffff, #c0c0c0); padding:0px; margin:0px 0px 0px 0px; }

#navigation 		{ clear:both; background-color:#c0c0c0; }
#navigation ul		{ width:100%; Float:left; margin:0px; background-color:#c0c0c0; font-size:14px; border-bottom:2px #cccccc solid; border-top:2px #cccccc solid; }
#navigation ul li	{ display: inline; }
#navigation ul li a	{ float:left; padding:15px 15px; }

#navigation a:link		{ color:#014165; font-weight:bold; }
#navigation a:visited	{ color:#014165; font-weight:bold; }
#navigation a:active	{ color:#014165; font-weight:bold; }
#navigation a:hover		{ color:#ffffff; font-weight:bold; background-color:#014165; }
#navigation a:focus		{ color:#014165; font-weight:bold; }


#balken-mitteunten	{ clear:both; width:100%; height:25px; background-image:linear-gradient(#c0c0c0, #ffffff); padding:0px; border:0px; margin:0px 0px 0px 0px; }
	

#content 			{ float:left; width:885px; height:480px; padding:10px 0px 10px 15px; background-color: #ffffff; overflow-y:scroll;  }
#content h1			{ text-align:left; margin:0px 0px 15px 0px; font-size:24px; font-weight:bold; border-bottom:1px #c0c0c0 solid; padding:5px 0px;}
#content p			{ margin:10px 0px; line-height:140%;  font-size:13px; }
#content h2 		{ text-align:left; margin:15px 0px 0px 0px; font-size:18px; font-weight:bold; border-bottom:1px #c0c0c0 solid; padding:5px 0px; }
#content h3			{ text-align:left; margin:10px 0px 0px 0px; font-size:15px; font-weight:bold; padding:5px 0px; }
#content h4			{ text-align:left; margin:10px 0px 0px 0px; font-size:20px; font-weight:bold; padding:5px 0px; }
#content h5			{ text-align:left; margin:0px 0px 0px 35px; font-size:13px; padding:0px 0px; line-height: 1.4 }
#content h6			{ text-align:left; margin:0px 0px 0px 10px; line-height:140%; font-size:13px; padding:5px 0px; }


#content img		{ padding:8px; border:1px #c0c0c0 solid; margin:0px 5px 0px 5px ; }
#content ul			{ list-style:none; font-size:13px; padding:10px 0px 10px 15px; font-family:Arial, Helvetica, sans-serif; }
#content ul li		{ padding:5px 0px; }

#nav_links				{ float:left; width:207px; height:480px; background-color: #ffffff; border:2px #c0c0c0 solid; }
#nav_links ul			{ font-size:13px; }
#nav_links ul li		{ padding:13px 0px; margin:0px 0px; }
#nav_links ul li a		{ padding:13px 2px; margin:0px 0px; }
 
#nav_links a:link		{ color:#014165; font-weight:bold; }
#nav_links a:visited	{ color:#014165; font-weight:bold; }
#nav_links a:active		{ color:#014165; font-weight:bold; }
#nav_links a:hover		{ color:#ffffff; font-weight:bold; background-color:#014165; }
#nav_links a:focus		{ color:#014165; font-weight:bold; }


#content_rechts					{ float:left; width:626px; height:480px; padding:0px 15px; }
#content_rechts ul				{ list-style:disc; color:#014165; font-size:13px; line-height:120%; padding:5px 0px 10px 15px; font-family:Arial, Helvetica, sans-serif; }
#content_rechts ul li			{ padding:5px 0px; color:#014165; }
#content_rechts a				{ padding:0px 15px; margin:0px 0px; }
#content_rechts a:link			{ color:#014165; font-weight:bold; }
#content_rechts a:visited		{ color:#014165; font-weight:bold; }
#content_rechts a:active		{ color:#014165; font-weight:bold; }
#content_rechts a:hover			{ color:#ffffff; font-weight:bold; background-color:#014165; }
#content_rechts a:focus			{ color:#014165; font-weight:bold; }


#content_rechts_kompetenzen ul			{ list-style:disc; color:#014165; font-size:13px; line-height:120%; padding:5px 0px 10px 15px; font-family:Arial, Helvetica, sans-serif; }
#content_rechts_kompetenzen ul li		{ padding:5px 0px; color:#014165; }


#content_rechts_agb p 		{ margin:0px 0px; line-height:130%;  font-size:12px; }
#content_rechts_agb ul		{ list-style:none; line-height:130%; margin:0px 0px; padding:0px 0px; font-size:12px; }
#content_rechts_agb ul li	{ margin:0px 0px; padding:2px 0px; }


#balkenunten		{ clear:both; width:100%; height:20px; background-image:linear-gradient(#ffffff, #014165); padding:0px; border:0px; margin:0px 0px 0px 0px; }

#fusszeile 			{ clear:both; width:100%; height:70px; padding:0px 0px; text-align:center; margin: 0px 0px 0px 0px; background-color:#014165; }
			
#adressen 			{ float:left; width:80%; padding:15px 0px 0px 0px; }
#adressen p			{ color:#ffffff; font-size:12px; margin:5px 0px; }
		
#impressum 			{ float:left; width:18%; padding:0px 0px 0px 0px; }
#impressum p		{ color:#ffffff; font-size:12px; margin:15px 0px; }
#impressum ul		{ color:#ffffff; font-size:12px; margin:8px 0px; }
#impressum ul li		{ color:#ffffff; font-size:12px; margin:8px 0px; }
#impressum a:link		{ color:#ffffff; }
#impressum a:visited	{ color:#ffffff; }
#impressum a:active		{ color:#ffffff; }
#impressum a:hover		{ color:#ffffff; font-weight:bold; }
#impressum a:focus		{ color:#ffffff; font-weight:bold; }

#impressum_datenschutz p 	{ margin:0px 0px; line-height:130%;  font-size:12px; }

/* Styles für Impressum.html */

#impressumText			{ width:500px; margin: 100px auto; }
#impressumText	ul li 	{ padding:10px, 0px, 100px, 0px; margin: 15px 0px;}
#impressumText	h1 		{ font-weight:bold; padding:20px, 0px; }
#impressumText	p 		{ padding:10px, 10px, 10px, 10px; }

			


























