/* *** CSS fuer Solarliga Bremen *** */
/* *** by Robert Bickmann  *** */

/* ---------- colors --------- */
/*	dark blue:		#3366CC    */
/*	light blue1:	#1176FF    */
/*	light blue2:	#00B2FF    */
/*  light gray1:	#f5f5f5    */
/*  light gray2:	#efefef    */
/*  gray1:			#cccccc    */
/*  gray2:			#DCDCDC    */
/*  dark gray:		#564b47	   */
/*  orange:			#FFB838    */


body {
	background-color:#ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px;
	margin:0px;
}
a {color:#FFB838; text-decoration:underline; }
a:visited {color:#FFB838;}
a:hover {color:#FFB838; text-decoration:none; }
a:active { color:#FFB838;}

#content h1 {
	font-size:18px;
	font-weight:normal;
	padding:0;
	margin:5px 0px 15px 0px;
}
#banner h1 {
	text-transform:uppercase;
	color:#FFB838;
	font-size:28px;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-top:15px;
	padding-left:150px;
}

h2 {
	font-size:15px;
	font-weight:normal;
	padding:0;
	margin:5px 0px 15px 0px;
}

sup { font-size:0.9em; }
small { font-size:0.9em }

p {
	padding:0;
	margin:5px 0px 15px 0px;
}
p.ausgabe {
	color:red;
	font-weight:bold;
}
p.homeInitiative {
	float:right;
}

span.bad {
	color:#FF0000; /* red */
}

.emph { color:#3366CC; }

/* ----------container zentriert das layout-------------- */
#container {
	width:1000px;
	margin-top:1px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#3366CC;/*#0069E2;*/
	/*
	background-image:url(bilder/left-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	*/
}

/* ----------banner for logo-------------- */
#banner {
	background-color: #ffffff;
	background-image:url(bilder/banner-bg.gif);
	background-repeat:no-repeat;
	height:75px;
	padding:0px;
	margin: 0px;
}
#banner img {padding:0px 0px;} 

#banner2 {
	color:#ffffff;
	background-color:#3366CC;/*#1176FF;/*#00A5FD;*/
	border-bottom:1px solid #F5F5F5;
	border-left:1px solid #F5F5F5;
	margin-left:150px;
	margin-right:0px;
	padding:0px;
	text-align:right;
}
#banner2 a {
	color:#ffffff;
}


/* -----------------Inhalt--------------------- */
#content {
	background-color:#ffffff !important;
	border-top:20px solid #ffffff;
	background-image:url(bilder/border-right.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding:0px 20px 20px 20px;
	margin-left:150px;
	margin-right:-2px;
}

#content #partLeft {
	background-color:#FFFFFF;
	float:left;
	width:500px;
	line-height:1.5em;
}
#content #partRight {
	background-color:#FFFFFF;
	float:right;
	width:190px;
	margin-right:8px;
	line-height:1.5em;
}
#content #partRight .outerBox{
	text-align:center;
	border:1px dotted #CCCCCC;
	padding:7px 7px 0px 7px;
	margin:0 0 20px 0;
}
#content #partLeft img {
	float:left;
	padding-right:18px;
	padding-bottom:9px;
}
#content p.clear {
	margin:0;
	padding:0;
	height:0px;
	clear:both;
}

#content img.left { float:left; margin-right:10px; margin-bottom:5px; }
#content img.right { float:right; margin-left:10px; margin-bottom:5px; }

/* ------- Formular --------- */
#content fieldset {
	width:330px;
	padding:10px;
	margin-bottom:25px;
	line-height:2em;
}
#content fieldset label {
	float:left;
}
#content fieldset input, #content fieldset select, #content fieldset div.input, #content fieldset div.right {
	font-size:11px;
	float:right;
}
#content legend {
	font-weight:bold;
}

table.kontakt {
	margin-bottom:15px;
}
table.kontakt td {
	padding:4px 4px 6px 0px;
	vertical-align:top;
}

/* ------- Ergebnis Tabellen ----------- */
table.chart {
	border-collapse:collapse;
	margin-top:8px;
	font-size:0.9em;
}
table.chart td, table.chart th {
	text-align:left;
	padding:2px 3px;
	border:1px solid #99CCFF;
}
table.chart th {
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
table.chart tr.highlight td {
	background-color:#f5f5f5;
}


#bottom-bg {
	text-align:right;
	padding:0;
	margin:0;
	margin-left:150px;
	background-color:#FFFFFF;
}
#bottom-bg img { margin:0;margin-right:-2px;padding:0; }

#bottom-bg2 {
	text-align:right;
	padding:0;
	margin:0;
	margin-left:150px;

	background-color:#FFFFFF;
}
#bottom-bg2 img { margin:0;margin-bottom:-5px;padding:0; }

#banner2 p {
	padding:5px 10px;
	margin:0px;
}

/* --------------left navigavtion------------- */
#left {
	float:left;
	width:150px;
	margin:0px;
	padding:0px;
}
#left p {
	color:#ffffff;
	padding:30px 10px 10px 10px;
	font-size:9px;
}
#left p.stand {
	position:absolute; 
	bottom:15px;
}
#left ul {
	margin:0;
	padding:0;
	margin-top:23px;
	width:150px;
}

#left ul li {
	list-style-type:none;
	background-color:#f5f5f5;
	padding:0;
	margin:0;
	border-bottom:1px solid #CCCCCC;
}
#left ul li.first {
	border-top:1px solid #CCCCCC;
}
#left ul li.spacer {
	background-color:#3366CC;
	padding:0;
	margin:0;
}

#left ul li a {
	display:block;
	width:130px;
	padding:3px 10px;
	text-decoration:none;
	color:#564b47;
	font-weight:bold;
	margin:0;
}
#left ul li a:hover {
	background-color:#FFB838; /*#DCDCDC;*/
}

/* -----------footer--------------------------- */
#footer {
	background-color:#00B2FF;
	height:20px;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: right; 
}