

body{
	margin: 0px;
	background: #f4f8fc url('../../img/layout/bg_blue.jpg') top left repeat-x;
	font: normal 10pt/100% Helvetica, Arial, Tahoma, Sans, Sans-Serif;
	}


a{
	color: #26805c;
	text-decoration: none;
	}
a:hover{
	color: #67aea0;
	}

a img{
	border-width: 0px;
	}

div.clear{
	clear: both;
	}


div#topshadow{
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 100%;
	background: transparent url('../../img/layout/shadow_top.png') top left repeat-x;
	z-index: 1000;
	}	

div#header{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 980px;
	margin: 0 0 0 -490px;
	height: 138px;
	}
	div#header img#logo{
		margin: 6px 0 0 37px;
		}

div#footer{
	position: fixed; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	background: #358f6b url('../../img/layout/bg_footer.jpg') top left repeat-x;
	}
	div#footer div#footer-menu{
		position: relative;
		width: 980px;
		margin: 0 auto 0 auto;
		}
		div#footer-menu a{
			display: block;
			float: right;
			padding: 11px 0 11px 26px;
			margin: 0 0 0 20px;
			text-decoration: none;
			color: #ffffff;
			background-repeat: no-repeat;
			background-position: center left;
			}
		div#footer-menu a:hover{
			color: #bef2be;
			}
		div#footer-menu a#legal{
			background-image: url('../../img/icons/info.png');
			}
		div#footer-menu a#download{
			background-image: url('../../img/icons/download.png');
			}
		div#footer-menu a#contact{
			background-image: url('../../img/icons/mail.png');
			}
		div#footer-menu div#mp3-player{
			position: absolute;
			top: 8px;
			left: 5px;
			}

table#background-wrapper{
	width: 100%;
	margin: 0 0 35px 0;
	}
	table#background-wrapper td#background-wrapper-left{
		background: transparent url('../../img/layout/bg_left.jpg') top right no-repeat;
		}
	table#background-wrapper td#background-wrapper-middle{
		vertical-align: top;
		padding: 138px 0 0 0;
		width: 980px;
		background: transparent url('../../img/layout/bg_middle.jpg') top left no-repeat;
		}
	table#background-wrapper td#background-wrapper-right{
		background: transparent url('../../img/layout/bg_right.jpg') top left no-repeat;
		}

table#layout-wrapper{
	width: 100%;
	}
	table#layout-wrapper td#layout-wrapper-menu{
		vertical-align: top;
		width: 230px;
		/*background: #f8fbfc url('../../img/layout/bg_menu.jpg') top left no-repeat;*/
		background: transparent url('../../img/layout/trans_white_60p.png') 0 0 repeat;
		}
	table#layout-wrapper td#layout-wrapper-content{
		vertical-align: top;
		background: transparent url('../../img/layout/trans_white_40p.png') 0 0 repeat;
		}
	table#layout-wrapper td#layout-wrapper-content-home{
		vertical-align: top;
		background: transparent url('../../img/layout/radler.gif') bottom left no-repeat;
		}


div#content-container{
	position: relative;
	}
div#content-transbox{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 460px;
	height: 360px;
	background: transparent url('../../img/layout/trans_white_80p.png') 0 0 repeat;
	}
div#content-text,
div#content-text-home{
	line-height: 150%;
	padding: 20px;
	color: #3a3a3a;
	}
	div#content-text{
		/*background: transparent url('../../img/layout/trans_white_40p.png') 0 0 repeat;*/
		}
div#content-text-home{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 420px;
	height: 430px;
	}
	div#content-text-home img{
		float: left;
		border: 1px solid #ffffff;
		margin: 0 10px 5px 0;
		}


table#news-wrapper{
	width: 100%;
	height: 200px;
	}
	table#news-wrapper td#news-wrapper-left{
		vertical-align: top;
		width: 230px;
		background: #e5f6ee url('../../img/layout/bg_darkgreen.jpg') top left repeat-x;
		text-align: center;
		padding: 10px 0 0 0;
		}
	table#news-wrapper td#news-wrapper-right{
		vertical-align: top;
		background: #ffffff;
		background: #ffffff url('../../img/layout/shadow_top.png') top left repeat-x;
		}
		
		
		
div#mainmenu{
	border: solid #ffffff;
	border-width: 1px 0 0 0;
	margin: 10px 0 0 0;
	}
	div#mainmenu a{
		display: block;
		padding: 9px 35px 8px 0;
		text-decoration: none;
		color: #222222;
		text-align: right;
		border: solid #ffffff;
		border-width: 0 0 1px 0;
		font-size: 9pt;
		line-height: 100%;
		}
	div#mainmenu a:hover{
		background: #87afd4;
		}
	div#mainmenu a.main{
		font-weight: bold;
		}
	div#mainmenu a.mainactive{
		font-weight: bold;
		background: #87afd4 !important;
		color: #ffffff;
		padding-right: 15px;
		}
	div#mainmenu a.subactive{
		background: #87afd4;
		color: #ffffff;
		padding-right: 15px;
		font-weight: bold;
		}
	div#mainmenu a#anmeldung{
		background: transparent url('../../img/layout/trans_green_60p.png') 0 0 repeat;
		}
	div#mainmenu a#anmeldung:hover{
		background: transparent url('../../img/layout/trans_green_50p.png') 0 0 repeat;			
		}

div.news-item{
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border: dotted #ffffff;
	border-width: 0 0 1px 0;
	}
	div.news-item h1{
		font-size: 16px;
		}
	div.news-item div.readmore{
		text-align: right;
		}

h1, h2, h3{
	}

h1{
	font-size: 18px;
	}
h1.thin{
	font-weight: normal;
	}
h2{
	font-size: 16px;
	}
h2.thin{
	font-weight: normal;
	}
h3{
	font-size: 14px;
	}

span.green,
span.greenbold{
	color: #0e6341;
	}
span.greenbold{
	font-weight: bold;
	}
span.small{
	font-size: 8pt;
	}

ol{
	margin-left: 0;
	padding-left: 20px;
	}
	
ul.pdfdownload{
	margin-left: 0;
	padding-left: 15px;
	list-style-type: disc;
	}
	ul.pdfdownload li{
		padding: 0 0 5px 0;
		}


/*
	Login Maske
*/
form#logon{
	margin: 50px 0 50px 0;
	}

table.logintable{
	width: 100%;
	}
table.logintable td{
	padding: 5px 0 5px 0;
	}
	table.logintable td.label{
		width: 120px;
		font-weight: bold;
		}
table.logintable input.text{
	border: 0px solid #dddddd;
	padding: 5px;
	font-size: 11pt;
	width: 200px;
	}
	table.logintable input.password{
		color: #007C19;
		}
input.login{
	border: 1px solid #ffffff;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 10pt;
	background: #26805c;
	color: #ffffff;
	margin: 20px 0 0 150px;
	}

/***
	Starseite der Anmeldung
*/
div.anleitung{
	margin: 25px 0 25px 0;
	background: transparent url('../../img/layout/trans_blue_60p.png') top left repeat;
	padding: 10px;
	border: 1px solid #A6BDCF;
	}
	div.anleitung h3{
		margin: 0 0 20px 0;
		}
		div.anleitung h3 img,
		div.optionen-container h3 img{
			vertical-align: middle; 
			margin: 0 2px 5px 0;
			}
	div.anleitung ol{
		font-size: 10pt;
		margin: 0;
		padding: 0 0 0 30px;
		}
	div.anleitung ol li{
		padding: 0 0 15px 0;
		}

div.optionen-container{	
	padding: 10px;
	background: transparent url('../../img/layout/trans_blue_30p.png') top left repeat;
	border: 1px solid #B8CAD8;
	}

ul.anmeldung-optionen,
ul.abmeldung-optionen{
	list-style-type: square;
	font-size: 11pt;
	margin-left: 0;
	padding-left: 25px;
	}
	ul.anmeldung-optionen li{
		padding: 0 0 10px 0;
		}
	ul.anmeldung-optionen a{
		color: #035391;
		}
	ul.anmeldung-optionen a:hover{
		color: #0073CA;
		}
		
	ul.abmeldung-optionen{
		list-style-type: none;
		margin-left: 0;
		padding-left: 10px;
		}
	ul.abmeldung-optionen a{
		color: #bb0000;
		font-weight: bold;
		}
		ul.abmeldung-optionen a:hover{
			color: #ee0000;
			font-weight: bold;
			}
	ul.abmeldung-optionen a img{
		vertical-align: middle;
		margin: 0 2px 4px 0;
		}
	
/***
	Formulare Anmeldung und Abmeldung
*/

table.formtable{
	width: 100%;
	margin: 20px 0 0 0;
	}
	table.formtable td{
		padding: 5px 0 5px 0;
		}
	table.formtable td.label{
		width: 150px;
		font-weight: bold;
		}
	table.formtable td.checkboxes{
		font-size: 11pt;
		line-height: 170%;
		padding-left: 20px;
		}
	table.formtable select{
		border-width: 0;
		width: 210px;
		font-size: 12pt;
		font-family: Arial;
		color: #333333;
		padding: 4px;
		}
	table.formtable input.text{
		border: 0px;
		padding: 5px;
		font-size: 12pt;
		font-family: Arial;
		color: #333333;
		width: 200px;
		}
textarea.anmeldung{
	font-family: Arial;
	font-size: 11pt;
	padding: 5px;
	border-width: 0;
	width: 100%;
	height: 200px;
	}

div.haftungsausschluss{
	height: 200px;
	overflow: auto;
	background: #ffffff;
	padding: 5px 15px;
	}

input.buttonsubmit{
	border-width: 0;
	padding: 0 0 0 25px;
	background: transparent url('../../img/icons/finish.png') left center no-repeat;
	font-size: 11pt;
	margin: 20px 0 20px 30px;
	color: #035391;
	cursor: pointer;
	font-weight: bold;
	}
input.buttonedit{
	border-width: 0;
	padding: 0 0 0 25px;
	background: transparent url('../../img/icons/edit.png') left center no-repeat;
	font-size: 11pt;
	margin: 20px 0 20px 40px;
	color: #035391;
	cursor: pointer;
	font-weight: bold;
	}

table.border{
	border-collapse: collapse;
	}
	table.border td{
		border: 1px solid #ffffff;
		}
	table.border td.label{
		border-width: 0;
		}


table.formtableRadio, table.formtableRadioSizes{
	width: 100%;
	background: transparent !important;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 20px 0;
	border: 1px solid #aaaaaa;
	font-size: 8.5pt;
	}
	
	
	
table.formtableRadio td, table.formtableRadioSizes td{
	padding: 4px 2px 4px 2px;
	vertical-align: top;
	border: 1px solid #dddddd;
	}
table.formtableRadio input{
	border: 1px solid #bbbbbb;
	}
table.formtableRadio textarea{
	border: 1px solid #bbbbbb;
	}


/* Standard Tabellen */
table.twocols{
	width: 100%;
	border-collapse: collapse;
	}
	table.twocols td{
		vertical-align: top;
		padding: 5px 0 5px 5px;
		border: solid #ffffff;
		border-width: 1px 0 1px 0;
		}

table.threecols{
	width: 100%;
	border-collapse: collapse;
	}
	table.threecols td{
		border: 1px solid #ffffff;
		padding: 5px 0 5px 5px;
		}

	
