/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl,
dt, dd, li, address, form, fieldset, hr, blockquote{
   margin: 0px;
   padding: 0px;
   z-index: 0;
}

img, fieldset{border: none;}

a{text-decoration: none;}

a{
	color:#A4A4A4;
	text-decoration:none;
}

a:hover{
	color:#D71C43;
	text-decoration:none;
}

/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear:both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: url('../images/layout/body-background.png') repeat-x 0 0;
}

#wrapper{
	width: 763px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
	position: relative;
	background: url('../images/layout/logo.jpg') no-repeat 124px 33px;
}

#side-left{
	width: 11px;
	height: 111px;
	background: url('../images/layout/side-left.png') no-repeat 0 0;
	position: absolute;
	top: 400px;
	left: -10px;
	z-index: 100;
}

#side-right{
	width: 11px;
	height: 111px;
	background: url('../images/layout/side-right.png') no-repeat 0 0;
	position: absolute;
	top: 401px;
	right: -10px !important;
	right: -11px;
	z-index: 100;
}

a#logo{
	margin-left: 124px;
	width: 488px;
	height: 90px;
	/*background: url('../images/layout/logo.jpg') no-repeat 0 33px;*/
	display: block;
	position: relative;
	
}

a#logo:hover{
	margin-left: 124px;
	width: 488px;
	height: 90px;
	/*background: url('../images/layout/logo.jpg') no-repeat 0 33px;*/
	display: block;
	position: relative;
}

#top-menu-wrapper{
	width: 763px;
	height: 40px;
	background: #666666 url('../images/layout/menu-left.png') no-repeat 0 0 !important;
	background-color: #5e5e5e;
}

	#top-menu-wrapper #top-menu{
		padding: 0px 15px;
		width: 733px;
		height: 40px;
		list-style-type: none;
		background: url('../images/layout/menu-right.png') no-repeat 752px 0;
	}
	
		#top-menu-wrapper #top-menu li{
			padding: 0px 0px;
			width: 90px;
			height: 40px;
			float: left;
		}
		
			#top-menu-wrapper #top-menu li a{
				padding: 10px 0px 0px 0px;
				width: 90px;
				height: 30px;
				display: block;
				text-align:center;
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
			}
			
			#top-menu-wrapper #top-menu li a:hover{
				background: url('../images/layout/menu-active.png') no-repeat 0 0 ;
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
			}

/* = top
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

#top-wrapper{
	margin-top: 2px;
	width: 763px;
	height: 234px;
}	

	#top-wrapper #top1{
		width: 289px;
		height: 234px;
		background: url('../images/layout/top1.png') no-repeat 0 0;
		float: left;
	}	
	
	#top-wrapper #top2{
		width: 221px;
		height: 234px;
		background: url('../images/layout/top2.png') no-repeat 0 0;
		float: left;
	}
	
	#top-wrapper #top3{
		width: 253px;
		height: 234px;
		background: url('../images/layout/top3.png') no-repeat 0 0;
		float: left;
	}
			
			
/* = content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-wrapper{
	margin: 0px;
	width: 763px;
	/*background: #f8f8f8 url('../images/layout/content-left.png') no-repeat 0 0;*/
	background-color: #f8f8f8;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	position: relative;
}

	#content-wrapper #left-corner{
		width: 12px;
		height: 12px;
		background: url('../images/layout/content-left.png') no-repeat 0 0;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
	}
	
	#content-wrapper #right-corner{
		width: 12px;
		height: 12px;
		background: url('../images/layout/content-right.png') no-repeat 0 0;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
		z-index: 100;
	}

#content{
	padding: 33px 0px 0px 0px;
	width: 763px;
	/*background: url('../images/layout/content-right.png') no-repeat 751px 0;*/
	position: relative;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	color: #828282;
}

	#content #body{
		padding: 0px 25px 25px 25px;;
		border-left: 1px solid #b6b6b6;
		border-right: 1px solid #b6b6b6;
		height: auto !important;
		height: 300px;
		min-height: 300px;
	}

		#content #body h1{
			padding: 0px 0px 30px 0px;
			color: #0295ff;
			font-size: 23px;
			font-weight: normal;
		}
		
		#content #body h1 a{
			color: #0295ff;
			text-decoration: none;
		}
		
		#content #body h1 a:hover{
			color: #0295ff;
			text-decoration: none;
		}
		
  	/*~~~~ NEWS BOX ~~~~*/
	
	#content .news{
		padding-bottom: 20px;
		width: 400px;
		overflow: auto;
		border-bottom: 1px solid #ececec;
		margin-bottom: 20px;
	}
	
		#content .news .read-more{
			margin-top: 20px;
			width: 43px;
			height: 15px;
			background: url('../images/layout/mehr-button.png') no-repeat 0 0;
			display: block;
		}
	
		#content .news a.more{
			width: 43px;
			height: 15px;
			/*background: url('../images/layout/mehr-button.png') no-repeat 0 0;*/
			display: block;
		}
		
		#content .news a.more:hover{
			width: 43px;
			height: 15px;
			/*background: url('../images/layout/mehr-button.png') no-repeat 0 0;*/
			display: block;
		}
	
		#content .news img{
			margin: 0px 10px 10px 0px;
			border: 5px solid #ececec;
			float: left;
		}
		
		#content p{
			line-height: 1.5;
			text-align: justify;
		}
		
		#content .title{
			font-weight: bold;
		}
		
		#content .date{
			padding-bottom: 5px;
			color: #0295ff;
			display: block;
		}
		
		#content .text-first{
			display: block;
			float: left;
			width: auto !important;
			width: 250px;
			max-width: 250px;
		}
		
		#content .text{
			display: block;
			float: left;
			
		}
   
	/*~~~~ AKTUELL BOX ~~~~*/
	#content #aktuell-box{
		border-left: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		width: 295px;
		background: #ffffff url('../images/layout/aktuell-box.png') left bottom;
		position: absolute;
		top: 0px;
		right: 1px;
		height: auto !important;
		height: 100px;
		min-height: 100px;
	}
	
		#content #aktuell-box #aktuell-header{
			padding: 25px 0px 25px 30px;
			width: 75px;
			height: 23px;
			background: url('../images/layout/aktuell-header.png') no-repeat 25px 25px;
		}
		
		#content #aktuell-box ul{
			padding: 0px 30px 25px 30px;
			list-style-type: none;
			list-style-position: inside;
			list-style-image: url('../images/layout/marker.png');
		}
		
			#content #aktuell-box ul li{
				padding: 5px 0px 5px 0px;
				width: 245px;
				height: 20px;
				border-bottom: 1px solid #cccccc;
			}
			
				#content #aktuell-box ul li a{
					_padding-left: 5px;
					color: #a4a4a4;
					text-decoration: none;
				}
				
				#content #aktuell-box ul li a:hover{
					color: #d71c43;
					text-decoration: none;
				}
				
				#content #aktuell-box p{
					padding: 0px 30px 25px;
				}
				
				#content #aktuell-box .read-more{
					width: 43px;
					height: 15px;
					background: url('../images/layout/mehr-button.png') no-repeat 0 0;
					display: block;
				}
				
				#content #aktuell-box a.more{
					width: 43px;
					height: 15px;
					/*background: url('../images/layout/mehr-button.png') no-repeat 0 0;*/
					display: block;
				}
				
				#content #aktuell-box a.more:hover{
					width: 43px;
					height: 15px;
					/*background: url('../images/layout/mehr-button.png') no-repeat 0 0;*/
					display: block;
				}
				
		#content #aktuell-box #aktuell-tr-corner{
			width: 12px;
			height: 12px;
			position: absolute;
			top: 0px;
			right: 0px !important;
			right: -2px;
			z-index: 10;
			background: url('../images/layout/content-right.png') no-repeat 0 0;
		}
		
/* =footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer{
	width: 763px;
	height: 35px;
	background: #6b6b6b;
	position: relative;
}

	#footer #footer-left{
		width: 11px;
		height: 11px;
		background: url('../images/layout/footer-left.gif') no-repeat 0 0;
		position: absolute;
		bottom: 0px;
		left: 0px;
		_bottom: -5px;
	}
	
	#footer #footer-right{
		width: 10px;
		height: 7px;
		background: url('../images/layout/footer-right.gif') no-repeat 0 0;
		position: absolute;
		bottom: 0px;
		right: 0px;
		_right: -1px;
		_bottom: -9px;
	}
	
	#footer span{
		color: #ffffff;
		padding: 10px 0px 0px 30px;
		display: block;
	}
	
	.sponsor{
		padding: 0px 5px 0px 0px;
		width: 150px;
		display: block;
		float: left;
	}
	
/* contact form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.error {
   color: red;
}

.message{
   color: #56ac00;
}
.contactForm {
   padding:0 0 10px 0px;
	width:360px;
   float:right;
}
form#kontakt-form{
   margin:0;
}

form#kontakt-form table{
   width:70%;
}

form#kontakt-form label{
   font-size:12px;
   font-weight:900;
   text-align:right;
   display:block;
   padding:0 5px 0 0;
}


form#kontakt-form td.checkboxes{padding:0 0 10px 0;}

form#kontakt-form td.checkboxes label{text-align:left;}

form#kontakt-form td.checkboxes div.left{width:45%;float:left;}

form#kontakt-form td.checkboxes div.right{width:45%;float:right;}


form#kontakt-form td.heading{
   font-size:12px;
   font-weight:900;
   padding:5px 0;
}

form#kontakt-form td{padding:2px 0;	}

form#kontakt-form td.submit{text-align:right;}

form#kontakt-form input.input{
   width:256px;
   font-size:11px;
   padding:2px;
   /*border:1px solid #ece9aa;*/
   border:1px solid #B6DDF6;
   /*background:#ffffec;*/
}
form#kontakt-form textarea#textfeld, form#kontakt-form select{
   border:1px solid #B6DDF6;
   /*border:1px solid #ece9aa;*/
   /*background:#ffffec;*/
   font-size:11px;
}

form#kontakt-form select{
   padding:3px;
}

form#kontakt-form input.submit{
   width:128px;
   height: 51px;
   font-size: 14px;
   color: #9b9b9b;
   font-weight:bold;
   background: url('../images/layout/button.png') no-repeat 0 0;
   border: none;
   cursor: pointer;
}

form#kontakt-form input.small{
   width:156px;
   padding:2px;
   margin:5px;
}

form#kontakt-form input#plz{width:45px;}

form#kontakt-form input#ort{width:200px;}
form#kontakt-form textarea#textfeld {width:260px;}