/***************************************************
* @title fwaCMS-light
* @copyright Frenkelson Werbeagentur Potsdam
* @author Steffen Klier <steffen[at]klier[dot]biz>
* @version 1.04
****************************************************/

/* 
======================================================
  TAGS 
====================================================== 
*/
* {
	margin:0; 
	padding:0;
	color: #333;
}
html {
	height:101%;
}
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	background: transparent url('bilder/bgmain.gif') repeat-x fixed;
	background-color: #FFF;
	color: #333;
	line-height:16px;
}
h1 {
	font-size: 12px;
	font-weight: bold;
	margin:0px 0px 15px 0px;
	color:#A30134;
}
h2, h3 {
	font-size: 11px;
	font-weight: bold;
	margin:20px 0px 5px 0px;
	color:#A30134;
}
p {
	margin:0px 0px 10px 0px;
}
ul {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
}
ol {
	margin:0px 0px 10px 5px;
	padding:0px 0px 0px 10px;
}
li {
	margin:0px 0px 5px 10px;
}


/* 
======================================================
  KLASSEN 
====================================================== 
*/
/* allgemein */
.cb {
	clear:both;
}
.cbhr{
	clear:both;
	border-top:dotted 2px #999;
	width:655px;
	height:3px;
}
.cbhrnav{
	display:block;
	width: 190px;
	height: 1px;
	border-bottom:dotted 2px #999;
	margin:0px 10px 0px 10px;
}
.cbhrright{
	display:block;
	width: 195px;
	height: 1px;
	border-bottom:dotted 2px #999;
	margin:0px 0px 10px 2px;
}
.dn {
	display:none;
}
.grau p {
	color:#666;
}
.grau strong {
	color:#666;
	font-weight:normal
}

/* linke Navigation */
.naviL a {
	display:block;
	width: 210px;
	height: 23px;
	padding:5px 0px 0px 25px;
}
.naviL a:link, .naviL a:visited {
	color:#333;
	text-decoration: none
}
.naviL a:hover, .naviL a:active {
	background: url('bilder/nav_box_hover.png') no-repeat top left;
	color:#9FA617;
	text-decoration: none
}
/* MouseDown */ 
.naviLDown a {
	display:block;
	width: 210px;
	height: 23px;
	padding:5px 0px 0px 25px;
}
.naviLDown a:link, .naviLDown a:visited {
	background: url('bilder/nav_box_hover.png') no-repeat top left;
	color:#9FA617;
	text-decoration: none
}
.naviLDown a:hover, .naviLDown a:active {
	color:#333;
	text-decoration: none
}

/* linke Sub-Navigation */
.naviLSub a {
	display:block;
	width: 210px;
	height: 20px;
	padding:5px 0px 0px 25px;
}
.naviLSub a:link, .naviLSub a:visited {
	color:#9FA617;
	text-decoration: none
}
.naviLSub a:hover, .naviLSub a:active {
	color:#333;
	text-decoration: none
}


/* linker Text */
.tabLeft {
	float:left;
	width: 200px;
	text-align:left;
}
/* rechter Text */
.tabRight {
	float:left;
	width: 149px;
	text-align:left;
}

/* Formulare */
.inputText {
	width: 100%; 
	height: auto;
	border:solid 1px #ccc;
	background: #EEE;
}
.inputTArea {
	width: 100%; 
	height: auto;
	border:solid 1px #ccc;
	overflow:auto;
	background: #EEE;
}
.inputTableL {
	margin-top:5px;
	width:10%;
	float:left;
}
.inputTableR {
	margin-top:5px;
	width:90%;
	float:left;
}
.statusWarten {
	margin:0px 0px 0px 0px; 
	padding:0px; 
	font-size: 10px;
	text-align:left;
}
.statusJa {
	margin:0px 0px 0px 0px; 
	padding:0px; 
	font-size: 10px;
	color:#009900;
	text-align:left;
}
.statusNein {
	margin:0px 0px 0px 0px; 
	padding:0px; 
	font-size: 10px;
	color:#CC0000;
	text-align:left;
}
.formInputs {
	float:left;
	clear:both;
	margin:5px auto 5px;
	width: 300px; 
	height: auto;
	text-align:left;
}
.formInputs input, .formInputs textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	padding:2px;
	color:#333;
}
.formInputs span {
	font-size: 9px;
}
.searchBox { width:220px; height:100px; border: 0px; }
.searchBox span { background: transparent url('bilder/suche1.gif') top left no-repeat; width:167px; height:23px; float:left; margin:6px 0px 0px 0px; }
.searchBox .searchQ { background:transparent; width:155px; text-align:left; margin:3px 0px 0px 5px; border: 0px; color:#333; }
.searchBox .sendbut { background:url('bilder/suche2.gif') center left no-repeat; width:44px; height:23px; float:left; text-align:left; margin:5px 0px 0px 3px; border: 0px; }

/* Newsticker */
#news {
	width:700px;
	height:90px;
	margin-left: 30px;
}
.newsticker {
	list-style-type: none;
	padding: 3px;
	margin: 0px;
}
.newsHead {
	color:#FFF;
	width:203px;
	height:26px;
	font-size:10px;
	background:url('bilder/nav_head_bg.gif') top left no-repeat;
	padding: 5px 2px 0px 7px;
	margin: 0px 0px 0px 0px;
}
.newsContainer {
	background:url('bilder/nav_box_bg.gif') top left repeat-x;
	font-size:9px;
	width:200px;
	min-height:200px;
	margin: -3px 0px 10px 0px;
	padding: 6px;
}
.newsContainer p {
	line-height:12px;
}
.newsContainer p:hover {
	color:#A30134;
}
.terminContainer {
	background:url('bilder/nav_box_bg.gif') top left repeat-x;
	font-size:9px;
	width:200px;
	min-height:200px;
	margin: -3px 0px 0px 0px;
	padding: 6px;
}
.terminContainer p {
	line-height:12px;
}
.terminContainer p:hover {
	color:#A30134;
}


/* 
======================================================
  IDs 
====================================================== 
*/

/* Main Styles */
#mainFrame {
	margin: 0 auto;
	width: 980px; 
	min-height: 580px;
	background-color: #FFF;
	overflow:hidden;
}
#topHeader {
	margin: 0 auto;
	background: transparent url('bilder/main_gfx_01.gif') repeat-x top left;
	width: 980px; 
	height: 167px;
}
#topLine{
	position:relative;
	top:20px;
	width: 980px; 
	height: 20px;
}
#topLine span {
	margin:0px 0px 0px 30px;
}
#topLeftBox {
	float:left;
	width: 530px;
	height: 147px;
}
#topLeftBox img {
	margin:50px 0px 0px 30px;
	border:none;
}
#topTeaserBox {
	float:left;
	background: transparent url('bilder/main_gfx_02.gif') repeat-x top left;
	width: 181px;
	height: 127px;
	margin-top:20px;
}
#topTeaserBox a {
	color:#FFF;
	text-decoration: none
}
#topTeaserBox div{
	display:block;
	width: 170px;
	height: 127px;
	overflow:hidden;
	padding:8px;
	color:#FFF;
}
#topTeaserBox span{
	display:block;
	width: 170px;
	height: 127px;
	overflow:hidden;
	padding:8px;
	color:#FFF;
}
#topTeaserBox h1 {
	font-size:14px;
	color:#FFF;
}
#topTeaserBox * {
	font-size:12px;
	color:#FFF;
	overflow:hidden;
}
#topRightBox {
	float:left;
	width: 269px;
	height: 147px;
}
#logoTop {
	width: 200px;
	height: 118px;
	margin-left: 40px;
}
#logoTop img {
	border:none;
}
#gfxTop {
	clear:both;
	width: 269px;
	height: 29px;
}
#gfxTop img {
	margin: 9px 0px 0px 0px;
	border:none;
}
#logoPrint {	
	display: none;
}
#topSubBox {
	clear:both;
	width: 980px;
	height: 100px;
	margin-top:20px;
	overflow:hidden;
}
#topSearchBox {
	float:left;
	width: 220px;
	height: 90px;
	overflow:hidden;
}
#topPartnerBox {
	float:left;
	width: 760px;
	height: 90px;
	text-align:left;
	overflow:hidden;
}

/* Content Styles */
#contentLeftStart {
	float:left;
	width: 730px; 
	min-height: 480px;
	text-align:left;
	margin-left:30px;
	overflow:visible;
}
#contentLeft {
	float:left;
	width: 250px; 
	min-height: 480px;
	text-align:left;
	overflow:visible;
}
#cLImg {
	float:left;
	width: 212px; 
	height: 150px;	
	margin-bottom:2px;
	overflow:hidden;
}
#contentCenter {
	float:left;
	width: 480px; 
	min-height: 480px;
	margin-right:30px;
	text-align:left;
	overflow:visible;
}
#contentRightStart {
	float:left;
	width: 220px; 
	min-height: 480px;
	text-align:left;
	overflow:visible;
}
#contentRight {
	float:left;
	width: 220px; 
	min-height: 480px;
	text-align:left;
	overflow:visible;
}

/* Bottom Styles */
#btmFrame {
	clear:both;
	margin: 10px auto;
	width: 980px; 
	height: 50px;
	border:none 1px red
}
#btmLeft {
	float:left;
	font-size: 80%;
	width: 600px; 
	margin:0px 130px 0px 30px;
}
#btmCenter {
	float:left;
	font-size: 80%;
	color:#999;
	width: 630px; 
	margin:0px 0px 0px 30px;
}
#btmRight {
	float:left;
	font-size: 80%;
	width: 200px; 
	padding:0px 20px 0px 0px;
}

/* Navigation Styles */
#navigationL {
	float:left;
	background: transparent url('bilder/nav_box_bg.gif') repeat-x top left;
	width: 212px; 
	min-height: 480px;
	text-align:left;
	overflow:visible;
}
#navigationR {
	float:left;
	width: 220px; 
	min-height: 480px;
	text-align:left;
	overflow:visible;
}
#rightMainPic {	
	width:201px;
	height: 283px;
	overflow:hidden;
	border:none;
}
#inputSubmit {
	font-size: 10px;
	font-weight:bold;
	color:#000;
	width: 150px; 
	height: 25px;
	text-align:center;
	border:solid 1px #000;
}
#copyright {	
	position:relative bottom right;
	width: 220px; 
	min-height: 100px;
	font-size: 80%;
	color:#999;
	text-align:left;
	overflow:hidden;
	margin-top:50px;
}

/* Startseite */
#startSeSamBB {	
	float:left;
	background: transparent url('bilder/nav_start_sesambb.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#startNews {	
	float:left;
	background: transparent url('bilder/navi_start_07.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#startKontakt {	
	float:left;
	background: transparent url('bilder/navi_start_08.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#startImpressum {	
	float:left;
	background: transparent url('bilder/navi_start_09.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#startOrgani {	
	float:left;
	background: transparent url('bilder/navi_start_ogg.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#start1 {	
	float:left;
	background: transparent url('bilder/nav_start_01.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#start2 {	
	float:left;
	background: transparent url('bilder/nav_start_02.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#start3 {	
	float:left;
	background: transparent url('bilder/nav_start_03.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#start4 {	
	float:left;
	background: transparent url('bilder/nav_start_04.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#start5 {	
	float:left;
	background: transparent url('bilder/nav_start_05.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}
#start6 {	
	float:left;
	background: transparent url('bilder/nav_start_06.gif') repeat-x top left;
	width: 212px;
	height: 150px;
	margin: 0px 10px 10px 0px;
	border:none;
}

/* 
======================================================
  LINKS
====================================================== 
*/
a {
 -moz-outline: none; /* FF */
 outline: none; /* CSS 3 */
 ie-dummy: expression(this.hideFocus=true); /* IE >= 5.5*/
}
a:link, a:visited {
	color: #A30134;
	text-decoration: none
}
a:hover, a:active {
	color: #333;
	text-decoration: underline
}
ul,ol a:link, ul,ol a:visited {
	color: #A30134;
	text-decoration: underline
}
ul,ol a:hover, ul,ol a:active {
	color: #FFF;
	text-decoration: none
}
/* Startseite */
a.headLink:link, a.headLink:visited {
	color: #FFF;
	text-decoration: none
}
a.headLink:hover, a.headLink:active {
	color: #FFF;
	text-decoration: underline
}
/* startItems */
.startItem {
	display:block;
	margin-top: 110px;
	width: 212px;
	height: 30px;	
	opacity: 0.80; 
	filter: alpha(opacity=80); 
	color: #FFF;
}
.startItem em {	
	float:left;
	cursor:pointer;
	width: 170px;
	height: 30px;
	padding: 6px 0px 0px 10px;
	font-style: normal;
	color: #FFF;
}
.startItem span {	
	float:left;
	cursor:pointer;
	width: 30px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	color: #FFF;
	text-align:center;
}
a.startItem:link, a.startItem:visited {
	background-color: #A30134;
	color: #FFF;
	text-decoration: none
}
a.startItem:hover, a.startItem:active {
	background-color: #9FA617;
	color: #FFF;
	font-weight: bold;
	text-decoration: none
}

/* startContacts */
.startContact {	
	float:left;
	background: transparent url('bilder/nav_start_bgsub.gif') repeat-x top left;
}
.startContact em {	
	float:left;
	cursor:pointer;
	width: 170px;
	height: 30px;
	padding: 6px 0px 0px 10px;
	font-style: normal;
}
.startContact span {	
	float:left;
	cursor:pointer;
	width: 30px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	text-align:center;
}
a.startContact:link, a.startContact:visited {
	float:left;
	display:block;
	width: 212px;
	height: 30px;	
	color: #999;
	margin: 0px 10px 10px 0px;
	text-decoration: none
}
a.startContact:hover, a.startContact:active {
	float:left;
	display:block;
	width: 212px;
	height: 30px;	
	color: #A30134;
	margin: 0px 10px 10px 0px;
	font-weight: bold;
	text-decoration: none
}
a.startContact:hover em, a.startContact:active em {
	color: #A30134;
}
a.startContact:hover span, a.startContact:active span {
	color: #A30134;
}

/* downItems */
.downItem {
	display:block;
	margin-top: 110px;
	width: 212px;
	height: 30px;	
	opacity: 0.80; 
	filter: alpha(opacity=80); 
	color: #FFF;
}
.downItem em {	
	float:left;
	cursor:pointer;
	width: 170px;
	height: 30px;
	padding: 6px 0px 0px 25px;
	font-style: normal;
	color: #FFF;
}
.downItem span {	
	float:left;
	cursor:pointer;
	width: 30px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	color: #FFF;
	text-align:center;
}
a.downItem:link, a.downItem:visited {
	background-color: #9FA617;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none
}
a.downItem:hover, a.downItem:active {
	background-color: #9FA617;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none
}