/* CSS Document */

/* 
########################################################################
	CSS - Guide
########################################################################
*/
/*
	Benutzte Farben
	#000000		Container Border
	#CA4597		Teaser Headline ;
	#CA4597		Inhalt Headline, Teaser Headline Schriftfarbe;
	#FFEBBE		Fußzeile;
	#6F2F30		Schriftfarbe Content, Teaser, H2;
	#B70271		Link Farbe
	#6F2F30		Hover Farbe
	#E7BA05		Spendenbox Background
	
	Benutzte Schriften
	Verdana		Container
*/


/*
	CSS für HTML Tags
*/

/* 
########################################################################
HTML Tags
########################################################################
*/

body {	
	background:url(../_img/layout/bg.gif) repeat-x;
	font-size: 1.0em;
	font-family: Verdana,Arial, Helvetica, sans-serif;	
    padding: 0;
	margin:0;	
	background-color:#fff;
}

p {
	padding:5px 0px;
	margin:0;
}

hr {
	border-top:1px solid #2F71B8;
}

/* Inhalt Seiten Überschrift h1 siehe #inhalt h1 */
h1{
	padding: 33px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
    	font-size: 13px;
	color:#333;
}

/* Teaser */
h2{
    font-size: 12px;
	color:#801A36;	
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	font-weight:bold;
}

h3{
    font-size: 11px;
color: #801a36;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	font-weight:bold;	
} 

/* Benutzt unter Navi für Filialen*/
h4 {
	font-size: 11px;
	color:#A02511;	
	padding:0px 0px 0px 0px;
	margin:15px 0px 3px 0px;
} 

strong {
	font-size:11px;
} 

.labelspannen {
	overflow:auto;
	scrollbars: no;
       background:url();
}

* html .labelspannen {
	overflow:auto;		
	scrollbars: no;
        float:left;
	display:block;
        background:url();	
}

label{
	width:150px;
	padding:0;
	margin:0px 0px 0px 0px;
	float:left;	
}

ul {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 20px 0px;	
}

li {
	padding:5px;
	margin: 0;
	list-style:none;
}

textarea {
	font-family:inherit;
	font-size:inherit;
	width:180px;
	height:70px;
}

textarea .gaestebuch {
	font-family:inherit;
font-size:inherit;
width:180px;
height:300px;
}



/* 
########################################################################
	HTML Link Tags 
########################################################################
*/

a {
	color: #801A36;
	text-decoration: none;
	outline:0;
}

a.active {
	color: #801A36;
	text-decoration: none;
}

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

a img{
	border: none;
}

/*
	CSS für 2-spaltiges Layout
*/

/* 
########################################################################
Header
########################################################################
*/
#header {
	width:980px;
	height:158px;
	padding:0;
	margin:0;
}

#headerNavigation {
	font-size:11px;
	padding-left:577px;
	margin:10px 2px 0px 0px;
	color:#c69f7e;
}
#headerNavigation a {
	color:#c69f7e;
	text-decoration:none;
}
#headerNavigation a:hover {
	text-decoration:underline;
}
#headerNavigation a.active {
	text-decoration:underline;
}
#headerNavigation ul {
	padding:0;
	margin:0;
	list-style:none;
}
#headerNavigation ul li {
	padding:0px 3px;
	margin:0;
	float:left;
}


#logo {
	width:196px;
	height:138px;
	float:left;
	margin-top:-24px;
	padding:0;
}

/* 
########################################################################
Grundaufbau
########################################################################
*/
#container{
    font-size:11px;
    margin: 0 auto;
    text-align: left;
    width:980px;
    color:#333;
}

/* 
########################################################################
Content
########################################################################
*/

#content {
	width:980px;
	padding:0px 0px 30px 0px;
	margin: 0;	
	line-height:1.5em;
}

#leftrow {
	background:url(../_img/layout/menschen.gif) no-repeat;
	width:274px;
	height:528px;
	padding: 0;
	margin: 0;	
	float:left;
}
  
#rightrow {
	width:706px;
	padding:51px 0px 0px 0px;
	margin: 0;	
	float:left;
}


#inhalt {
	background:url(../_img/layout/content_rahmen_kachel.gif) repeat-y;
	width:614px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}

#inhalt p {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

#inhalt a {
	color:#801A36;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
}

#inhalt a:hover {
	color:#801A36;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration:underline;
}

#inhalt_left {
	width:83px;
	padding:0px 8px 0px 13px;
	margin:0;
	float:left;
}

#inhalt_right {
	width:402px;
	padding:0px 32px 33px 66px;
	margin:0;
	background-color:#E9E0B1;
	opacity:0.95;
	filter:Alpha(opacity:95);
	min-height:352px;
	float:left;
}
* html #inhalt_right {
	width:382px;
	padding:0px 52px 0px 66px;
}

#inhalt_right hr {
	color: #801A36;
	height: 1px;
	border: none;
	border-top:1px dotted #801A36;
}


/* 
########################################################################
	Navigation
########################################################################
*/

#navigation {
	/*width:627px;*/
	font-size:13px;
	float:left;
	padding:88px 0px 0px 63px;
	margin:0;
}

#navigation ul {
	padding:0;
	margin: 0;
	display:block;	
}

#navigation ul li {
	padding: 0;
	margin: 0;
	display:inline;
	float:left;
}

#navigation ul li a, #navigation ul li a:active {
	padding: 0px 0px 0px 0px;
	margin: 0;
	display:block;
	float:left;
}

#navigation ul li a:hover{
	padding: 0px 0px 0px 0px;
	margin: 0;
	display:block;
}
/*Aktivierter Punkt*/
#navigation ul li a.active, #navigation ul li a.active:active {
	padding: 0px 0px 0px 0px;
	margin: 0;
	display:block;
}

#navigation ul li.active ul {
	display: block;
}

/* 
########################################################################
	Subnavigation
########################################################################
*/

#subnavigation {
	/*width:518px;*/
	width:610px;
	height:29px;
	/*padding:0px 0px 0px 98px;*/
	padding:0px 0px 0px 6px;
	margin:0;
	color:#801A36;
	font-size:12px;
}


#subnavigation ul {
	padding:0;
	margin: 0;
	display:block;
}

#subnavigation ul li {
	padding: 0;
	margin: 0;
	display:inline;
	float:left;
}

#subnavigation ul li a, #subnavigation ul li a:active {
	color:#801A36;
	padding: 0px 5px 0px 5px;
	margin: 0;
	display:block;
	text-decoration:none;
	font-weight:normal;
	float:left;
}

#subnavigation ul li a:hover{
	padding: 0px 5px 0px 5px;
	margin: 0;
	display: block;
	text-decoration:underline;
}
/*Aktivierter Punkt*/
#subnavigation ul li a.active, #subnavigation ul li a.active:active {
	padding: 0px 5px 0px 5px;
	margin: 0;
	display: block;
	text-decoration:underline;
}

#subnavigation ul li.active ul {
	display: block;
}


/*
	Immer benutzte Klassen
*/

/* 
########################################################################
	Floats
########################################################################
*/

.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0;
	display: block;
}

.floatright {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	display: inline;
}


.bildergalerie{
	width:120px;
	float: left;
	padding: 5px 5px 5px 5px;
	text-align: center;
	border: 2px solid #EAE1B5;
	display: block;
}

.bildergalerie:hover{
	border: 2px solid #801A36;
}

.antifloat {
	float:none;
	clear:both;
}
.clearleft{
	clear: left;
}

/* 
########################################################################
	Fehlermeldungen/ Rahmen
########################################################################
*/

.bilderrahmen {
	border: 1px solid #E9E0B1;
}

.fehlermeldung{
	color:#801A36;
	font-weight:bold;
}

.fehlerbox{
	background-color:#801A36;
	font-weight:bold;
        color: #E9E0B1;
padding: 20px;
margin: 2px;
text-align: center;
}

/* 
########################################################################
	Farben der Seite
########################################################################
*/

.rosa {
	color: #B70271;
}

.kurs_headline {
	color:#93751B;
	font-weight:bold;
}

.weiss {
	color:#fff;
}

/*

#content_links{
	width:282px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0;
}

#content_mitte{
	width:345px;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 10px 0px 0px;

}

#content_rechts{
	width:275px;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0;

}

#content_mitte_rechts{
	width:625px;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0;

}

#content_links_mitte{
	width:635px;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0;

}

#content ul, #content_links ul, #content_mitte ul, #content_rechts ul,
#content_mitte_rechts ul, #content_links_mitte ul{
	padding:0;
	margin:0;
}

#content li, #content_links li, #content_mitte li, #content_rechts li,
#content_mitte_rechts li, #content_links_mitte li{
	padding:0;
	margin: 2px 0px 2px 30px;
}

*/

/* 
########################################################################
News
########################################################################
*/

#inhalt_right .news {
	padding:0;
	margin:0px 0px 15px 0px;
}

#inhalt_right .termin {
	padding:0;
	margin:0px 0px 15px 0px;
}

#inhalt_right .datum {
	padding:0;
	margin:0px 0px 5px 0px;
	/*color:#801A36;*/
	font-weight:bold;
}

.webEdition {
	color: #00AEEF;
	font-weight: bold;
	text-transform: uppercase;
}



/* 
########################################################################
#partner 
########################################################################
*/

#partner {
	padding:20px 0px 20px 90px;
	margin:0px 0px 20px 0px;
}

#partner img{
	padding:0px 20px 10px 0px;
}

/* 
########################################################################
Footer
########################################################################
*/

#footer {
	padding: 0px 0px 10px 100px;	
	color:#801A36;
}

#footer ul{
	margin: 0;
	padding: 0px 5px 0px 0px;
	text-align: right;
}

#footer ul li {
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;

}

#footer ul li a:hover{
	text-decoration: underline;
	color:#801A36;
}

#footer ul li a.active{
	text-decoration: underline;
	color:#801A36;
}