@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	color: #000000;
	background: #FFFFFF;
	background-image: url(pics/bg.jpg);
	background-repeat: repeat-x;
    }
	
#container { 
	width: 1100px;
   	margin: 0; 
	padding: 0;
    border: 0;
    text-align: left; 
	font-size: 12px;
    color: #000000;
    } 
	
		
#header {
	padding: 0;
	margin: 0;
	height: 270px;
	width: 1100px;
	background-image: url(pics/head.jpg);
	background-repeat: no-repeat;
    } 
	
/* -------- Navigation oben --------- */

#navigation {
	position: absolute;
	top: 172px;
	left: 280px;
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
	height: 26px;
	color: #000000;
	font-size: 10px;
}

#navigation table {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: top;
	height: 26px;
}

#navigation td {
	text-align: center;
	vertical-align: middle;
	margin: 0; 
	padding: 0px 16px 2px 16px;
	border: 0;
	height: 26px;
}

#navigation td a:link, td a:visited {
	text-decoration: none;	
	color: #FFFFFF;
	margin: 0;
	
}

#navigation  td a:hover {
	color: #99CCFF;
	text-decoration: none;
	
}


#navigation  td.auswahl {
	text-decoration: none;
	color:#000066;
	background: transparent url(pics/nav_auswahl.jpg);
	background-repeat: repeat-x;
}

#navigation  td.nav_auswahl {
	text-decoration: none;
	background: transparent url(pics/nav_auswahl.jpg);
	background-repeat: repeat-x;
}

#navigation  .nav_auswahl a {

	color:#000066;
}


/* ---- End Navigation oben ---- */

/* ---- Navigation links ---- */

#sidebar1 {
	position: absolute;
	left: 0;
	top: 272px;
	width: 214px;
	padding: 0 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	}


#sidebar1 a:link, #sidebar1 a:visited {
	text-decoration: none;
	color: #000000;
}

#sidebar1 a:hover {
	text-decoration: underline;
	color: #FF6600;
}
 
#sidebar1 .auswahl {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	font-weight: bold;
}


#nav li {
	padding: 0 0 15px 0;
	margin: 0; 
	list-style-type: none;
	font-size: 12px;
}

#subnav li {
	padding: 10px 0 0px 0;
	margin: 0 0 0 -20px; 
	text-decoration: none;
	list-style-type: none;
	font-size: 12px;
}


#kasten {
	border: 2px solid #FF0000;
	margin: 10px 0 40px 30px;
	padding: 5px 7px 5px 9px;
	background: transparent;
	width: 166px;
	font-family: Arial, Helvetica, sans-serif;
}

#kasten p {
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	text-align: left;
	padding: 0 0 6px 0;
}

#kasten .red {
	font-size: 12px;
	line-height: 13px;
	color: #FF0000;
	text-align: left;
	font-weight: bold;
}

#kasten .date {
	font-size: 11px;
	color: #666666;
	text-align: left;
	line-height: 20px;
}


#bookmark {
	margin: 2px 5px 10px 0px;
	padding: 0;
	border-top-style:solid; 
	border-top-width: 1px; 
	border-top-color: #2A4956; 
	float: left;
}



/* ---- End Navigation links ---- */



 
 /* ----- Inhalt ----- */

#mainContent {
	position: absolute;
	left: 280px;
	top: 280px;
	width: 500px; 
}

#mainContent img {
   margin: 10px 0;
   padding: 0;
   border: 0;
}

#mainContent img.right {
   float: right;
   margin: 10px 0 20px 40px;
   padding: 0;
}

#mainContent img.left {
   float: left;
   margin: 10px 30px 20px 0;
   padding: 0;
}

#mainContent img.news_left {
   margin: 10px 20px 10px 0;
   padding: 0;
   border: 0;
}

#mainContent p {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align: left;
	padding: 0 0 6px 0;
}

#mainContent ul {
	padding: 0 ;
	margin: 0; 
	color: #000000;
}

#mainContent li {
	padding: 6px 0 5px 0;
	margin: 0 0 0 40px; 
}

#mainContent td {
	text-align: left;
	vertical-align: top; 
}


#mainContent p.impressum {
	font-size: 10px;
	padding: 0 0 2px 0;
	font-weight: normal;
	line-height: 15px;
	color: #000000;
}

#mainContent a {
	font-weight: bold;	
}

#mainContent a:link, a:visited {
	text-decoration: none;
	color: #003399;
}

#mainContent a:hover {
	text-decoration: underline;
	color: #FF6600;
}

/* ---- End Inhalt ---- */

/* ---- Inhalt Sitemap ---- */

#mainContent .sitemap  {
	margin: 30px 0 10px 0px;
	padding: 0;
	font-weight: normal;
		
}

#mainContent .sitemap td  {
	margin: 0px 0 8px 0;
	padding: 0 5px 0 8px;
	border-left: 1px  solid;
	border-color: #BBE4F9;	
	
}

#mainContent .sitemap p  {
	margin: 0px 0 10px 0;
	padding: 0;
	
}

#mainContent .sitemap p a {
	font-weight: bold;
	color: #666666;
	line-height: 20px;
}

#mainContent .sitemap ul {
	margin: 0;
	padding: 0 ;
}

#mainContent .sitemap li {
	list-style-image: url(pics/pfeil.gif);
	margin: 0 0 0px 22px;
	padding: 0 0 10px 0;
}

#mainContent .sitemap li a {
l	ist-style-image: url(pics/pfeil.gif);
	font-weight: normal;
	color: #003399;
}

#mainContent .sitemap a.produkt  {
	color:  #003399;
	font-weight: bold;
	line-height: 20px;
}

/* ---- End Inhalt Sitemap ---- */



/* ---- Kontaktformular ---- */

form {
	margin: 0 0 0 70px;
	width: 440px;
	}

form p {
	margin: 0;
	padding: 0;
	}

label {
	text-align: left;
	float: left;
	width: 100px;
	color: #666666;
	font-size:12px;
	}


.t-area {
	background-color: #E4F8FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


input {
	padding: 1px;
	background-color: #E4F8FE;
	width:280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* ---- End Kontaktformular ---- */

#mainContent p.news_date  {
	font-size: 10px;
	color: #666666;
	padding: 10px 0 0 0;
	margin: 0;
}

#mainContent p.news_head  {
	font-size: 14px;
	color: #333333;
	padding: 0 0 2px 0;
	font-weight: bold;
}

#mainContent p.news_text {
	font-size: 12px;
	padding: 0 0 2px 0;
	font-weight: normal;
	line-height: 18px;
	color: #000000;
}

.clear { 
	float: none; 
	clear: both;
	}

.grau {	color: #666666;	}


h1, h2, h3, h4, h5 { color: #4F4F4F; }

h1 {
   font-size: 16px;
   line-height: 20px;
   padding: 0 0 10px 0;
   margin: 0;
}



h2 {
	font-size: 14px;
	line-height: 14px;
   padding: 10px 0 0 0;
   margin: 0;
}