@import url("reset.css");

/* reguläre definitonen  START */
html, body, iframe {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #FFFFFF url('../_img/background.jpg');
}

table {
	float:none;
}

H2{
	color:#850502;
	font-weight:bold;
	font-size:15px;
	margin-top: 0px;
	margin-bottom: 7px;	
}

H1.detail{
	color:#850502;
	font-weight:bold;
	font-size:14px;
	margin-top: 0px;
	margin-bottom: 15px;	
}

.overline{
	color:#666666;
	font-size:12px;
	font-style:normal;
	margin-top: 5px;
	margin-bottom:0px;
	font-weight:lighter;	
}

H1{
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin-top: 0px;
	margin-bottom: 5px;	
}
H3{
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin-top: 0px;
	margin-bottom: 5px;	
}

#icon{
	float:right;
}
#icon img{
	margin-left: 6px;
}

H3.related{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin-top: 0px;
	margin-bottom: 4px;	
}

#root {	
	margin: 0%;
	height: 100%;
}

#container2{
	width: 863px;
	height: auto !important;
	height: 100%;	
	min-height: 100%;
	background: #FFFFFF url('../_img/panel_background.jpg') repeat-y top;
}

#container {
	margin: 0%;	
	height: auto !important;
	height: 100%;	
	min-height: 100%;
	width: 800px;
	text-align: left;
}

#header{
	margin: 0%;	
	height: 144px;
	width: 800px;
	padding-top: 23px;
	border-bottom: 1px solid #000000;
}

#header-logo{
	float:left;
	margin:0 25px 0 0;
}

#header-searchbox{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	margin:0%;
	padding:0%;
	height:22px;;
}

#header-topten{
	margin-top:33px;
	float:left;
}

#header-topten-entry{
	border-left: 1px solid #000000;
	width:265px;
	height:72px;
	float:left;
	padding-left:10px;
	font-size:11px;
	vertical-align:top;
}

#header-topten-entry img{
	margin-bottom: 10px;
}

#header-topten-text{
	margin: 0%;
	float:left;
}

#content{
	min-height: 1920px;	

}
#commercial{
	float:right;
	height: 980px;
	width: 160px;
}

#page{
	margin-top:0px;
	width:500px;
	min-height: 1260px;
	line-height:18px;
}

#footer{
	margin-top: 10px;
	height: 32px;
	width: 795px;
	padding-top: 6px;	
	font-size:11px;
	border-top: 1px solid #000000;
}

#footer-text{
	color:#999999;
	margin-top:30px;
	text-align: right;
    margin-right: 5px;
}

#footer-copyright{
	float:left;
	text-align:left;
	font-weight:bold;
}

#footer-menue{
	float:right;
	text-align:right;
}

#search-head{
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	width: 620px;
	height:38px;
	vertical-align:middle;
}

#search-head-text{
margin-top:12px;
}

#footer-menue-entry{
	margin-left: 15px;
	float:left;
}

#element-teaser{
	margin: 20px 0 0 0;
	width: 500px;
	padding-bottom:20px;
}

#element-teaser-noborder{
	margin: 20px 0 25px 0;
	width: 500px;
	height: auto !important;
	height: 100%;	
	min-height: 100%;
}

#element-teaser-small{
	margin:0%;
	width: 240px;
	float:left;
	margin-right:10px;
}

#content-picture{
margin-bottom:20px;
}

#content-picture-left{
	float:left;
	margin-right:20px;
}

#content-picture-right{
	float:right;
	margin-left:20px;
}
.content-picture-right{
	clear: right;
	float:right;
	margin-left:20px;
}

#content-teaser{
	margin-left:135px;
	height:100%;
}

#content-teaser-message{
text-align:left;
}

#content-files{
	margin:25px 0 25px 0;
}

#content-related{
		margin:25px 0 25px 0;
}

#content-full{
	width:500px;
}
#content-picture-left{
	float:left;
	margin: 3px 22px 0 0;
}

#pages-menue{
	margin-top:20px;
	width:500px;
	min-height:20px;
}

#pages-left{
	float:left;
	text-align:left;
	width:100px;
}

#pages-middle{
	float:left;
	text-align:center;
	width:290px;
}

#pages-right{
	float:left;
	text-align:right;
	width:110px;
}

#text-bold-red{
	font-weight:bold;
	color:#850502;
}

#topten_top1{
	width:100%;
}

#topten-last{
	width:100%;
}

.v-strich{
	margin: 0 5px;
}

#source{
	color:#999999;
	font-size:10px;
	text-align:left;
	margin-top:5px;
	width:500px;
	line-height: 12px;
}

#source-left{
	color:#999999;
	font-size:10px;
	text-align:right;
	margin-top:5px;
	width:180px;
	margin-bottom:10px;
	line-height: 12px;
}
#source-right{
	color:#999999;
	font-size:10px;
	text-align:right;
	margin-top:5px;
	width:180px;
	margin-bottom:10px;
	line-height: 12px;
}

#source-pic-bottom-left{
	color:#999999;
	font-size:10px;
	text-align:left;
	margin-top:5px;
	width:220px;	
	margin-bottom: 20px;
	line-height: 12px;
}

#source-pic-bottom-right{
	color:#999999;
	font-size:10px;
	text-align:left;
	margin-top:5px;
	width:220px;
	float:right;	
	margin-bottom: 20px;
	line-height: 12px;
}

#pic-bottom{
	margin-top: 20px;
	line-height: 12px;
}

#pic-bottom-left{
	float:left;
	text-align:left;
	line-height: 12px;
}

#pic-bottom-right{
	text-align:right;
	line-height: 12px;
}

IMG {
	text-decoration:none;
	border:none;
}

img.search_btn{
	width:20px;
	height:18px;
	vertical-align:middle;
	
}

img.header-topten{
	margin-right:10px;	
	float:left;
}

img.picture-big{
	
}

img.picture-teaser-big{
	float:left;
	margin:0 20px 14px 0;
}

img.text-picture-left{
}


A:link {
	color: #850502;
	text-decoration: underline;
}
A:visited {
	text-decoration: underline;
	color: #850502;
}
A:hover {
	text-decoration: none;
	color: #850502;
}
A:active {
	text-decoration: none;
	color: #850502;
}

a.content:link {
	color: #000000;
	text-decoration: none;
}
a.content:visited {
	text-decoration: none;
	color: #000000;
}
a.content:hover {
	text-decoration:none;
	color: #850502;
}
a.content:active {
	text-decoration:none;
	color: #850502;
}

#Menu1 a.content-selected {
	color: #850502;
	text-decoration: none;
}



a.footer:link {
	color: #000000;
	text-decoration: none;
}
a.footer:visited {
	text-decoration: none;
	color: #000000;
}
a.footer:hover {
	text-decoration:underline;
	color: #850502;
}
a.footer:active {
	text-decoration:underline;
	color: #850502;
}

a.title:link {
	color: #850502;
	text-decoration: none;
}
a.title:visited {
	text-decoration: none;
	color: #850502;
}
a.title:hover {
	text-decoration:underline;
	color: #850502;
}
a.title:active {
	text-decoration:underline;
	color: #850502;
}

input.searchbox{
	font-size:10px;
	vertical-align:middle;
	width:170px;
}

p.content-text{
	margin:0%;
}

#navigation{
	margin: 10px 0 30px 0;
	z-index:1;
	width:800px;
}

DIV.trenner{
background: #FFFFFF url('../_img/trenner.gif');
background-repeat:no-repeat;
width:500px;
height:1px;
margin: 20px 0 10px 0;
}

DIV.trenner2{
background: #FFFFFF url('../_img/trenner.gif');
background-repeat:no-repeat;
width:500px;
height:1px;
margin: 0%;
}

DIV.subress{
	
}
  
.long{
	width:500px;
}


#top{
   float: left;
}


.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

/* The following rule is a fix for a CSS specifity bug in IE. Without this fix
   IE incorrectly applies the left red border to any NOROLL item on hover/focus.
   If you don't use any NOROLL items, you will not need this rule at all. */

#Menu1 a.NOROLL {
	border-color:#fff !important;
}

#versendenHeadline{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}
#empfehlen{
	width: 460px;
	height: 460px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 20px;
}
#trenner{
	margin: 10px 0 20px 0 ;
	height: 1px;
	border-bottom: 1px dotted #999999;
}

#versendenForm{
	margin: 30px -20px 20px -20px;
	background-color: #f0f0f0;
	padding: 20px;
}

#erfolg{
	font-weight:bold;
	color: #850502;
	margin-top: 200px;
	margin-left: 80px;
	font-size: 12px;
}


/* GALLERY */

.gallery{
    border-top: 1px dotted #cecece;
	border-bottom: 1px dotted #cecece;
	width: 100%;
	margin: 20px 0 20px 0;
}

.gallery-headline{
	color: #870301;
	font-weight:bold;
	margin: 8px 0 5px 0;
}

.gallery-pictureBox{
	width: 100%;
	border: 1px solid #cecece;
	background-color: #f0f0f0;
	text-align: center;
}

.gallery-picture{
	 margin: 8px 5px 8px 5px; 
}

.gallery-description{
	margin: 5px 0 8px 0;
	color: #5d5d5d;
}

/* Veranstaltungen */

fieldset{
	margin-bottom: 6px;
}

legend{
	color: #333;
	font-weight: bold;
}

.checkbox{
	width: 50px;
	margin-right: 150px;
}



.social {
	font-weight: bold;
	margin-bottom: 10px;
}

.social img{
	vertical-align: text-bottom;
	margin-right: 2px;
}

.social a{
	color: #000;
	text-decoration: none;
}

#iconBar{
	margin-bottom: 20px;	
	padding-bottom: 4px;
	border-bottom: 1px dotted #000;
}

#twitter_update_list{
	list-style: none;
	padding: 0;
	margin: 15px 0 20px 0;
}

.twitterIcon{
	vertical-align: text-bottom;
	margin-right: 4px;
}

#twitter_update_list li{
	margin-top: 10px;
	width: 450px;
}

.breadcrumb{
	height: 20px;
	width: 500px;
	border-bottom: 1px dotted #000;
	padding-botom: 10px;
	margin-bottom: 20px;
	font-weight:bold;
}

.breadcrumb a{
	font-size:11px;
	color:#7D7D7D;
	font-weight:normal;
	text-decoration:none;
}

.breadcrumb a:hover{
	color:#636363;
	text-decoration:underline;
}

.breads{
	float: left;
}