@charset "utf-8";
/* CSS Document */

/* 
# Werbeagentur 3geist, kommunikativ - innovativ - kreativ
# Stand: Juni 2009
# CSS Formatierungen 
*/

/*	undo
*******************************************************************************/

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

img, a img,:link img,:visited img,  { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
	
ul,ol  { list-style:none; margin:0px; padding:0px }

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

.clear {
	clear:both;
	}

html {
	min-height: 100%;
	margin-bottom: 0px;	
	}

/*	allemeine Seitenformatierungen
*******************************************************************************/

body {
	margin: 0px;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;	
	background:url(../design/body_hg.gif) repeat top center;
	}
	
body,td,th,div {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	}


img {
	margin: 0px;
	padding:0px;
	}


#web {
	font-size:1.2em;
	background:url(../design/head_hg.gif) repeat-x top;
	}

#web a.top {
	visibility:hidden;
	}


/*
------------------------------------------------------- Kopfteil der Website ------------------------------------------------------
*/
	
#head {
	width:920px;
	margin:0px auto;
	}

/* Kopfteil Bildbereich ------------------------------------------------------ */

#head .middle {
	height:320px;
	padding:0 10px 0 10px;
	background:url(../design/head-middle-hg.gif) no-repeat;
	}

#head .middle .hnm  {	 /* Haupt-Navigation im Headbereich */
	background:url(../images/head_middle_navright-hg.gif) repeat-y right;
	float:left;
	width:225px;
	height:139px;
	padding:0;
	}

#head .middle .hnm .menu {	 

	}
#head .middle .hnm a.menu {	 
	width:200px;
	height:34px;
	margin:6px 0 5px 15px;
	display:block;
	color:#E7C4B3;
	font-size:1.1em;
	text-decoration:none;
	}
#head .middle .hnm a:hover {	
	}	
#head .middle .hnm a.active {	
	width:200px;
	height:34px;
	margin:6px 0 5px 15px;
	display:block; 
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/hnm-menu-active.gif) no-repeat right top;
	}	
	
#head .middle .hnm .line {	 
	background:url(../images/head_middle_navmd-hg.gif) repeat-x;
	width:223px;
	height:2px;
	}

#head .middle .hm {	/* Einleitungstext für Haupt-Navigation */
	float:left;
	width:625px;
	height:125px;
	padding:5px 0 0 15px;
	font-size:2.1em;
	line-height:1.3em;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	}


/*
-------------------------------------------------------- Mittelteil der Website ------------------------------------------------------
*/

#main {
	background:url(../design/main-hg.gif) repeat-y top;
	background-color:#62831E;
	width:900px;
	min-height:350px;
	margin:0px auto;
	padding:0 10px 25px 10px;
	}
	
#main .top {
	height:58px;
	padding:0 25px 0 25px;
	background:url(../design/main_top.jpg) no-repeat;
	}
#main .top h1 {
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
	margin:0px;
	padding:5px 0 0 0;
	border:0px none;
	}	
	
	
	
/* Hauptnavigation - Allgemeine Formatierungen ------------------------------------------------------ */


#main .left {
	width:340px;
	min-height:300px;
	float:left;
	margin:10px 0 0 25px;
	padding:0px;
	}
#main .left a {
	text-decoration:none;
	}


/* 
### Leftbox ------------------------------------------------------
*/

#main .left .leftbox {
	margin: 5px 0 5px 0;
	padding:1px;
	border: 1px dashed #506B19;
	
	}
#main .left .leftbox .box {
	color:#fff;
	font-size:0.9em;
	line-height:120%;
	margin: 0px;
	padding:3px;
	background-color:#6B8F21;
	}
#main .left .leftbox .box:hover {
	background-color:#709522;
	}
#main .left .leftbox .box .smallimg {
	float:left;
	padding:0 5px 0 0;
	margin:0px;
	}	
#main .left .leftbox .box h1,
#main .left .leftbox .box h2, 
#main .left .leftbox .box h3, 
#main .left .leftbox .box h3, 
#main .left .leftbox .box h4, 
#main .left .leftbox .box h5, 
#main .left .leftbox .box h6 {
	font-size: 1.1em;
	font-weight:bold;
	padding:0;
	margin:0 0 3px 0;
	color: #2C390C;
	border-bottom: 0px none;
	}
#main .left .leftbox .box p {
	padding:0;
	margin:2px 0 0 0;
	}	
#main .left .leftbox .box a {
	color:#2C390C;
	text-decoration:none;
	}	
#main .left .leftbox .box a:hover {
	text-decoration:underline;
	}
	


/*
------------------------------------------------------------ Inhaltsbereich
*/

#main .inhalt {
	width:470px;
	float:left;
	margin:10px 0 0 30px;
	font-size:1.0em;
	line-height:140%;
	color:#fff;
	}




#main .inhalt ul {	
	margin-left: 0px;
	padding: 6px 0 10px 15px;
	}
#main .inhalt li {
	list-style-type:disc;
	line-height:1.2em;
	padding: 0 0 8px 0;
	margin: 0 0 0 0;
	}
#main .inhalt ul.subcategories li {
	list-style-type:disc;
	color:#fff;
	}





/* 
--- Bildergalerie ------------------------------------------------------
*/

.optogal {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	border: 0px solid #fff;
	height:120px;
	}

.optogal a img {
	border:0px none;
	background-color:#FFF;
	padding:2px;
	}

.optogal a {
	border: 1px solid #354510;
	margin:0 4px 4px 0;
	padding:0px;
	display:block;
	float:left;
	}
.optogal a:hover {
	border: 1px solid #354510;
	margin:0 4px 4px 0;
	padding:0px;
	display:block;
	float:left;
	}	


/* 
--- Downloadsmodul ----------------------------------------------------------------------
*/


#main .inhalt .download { 
	margin:6px 0 10px 0;
	padding:1px;
	border:1px solid #506B19;
	background-color:#6D9221;
	}

#main .download-file { 
	padding:0;
	margin:0;
	background-color:#6D9221;
	}
#main .inhalt .download-file h3 { 
	margin:0;
	padding:0;
	text-decoration:none;
	}	
#main .inhalt .download-file a { 
	color:#fff;
	text-decoration:none;
	}
#main .inhalt .download-file a:hover { 
	text-decoration:underline;
	}
	
#main .inhalt .download-file img {
	border: 0px none;
	padding:2px 5px 0 0;
	float:left;
	}

#main .inhalt .download-desc { 
	color:#fff;
	background-color:#506B19;
	padding:0 3px 3px 3px;
	margin: 0px;
	}
#main .inhalt .download-desc p { 
	padding: 0px;
	margin: 0px;
	}	
#main .inhalt .download-without-desc { 
	margin-bottom: 5px;
	}
















/*
---------------------------------------------------------  Fußteil der Website ------------------------------------------------------
*/
#footer1 {
	background:url(../design/footer1-hg.gif) repeat-y;
	width:900px;
	padding:0 10px 0 10px;
	margin:0px auto;
	}

#footer {
	background:url(../design/footer_hg.jpg) repeat-x;
	height:170px;
	padding:0;
	}

#footer .left {	
	width:340px;
	float:left;
	margin:15px 0 0 25px;
	padding:0;
	color:#331C00;
	}
#footer .left h2 {
	font-size:1.2em;
	line-height:1.0em;
	color:#331C00;
	margin:0;
	padding:0 0 8px 8px;
	border-bottom:1px dashed #825C2E;
	background:url(../design/footer-left-h2.gif) no-repeat 0px 4px;
	}
	
#footer .left ul.nav1st {
	margin: 0px;
	padding:0px;
	}
	
#footer .left ul.nav1st li {
	margin: 0;
	padding:8px 0 8px 1px;
	border-bottom:1px dashed #825C2E;
	}

#footer .left ul.nav1st li a {
	margin:  0;
	padding: 0;
	color:#331C00;
	font-size:1.0em;
	text-decoration:none;
	}
#footer .left ul.nav1st li a:hover { 
	color:#AE885E;
	text-decoration:none;
	}	
	
#footer .left ul.nav1st li.active a.current{
	color:#AE885E;
	text-decoration:none;
	padding:0 0 0 8px;
	background:url(../design/footer-nav1st-active.gif) no-repeat 0px 4px;
	}

#footer .right {
	width:470px;
	float:left;
	margin:15px 0 0 30px;
	font-size:1.0em;
	line-height:1.2em;
	color:#331C00;
	}
#footer .right h3 {
	color:#331C00;
	margin:0 0 6px 0;
	padding:0;
	font-weight:normal;
	}		
#footer .right p {
	margin:0 0 8px 0;
	}	
#footer .right img {
	float:right;
	}	
#footer .right a {
	text-decoration:none;	
	color:#331C00;
	}	
#footer .right a:hover {
	text-decoration:underline;
	color:#331C00;
	}

#bottom {
	background:url(../design/footer-bottom.gif) no-repeat center top;
	height:30px;
	width:885px;
	padding:17px 75px 0 35px;
	margin:0px auto;
	text-align:right;
	font-size:1.1em;
	line-height:1.0em;
	color:#AE885E;
	}





/* ### Formular -------------------------------------------------------  */
#form-module * {
	padding:0;
	margin:0;
	}

#form-module {
	margin:20px 0 20px 0;
	padding:0px;
	width:470px;
	}

#form-module fieldset {
	border:1px solid transparent;
	}

#form-module legend {
	display:none;
	}


#form-module p {
	margin:0;
	padding-top:8px;
	font-weight:bold;
	}

#form-module .element {
	display:block;
	clear:both;
	}

#form-module label {
	display:block;
	float:left;
	padding:4px 13px  0px  3px ;
	width:60px;	
	text-align:left;
	font-size:1.0em;
	color:#fff;
	}

#form-module label.checkbox {
	width:240px;	
	padding:1px 0 0px 5px;
	line-height:120%;
	text-align:left;
	}

#form-module input.checkbox {
	width:14px;
	margin:1px 0px 0px 90px;
	padding:0;
	border:none;
	}

#form-module input, 
#form-module select, 
#form-module textarea {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.0em;
	color:#444;
	float:left;
	margin:1px 3px 3px 3px;
	padding:3px 0 0 3px;
	width:340px;
	border:1px solid #506B19;
	background-color:#FFF;
	}

#form-module input.text {
	height:20px;
	}


#form-module input.submit { 
	margin:0px 0px 0px 79px;
	width:345px;
	padding:3px;
	font-size:0.9em;
	border:1px solid #506B19;
	background-color:#506B19;
	color:#fff;
	text-align:center;
	cursor:pointer;
	}

#form-module input.submit:hover { 
	background-color:#5A791C;
	color:#fff;
	}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
	}

#form-module-thanks {
	display:block;
	color:#660000;
	font-size:1.0em;
	}