/*********************************Betrifft alles********************************************/
*{
	/*Browser geben immer einen unterschiedlichen Wert vor, hiermit verhindern wir dies*/
	margin:0;
	padding:0;
}
a img{
	/*Image ohne Umrandung*/
	border:0 none;
}
a{
	text-decoration:none;
	color:#203A0B;
}
a:hover{
font-weight:bold;
font-size:0.9em;
}
body{
	background:#D3EBA4;
	font: 100% Arial, Helvetica, sans-serif;
	color: #203A0B;
	text-align:center;
}
h1{
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:7px;
	margin-top:0px;
}
h2{
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:-5px;
}
h3{
	font-size:1em;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:3px;
	margin-bottom:2px;
}
p{
	font-size:0.9em;
	margin-bottom:10px;
	line-height:1.4em;
}
p a:hover{
	/*Damit bei a:hover die Links innerhalb eines Textes nicht kleiner #
	und fett werden, sondern einen Unterstrich erhalten.*/
	font-weight:normal;
	border-bottom:#203A0B 1px solid;
	font-size:1em;
}
address{
	position:absolute;
	font-style:normal;
	font-size:0.67em;
	top:185px;
	right:205px;
	background:white;
	z-index:102;
}
sup{
	/*Tag für Hochzahlen, z.B bei Quadratangaben*/
	font-size:0.6em;
}

/*DIV*/

#container{
	/*umfasst den gesamten Bereich samt Header und Footer*/
	margin: 0 auto;
	width:1024px;
	position: relative;
	text-align:left;
}
#logo{
	position:absolute;
	top:80px;
	left:740px;
	width:120px;
	background:transparent;
	/*Logo ist transparent.
	Damit kann es als Link dienen, 
	aber das was man sieht, ist im Headerbild 
	enthalten*/
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#head{
	background: transparent url(../img/head.jpg) no-repeat;
	height: 230px;
	width:1024px;
}
#main{
	/*umfasst den ganzen Inhalts-Bereich mit der rechten Spalte*/
	background: transparent url(../img/content_bg_gross.jpg) repeat;
	width:1024px;
	min-height:250px;
	/*min-height:250px;*/
	height:auto !important;  /* für moderne Browser */
	height:250px;  /*für den IE */
	padding-bottom:5px;
	position:relative;
}
#column{
	/*rechte Spalte*/
	position:relative;
	margin-top:31px;
	float:right;
	width:155px;
	right:203px;
	text-align:right;
}
#column_tall{
	/*rechte Spalte*/
	position:relative;
	margin-top:31px;
	float:right;
	width:200px;
	right:203px;
	text-align:right;
}
#column img, #column_tall img{
	margin-top:5px;
}
#column h3, #column_tall h3{
	text-align:left;
	margin-bottom:-5px;
	font-size:0.9em;
}
#content{
	/*linke Spalte*/
	position:relative;
	margin:0 0 0 205px ;
	width:444px;
}
#content_small{
	/*linke Spalte*/
	position:relative;
	margin:0 0 0 205px ;
	width:399px;
}
#content img, #content_small img{
	margin-bottom:10px;
}
#content li, #content_small li{
	margin-left:18px;
	font-size:0.9em;
	margin-bottom: 6px;
	line-height:1.4em;
}
#content ul, #content_small ul{
	margin-bottom:10px;
}
#content_breit{
	/*Bei Inhaltsverzeichnis*/
	margin:0 0 0 205px ;
	width:615px;
	background:transparent url(../img/logo_hintergrund.gif) no-repeat;
}
#footer{
	position:relative;
	background: transparent url(../img/footer.jpg) no-repeat;
	min-height:85px;
	height:auto !important;  /* für moderne Browser */
	height:85px;  /*für den IE */
}

/*Klassen*/
p.teaser{
	/*Wenn Text hervorgehoben werden soll*/
	font-weight:bold;
	font-size:1.2em
}
.akt{
	/*Wenn Button aktiv sind*/
	font-weight:bold;
	font-size:0.9em
}
.akt_img{
	/*Wenn Bilder aktiv sind*/
	border-width:1px;
	border-style: solid;
	border-color:red;
	text-align:center;
	width:58px;
}
.akt_img_gross{
	/*Wenn Bilder aktiv sind*/
	border-width:1px;
	border-style: solid;
	border-color:red;
	text-align:center;
	width:153px;
}
.kein_link{
	font-weight:bold;
	color:#B8D285;
}
.senden{
	/*Hovereffekt mit Javascript gelöst!*/
	background:transparent;
	margin:5px 0 0 0;
	border:0;
	cursor: pointer;
	font-size:0.8em;
	color:#203A0B;
	vertical-align:top;
}
.text_input{
	/*Forum: Alle Input-Felder*/
	border:0;
	width:278px;
	background:transparent;
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #203A0B;
}
.input{
	/*Damit die Eingabefelder eine minimale Höhe von 29px haben.*/
	min-height:29px;
	height:auto !important;  /* für moderne Browser */
	height:29px;  /*für den IE */
}
.abstand_oben{
	margin:350px 0 5px 0 !important;
	margin:30px 0 5px 0;
	font-size:0.8em;
	z-index:100;
}
.abstand{
	line-height:18px;
}
.abstand_gross{
	line-height:30px;
	margin-top:20px;
}

.clear{
	/*Wenn gefloatet wurde, wird diese verwendet*/
	clear:both;
}
.bold{
	/*Immer wenn Text fett werden soll*/
	font-weight:bold;
}
.underline{
	font-weight:normal;
	border-bottom:#203A0B 1px solid;
}

/******************************Navigation*****************************/
#nav_haupt{
	position:absolute;
	top:0px;
	right:183px;
	background:#566F44;
	text-align:left;
	font-size: 0.8em;
	width:509px;
}
#nav_haupt li{
	list-style:none;
	display:inline;
}
#nav_haupt a{
	color:#E5F2C9;
	background:#566F44;
	padding:5px 7px 5px 7px;
	float:left;
	margin-left:1px;
}
#nav_haupt a:hover{
	font-weight:normal;
	background:#E5F2C9;
	color:#203A0B;
	font-size:1em;
}
#nav_haupt .akt{
	font-weight:normal;
	background:#E5F2C9;
	color:#566F44;
	font-size:1em;
}
#nav_sub{
	position:absolute;
	top:270px;
	left:45px;
	width:120px;
	font-size:0.8em;
	z-index:100;
	text-align:right;
	border-top:1px solid;
	padding-top:10px;
}
#nav_sub li{
	list-style:none;
	margin-bottom:10px;
}
#nav_bereich{
	font-size:0.8em;
	width:155px;
	margin-bottom:25px;
	border-top:1px solid;
	padding-top:10px;
}
#nav_bereich li{
	list-style:none;
	text-align:left;
	margin-bottom:10px;
}
#nav_bereich li.margin_bottom{
  margin-bottom:15px;
}
#nav_bereich_position{
	margin-top:7px;
}

#nav_meta{
	padding: 20px 0px 40px 0px;
	/*float:right;*/
	text-align:right;
	margin-right:205px;
	font-size:0.8em;
}
#nav_meta li{
	list-style:none;
	display:inline;
	margin-left:10px;
}
#nav_meta a:hover{
	font-weight:normal;
	border-bottom:1px solid;
	font-size:1em;
}
#nav_meta .akt{
	font-weight:normal;
	border-bottom:1px solid;
	font-size:1em;
}


/************************Home editieren***************************/
select{
	border:#fff 1px solid;
	width:157px;
	height:20px;
	background:#ECFACF;
	color:#203A0B;
	margin:5px 8px 0 8px;
	font-size:0.8em;
	vertical-align:middle;
}
option{
	position:relative;
	margin-top:5px;
	border:0;
	vertical-align:top;
	text-align:left;
	cursor: pointer;
	padding-left:4px;
}
input{
	width:auto !important;
	width:0;
	overflow: visible;
	height:19px;
	border:0;
}
#besucher_zahl{
	position:absolute;
	top:5px;
	right:30px;
	text-align:right;
}
#button_reihe{
	position:relative;
	width:440px;
	height: 25px;
	background:#ECFACF;
	margin-bottom:10px;
}
#button_untereinander{
	position:absolute;
	top:230px;
	left:0px;
	width:171px; 
	background:#ECFACF;
	padding:8px 0 8px 0;
	z-index:100;
}
.senden_reihe{
	margin:5px;
	float:left;
	/*Nur für IE wichtig! Damit Button bei Hover (underline) nicht nach rechts springen)*/
	border-bottom:transparent 1px solid;
}
.senden_right{
	margin:5px;
	position:relative;
	float:right;
	/*Nur für IE wichtig! Damit Button bei Hover (underline) nicht nach rechts springen)*/
	border-bottom:transparent 1px solid;
}
.senden_untereinander{
	margin-left:8px;
	padding-right:-10px;
}
.breit{
	width:440px;
}
.subnavi{
	width:157px;
	margin:8px;
	background:white;
	font-size:0.8em;
}
.headline_subnavi{
	margin:10px 0 0 8px;
	font-size:0.9em;
	font-weight:bold;
}

/****************************Popup*********************************************/
#fenster{
	text-align:left;
	margin:20px;
	background: transparent url(../img/logo_gross.jpg) no-repeat;
	font-size:0.9em;
}
/**************************Inhaltsverzeichnis**********************************/
#inhalt{
	font-size:0.8em;
	line-height:30px;
}
#inhalt_tiefe1{
	margin-left:20px;
	line-height:25px;
}
#inhalt_tiefe2{
	margin-left:40px;
	line-height:20px;
	font-size:0.9em;
	margin-bottom:5px;
}
#inhalt a:hover{
	font-size:1em;
}

/**********************Forum*******************************/
.tabelle{
	/*Bei Forum verwendet, umschließt linke und rechte Spalte*/
	position:relative;
	background:#203A0B;
	border:1px;
	border-style:solid;
	border-color:#fff;
	width: 444px;
	float:left;
}
.linke_spalte{
	/*Bei Forum verwendet, beinhaltet Name, Datum und Uhrzeit*/
	position:relative;
	color:#fff;
	width:150px;
	font-size: 0.75em;
	line-height:18px;
	float:left;
}
.rechte_spalte{
	/*Bei Forum verwendet, beinhaltet den Text*/
	font-size:0.8em;
	background:#ECFACF;
	margin-left:150px;
	
	min-height:65px;
	height:auto !important;  /* für moderne Browser */
	height:65px;  /*für den IE */
}
.innen{
	/*Bei Forum: Innen-Div bei linker und rechter Spalte, damit man Padding anwenden kann.*/
	padding:5px;
	position:relative;
}
.frage{
	/*Verwendung bei Email, damit Nutzer weiß, wo seine Email verwendet wird.*/
	cursor: help
}
.abbrechen{
	/*Abbrechen-Button. Forum*/
	position:absolute;
	top:236px;
	right:375px;
	font-size:0.8em;
}
.button_right{
	/*Forum-Admin Button: Einträge löschen*/
	font-size:0.7em;
	text-align:right;
	width:100px;
	float:right;
	position:relative;
	right:1px;
	line-height:20px;
}
.button_left{
	/*Forum-Admin Button: öffnet Outlook*/
	font-size:0.7em;
	width:100px;
	position:relative;
	left:2px;
	line-height:20px;
}
.leer{
	/*Wenn es keine Emailadresse gibt*/
	color:#B8D285;
}
.navi_bereich{
	/*Umschließt die Button Eintrag löschen und Email schreiben, damit Position stimmt*/
	position:relative;
}

/*Seitenzähler*/
#page_count{
	position:absolute;
	top:235px;
	right:376px;
}
#page_count a{
	margin-left:5px;
	font-size:1em;
}
#page_count a:hover{
	font-size:1em;
}
#page_count akt{
	font-size:1em;
}
.klein{
	/*Pagezähler*/
	font-size:0.7em;
}
/***********************Fotoalbum********************************/
img.hochformat{
	width:300px;
}
img.querformat{
	width:430px;
}
#thumbnails{
	position:relative;
}
.thumb{
	margin-right:5px;
}

/**********************Onlineshop************************/
#onlineshop table{
	font-size:1em;
	width:100%;
	border: 0px solid;
	color:black;
}
#onlineshop tr{
	border:0;
}
#onlineshop td{
	padding:5px;
	vertical-align: middle;
	border:white 1px solid;
}
#onlineshop{
	margin:0 0 0 200px ;
	width:625px;
}
#onlineshop h1{
	margin-left:13px;
}
#onlineshop_erklaerung{
	width:590px;
	margin-left:13px;
}
#onlineshop input{
	border:#aaa 1px solid;
	width:90%;
	height:19px;
}
#onlineshop a{
	color:#777;
	
}
#onlineshop a:hover{
	font-weight:normal;
	color:Black;
	font-size:1em;
	border:0;
}
#onlineshop ol{
	font-size:0.9em;
	margin-left:20px;
}
#onlineshop li{
	margin-bottom:5px;
}
#nav_sub_fixed{
	position:absolute;
	top:270px;
	left:0px;
	width:160px;
	font-size:0.8em;
	z-index:100;
	text-align:right;
	border-top:1px solid;
	padding-top:10px;
}
#nav_sub_fixed li{
	list-style:none;
	margin-bottom:8px;
}
#nav_sub_fixed_right{
	position:absolute;
	top:270px;
	right:0px;
	width:160px;
	font-size:0.8em;
	z-index:100;
	border-top:1px solid;
	padding-top:10px;
}
#nav_sub_fixed_right li{
	list-style:none;
	margin-bottom:8px;
}
#agb{
	margin-left:20px;
	font-size:0.9em;
}
.senden_ohne-size{
	/*Hovereffekt mit Javascript gelöst!*/
	/*Onlineshop (Button in Tabelle)*/
	background:transparent;
	border:0;
	cursor: pointer;
	color:#203A0B;
}
#onlineshop .button{
	width:80px;
	height:19px;
	border:0;
	background:#777777;
	color:white;
}
#onlineshop #vba{
	border:0;
	width:auto !important;  /* für moderne Browser */
	height:20px;  
}

/******************************Team***********************************/
.beruf_bez{
	margin-top:-10px;
	font-size:0.8em;
}


/************************************************************/
/*???????????????????????????????????????????????????????????????*/
/*.liste{
	width:444px;
	font-size:0.9em;
}
.liste li{
	list-style:none;
	margin-bottom:10px;
}*/

/* *********Cursor-Varianten ******************** */
/*
A.cur01 {cursor: crosshair}
A.cur02 {cursor: help}
A.cur03 {cursor: pointer}
A.cur04 {cursor: wait}
A.cur05 {cursor: text}
A.cur06 {cursor: move}
A.cur07 {cursor: auto}
A.cur08 {cursor: default}
A.cur09 {cursor: e-resize}
A.cur10 {cursor: ne-resize}
A.cur11 {cursor: nw-resize}
A.cur12 {cursor: n-resize}
A.cur13 {cursor: se-resize}
A.cur14 {cursor: sw-resize}
A.cur15 {cursor: s-resize}
A.cur16 {cursor: w-resize}
*/