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

@media all
{

/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	B A S E  S T Y L E S
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

* { /* reset default values */
    margin: 0;
    padding: 0;
    outline: 0;
}

#page{ 
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
	float:none;
}

#page_margins {min-width: 800px; max-width: 800px; margin:auto;}

body {
	color:#000000;
	font-size: 81.25%;
	font-family: Arial, Helvetica, sans-serif; 
	float:none;
	position:relative;
	left:0px;
	top:0px;
	margin: 0; 
	padding: 0;
	background: url(../images/elements/bg-body.jpg) repeat-x top;
	background-attachment:fixed;
}

/* 13px */
h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#aac20f;
	text-shadow:1px 1px 3px #b7b7b7;
}

h1 {
	font-size: 30px; 
	margin: 35px 0px 40px 0px; 
	padding: 0px; 
}

h2 {
	font-size: 24px; 
	margin: 20px 0px 25px 0px; 
	}


h3 {
	font-size: 20px; 
	margin: 20px 0px 15px 0px;
	color:#95772e;
	}
	
h4 {
	font-size: 18px; 
	margin: 50px 0px 10px 0px;
	color:#95772e;
	}


p,dd,dt { line-height: normal;}
p { margin: 10px 0 10px 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}

/* BILD POSITIONIERUNGEN */
img.float_left { float: left; margin-right: 1em; margin-bottom: 1.0em; border:0; }
img.float_right { float: right; margin-left: 1.5em; margin-bottom: 1.5em; margin-top: 1.5; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

img.framed {padding:5px; border: 1px #000 solid; background: #f4f4f4; margin: 5px 5px 5px 5px; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

img {
    border: none;
}

form {
	display:inline;
}

.meta {
	position: absolute;
	visibility: hidden;
}
abbr,
acronym {
	text-decoration: none;
	border: none;
	cursor: help;
}

.clear {clear: both;}

/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	Header 
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

#header {
    width: 960px;
	height: 250px;
	position:relative;
}

/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	M A I N M E N U
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

#menu {
	width: 960px;
	height: 30px;
	padding: 15px 0px 0px 0px;
	position:relative;
	background-color:#aac20f;
}

#menu a {
	font: normal 16px Helvetica, Arial, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}

#menu a:hover,
#menu a:active,
#menu a:focus {
		color:#95772e;
}

#menu ul {
	margin: 0px 0px 0px 20px;
}

#menu li {
	display:inline;
	padding:10px 40px 10px 0px;
}


/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	C O L  R I G H T
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

#col-right {
	width: 300px;
	position: relative;
	float:right;
	padding: 0px 10px 0px 0px;
}

/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	M A I N C O N T E N T
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

#content-wrapper {
	position: relative;
	float:left;
	width:960px;
	min-height:300px;
	background-color:#FFF;
}

#content {
	float:left;
	position:relative;
	width:610px;
	padding: 0px 20px;
	background-color:#FFF;
}

#home #content {width: 920px;}

#content p {
	color:#484848;
	font: normal 14px/1.8 Helvetica, Arial, sans-serif;
}

#content a {
	text-decoration:underline;
	color:#aac20f;
}

#content a:hover {text-decoration:none;}

.maps {
	float:right;
	position: relative;
	margin: 40px 20px 20px 0px;
	border-left: 1px dashed #666;
	padding-left:30px;
}

/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	F O O T E R 
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

#footer {
    width: 940px;
	height:40px;
	position: relative;
	clear:both;
	background-color:#CCC;
	padding: 5px 0px 0px 20px;
}

#footer p {
	font-size: 14px;
	color:#FFF;
}

#footer a {
	color: #FFF;
	text-decoration: underline;
}

#footer a:hover {text-decoration:none;}

#credit {
	position:relative;
	width:100%;
	margin: 0px auto;
	color: #CCC;
	text-align: center;
	padding: 2px 0px;
	margin-top:40px;
}

#credit a {color:#CCC;}

}


/*XXXXXXXXXXXXXXXXXXXXX
Form 
XXXXXXXXXXXXXXXXXXXXXX*/

form {
        display: inline
    }

.form {
        padding: 5px
    }
    .form .optionen {
        margin-bottom: 20px
    }
    .form textarea {
        width: 140%;
        height: 100px
    }
    .form label {
        margin-top: 9px;
        margin-left: 5px
    }
    .form p {
        width: 20%;
        height: 10%;
        float: left
    }
    .form label {
        float: left
    }
    .form:nth-child(odd) {
        background: #fafafa;
    }

    .form input, .form textarea {
    	padding: 5px 10px;
    	min-width: 300px;
    	font-family: inherit;
    	font-size: inherit;
    }

    input.button {
    	padding: 5px 10px;
    }
  .clear {
  	clear: both;
  	float: none;
  }


  /* Button */
  input.button {
    background: #aac20f none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 40px;
    padding: 10px 15px;
    cursor: pointer;
}

.button:focus, .button:active {
    box-shadow: -2px -2px 10px #3b5323 inset;
}
.button:focus, .button:active {
    box-shadow: -2px -2px 10px #3b5323 inset;
}