/* CSS-Formatierungen fuer w3box
* Erstellt: Montag, 27.12.2009
* Einsatz: Browser, die sich weitestgehend an Vorgaben des W3C orientieren
* ------------------------------------------------------------------------------ */

/* Reset - Browser Default Styles deaktivieren
-------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	vertical-align: top;
}

fieldset,img {
	border: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}

a {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	line-height: 140%;
	font-size: 110%;
	padding: 0 0 15px 0;
}

form {
	font-family: Verdana, sans-serif;
}

form label {
	font-size: 110%;
	width: 80px;
	display: block;
	float: left;
}

form input {
	font-size: 110%;
	width: 220px;
	background-color: white;
	border: 1px solid #46535F;
	padding: 2px;
}

form input.send {
	font-size: 110%;
	width: 100px;
	background-color: #8798A6;
	border: 1px solid #46535F;
	padding: 2px;
	color: white;
	cursor: pointer; 
}

form input.send:hover {
	background-color: #596B79;
}

form textarea {
	font-size: 110%;
	width: 220px;
	background-color: white;
	border: 1px solid #46535F;
	font-family: Verdana, sans-serif;
}

.formLine {
	margin: 0 0 10px 0;
}

/* Allgemeing�ltige Styles
-------------------------------------------------------------------------------- */

body {
	font: 62.5% Verdana, sans-serif;
	color: black;
	background: transparent url(../../media/images/bg_body.gif) left top repeat;
}

h1 {
	font-size: 120%;
	color: white;
	padding: 0 0 20px 0;
	float: left;
}

h2 {
	font-size: 110%;
	color: #46525F;
	padding: 0 0 10px 0;
}


/* Seitenrahmen
-------------------------------------------------------------------------------- */
#blue {
	background: transparent url(../../media/images/bg_header.gif) left top repeat-x;
}

#pageWrapper {
	margin: 0 auto; 
	width: 705px;
}


/* Header
-------------------------------------------------------------------------------- */
#header {
	height: 119px;
	color: white;
	font-size: 120%;
	font-weight: bold;
}

.logoLeft {
	width: 201px;
	float: left;
}

.claim {
	float: right;
	padding: 90px 0 0 0;
	width: 504px;
	text-align: right;
}

/* Content
-------------------------------------------------------------------------------- */
#address {
	padding: 10px 0 0 0;
	color: #46525F;
	font-size: 110%;
	text-align: right;
	margin: 0 0 63px 0;
}

#address a {
	color: #46525F;
}

#address a:hover {
	text-decoration: underline;
}

#contentWrapper {
	padding: 0 0 10px 0;
}

#navi1Content {
	background-color: #CCC;
	border: 5px solid white;
	width: 310px; /* 492px;*/
	float: right;
	padding: 10px;
}

#navi2Content {
	background-color: #CCC;
	border: 5px solid white;
	width: 310px;
	float: right;
	padding: 10px;
}

#navi3Content {
	background-color: #CCC;
	border: 5px solid white;
	width: 310px;
	float: right; /* right */
	padding: 10px;
	/*margin: 0 20px 0 0;*/
}

#navi3Content .fehler span.rot {
   margin: 0 0 15px 0;
   font-weight: bold;
}

#navi3Content span.rot {
   margin: 0 0 0 80px;
   color:#FF0000;
}

#navi4Content {
	background-color: #CCC;
	border: 5px solid white;
	width: 310px; /* 491px;*/
	float: right; /* right */
	padding: 10px;
	/*margin: 0 20px 0 0;*/
}

.close a {
	float: right;
	font-size: 10px;
	color: #8698A6;
	display: block;
}

.close a:hover {
	text-decoration: none;
	color: #5B6F7D;
}

ul li {
	font-size: 110%;	
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 13px;
	background: transparent url(../../media/images/dot.gif) left center no-repeat;
}

.left {
	float: left;
	width: 100px;
	padding: 0 10px 0 0;
}

.left150 {
   float: left;
   width: 150px;
   margin: 0 10px 0 0;
   border: 1px solid black;
}

.leftli {
   float: left;
   width: 120px;
   margin: 10px;
   border: 1px solid black;
}

.ref {
	margin: 0 0 20px 0;
}

.ref p a {
   color: #46525F;
}

.ang a {
	color: #46525F;
}

/* Navi
-------------------------------------------------------------------------------- */
#navi {
	margin: 0 0 0 1px;
}

#navi1 a {
	background: transparent url(../../media/images/1_inactive.jpg) left top no-repeat;
	font-size: 110%;
	font-weight: bold;
	color: white;
	width: 146px;
	height: 43px;
	display: block;
	padding: 80px 0 20px 16px;
	margin: 0 20px 0 0;
	float: left;
}

#navi1 a.passive {
	background: transparent url(../../media/images/1_passive.jpg) left top no-repeat;
	text-decoration: none;
}

#navi1 a.active {
	background: transparent url(../../media/images/1_active.jpg) left top no-repeat;
	text-decoration: none;
}

#navi1 a:hover {
	background: transparent url(../../media/images/1_active.jpg) left top no-repeat;
	text-decoration: none;
}

#navi2 a {
	background: transparent url(../../media/images/2_inactive.jpg) left top no-repeat;
	font-size: 110%;
	font-weight: bold;
	color: white;
	width: 152px;
	height: 43px;
	display: block;
	padding: 80px 0 20px 10px;
	margin: 0 20px 0 0;
	float: left;
}

#navi2 a.passive {
	background: transparent url(../../media/images/2_passive.jpg) left top no-repeat;
	text-decoration: none;
}

#navi2 a.active {
	background: transparent url(../../media/images/2_active.jpg) left top no-repeat;
	text-decoration: none;
}

#navi2 a:hover {
	background: transparent url(../../media/images/2_active.jpg) left top no-repeat;
	text-decoration: none;
}

#navi3 a {
	background: transparent url(../../media/images/3_inactive.jpg) left top no-repeat;
	font-size: 110%;
	font-weight: bold;
	color: white;
	width: 142px;
	height: 43px;
	display: block;
	padding: 80px 0 20px 20px;
	margin: 0 13px 0 0;
	float: left;
}

#navi3 a.passive {
	background: transparent url(../../media/images/3_passive.jpg) left top no-repeat;
	text-decoration: none;
}

#navi3 a.active {
	background: transparent url(../../media/images/3_active.jpg) left top no-repeat;
	text-decoration: none;
}

#navi3 a:hover {
	background: transparent url(../../media/images/3_active.jpg) left top no-repeat;
	text-decoration: none;
}

#navi4 a {
	background: transparent url(../../media/images/4_inactive.jpg) left top no-repeat;
	font-size: 110%;
	font-weight: bold;
	color: white;
	width: 152px;
	height: 43px;
	display: block;
	padding: 80px 0 20px 10px;
	float: left;
}

#navi4 a.passive {
	background: transparent url(../../media/images/4_passive.jpg) left top no-repeat;
	text-decoration: none;
}

#navi4 a.active {
	background: transparent url(../../media/images/4_active.jpg) left top no-repeat;
	text-decoration: none;
}

#navi4 a:hover {
	background: transparent url(../../media/images/4_active.jpg) left top no-repeat;
	text-decoration: none;
}

#s3sliderbox {
	width:330px; 
	float:right;
}


/*
-------------------------------------------------------------------------------------
 Sitemap */

ul.sitemap1 {
   font-size: 100%;  
}

ul.sitemap1 li {
        margin: 0 0 15px 0;
        font-size: 100%;
        text-transform: uppercase;
        display: block;
        background: transparent url(../../media/images/dot.gif) left top no-repeat;
}

ul.sitemap2 {
        margin: 8px 0 0 15px;
}

ul.sitemap2 li {
        font-size: 100%;
        margin: 0 0 8px 0;
        background: transparent url(../../media/images/dot.gif) left center no-repeat;
}

ul.sitemap3 {
        margin: 5px 0 15px 15px;
}

ul.sitemap3 li {
        margin: 0 0 4px 0;
        font-size: 100%;
        background: transparent url(../../media/images/dot.gif) left center no-repeat;
}

ul.sitemap3 li a {
        color: #000;
}

ul.sitemap3 li a:hover {
        color: #F731BC;
}

/* Footer
-------------------------------------------------------------------------------- */
#footer {
	color: #46525F;
	font-size: 110%;
	text-align: right;
	margin: 0 0 10px 0;
}
#footer a {
   color: #46525F;
}









