body, h1, h2, h3, p, quote, small, form, input, ul, li, ol, label {
margin : 0;
padding : 0;
}

body {
height:100%;
text-align: left;
font-family : Calibri, sans-serif;
font-size: 1em;
line-height: 1.4em;
color: #666666;
background-color: #f8f5ec;
}

#pagewrap{
max-width : 960px;
height : auto;
margin-right : auto;
margin-left : auto;
background-color: white;
margin-bottom: 4%;
}

#header{
width : 100%;
height : auto;
}

#content{
width :880px;
height : auto;
margin-right : auto;
margin-left : auto;
margin-top: 30px;
}

#logo {
width : 297px;
margin-right : auto;
margin-left : auto;
}

#menu {
line-height: 1.5em;
width :96%;
height : auto;
margin-right : auto;
margin-left : auto;
}

img {
border: 0px;
max-width: 100%;
height: auto;
}

.btn {
display: block;
border: 0px;
margin:0 auto;
}

.leftcol{
width: 272px;
float: left;
}

.leftcolbig{
width: 576px;
float: left;
}

.rightcol{
width: 567px;
float:right;
}

.rightcolsmall{
width: 272px;
float:right;
}

#blockcontainer {
width :880px;
height: 235px;
margin-right : auto;
margin-left : auto;
display: block;
}

.block {
float: left;
width :215px;
height: 195px;
padding: 25px;
font-size: 0.9em;
line-height: 1.3em;
overflow: auto;
margin-right : auto;
margin-left : auto;
background-image: url('/uploads/images/ecke.png'); 
background-repeat: no-repeat;
background-position:0px 27px;
}

#footer {
font-size: 0.8em;
line-height: 1.5em;
color : #aaaaaa;
width :96%;
height : 180px;
margin-right : auto;
margin-left : auto;
border-top: 1px solid #e2e2e2;
margin-top: 5%;
padding-top: 3%;
padding-bottom: 3%;
}

.footerblock {
float: left;
height: auto;
min-height: 175px;
min-width: 100px;
overflow: auto;
}

/* .......................................................THUMBS */

.thumbbox{
float: left;
width : 270px;
height : auto;
}

.thumb {
width : 268px;
height : 228px;
border: 1px solid #e2e2e2;
margin-bottom: 4%;
}

.thumb a:hover {
opacity: 0.75;
}

.thumbleistungen {
float: right;
width : 268px;
height : 228px;
border: 1px solid #e2e2e2;
margin-left: 4%;
}

.thumbbox a{
color: #666666 !important; 
}

/* ....................................................SCHRIFTEN */

h1 {
font-size : 1.6em;
font-weight: 400;
color : #e1ab3e;
line-height: 1.1em;
padding-bottom: 2%;
}

h2 {
font-size : 1.2em;
font-weight: 400;
line-height: 1.4em;
}

h2.colour {
color : #4d96a7;
}

h3 {
font-size : 1.2em;
font-weight: 400;
line-height: 1.4em;
color : #e1ab3e;
}


.zitat {
font-size : 1.4em;
font-style:italic;
color : #8e8e8e;
text-align: center;
line-height: 1.3em;
padding-top: 2%;
margin-top: 30px;
margin-bottom: 35px;
padding-bottom: 1%;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
display: block;
width :100%;
margin-right : auto;
margin-left : auto;
}


blockquote {
margin-left:0px;
margin-top: 5px;
margin-bottom: 14px;
font-size : 1.4em;
font-style:italic;
color : #8e8e8e;
text-align: left;
line-height: 1.3em;
display: block;
}

.caps {
font-size : 0.6em;
font-style:normal;
color : #8e8e8e;
text-align: center;
}

#content a{
color: #ffffff;
font-style:italic;
border-bottom: 1px dotted #ffffff; 
text-decoration: none;
}

#content a.color{
color: #4d96a7;
border-bottom: 1px dotted #4d96a7; 
}

#content a:hover{
border-bottom: none; 
}

#content ul{
margin-top: 2px;
display: block;
list-style-position: outside;
}

#content li{
list-style-image:url('/uploads/images/bullet.gif');
padding-left: 1px;
margin-left: 16px;
}

.block li{

padding-left: 1px;
margin-left: 15px !important;
}

.linie{
border-bottom: 1px solid #e2e2e2;
margin-top: 40px;
margin-bottom: 40px;
display: block;
}


/* .....................................................CLEAR */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* .......................................................MENU */

#menu_vert {
margin: 0;
padding: 0;
}

.clearb {
clear: both;
}

#menuwrapper {
width: 100%;
height: auto;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
margin: 0;
padding: 0;
/* IE6 Hack */
height: 1%;
width: auto;
}

ul#primary-nav, 
ul#primary-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

ul#primary-nav ul {
list-style-type: none;
position: absolute;
top: auto;
display: none;
}

ul#primary-nav ul ul {
margin-top: 0px;
margin-left: 0px;
left: 100%;
top: 0px;
}

ul#primary-nav li {
float: left;
margin: 0px;
padding: 0px;
}

#primary-nav li li {
width: 220px;
margin-left: 0%;
margin-top: 0px;
float: none;
position: relative;
background-color: #8a8a8a;
opacity:0.95;
border-bottom:1px solid #c7c7c7;
}


ul#primary-nav li a {
font-size: 0.9em;
line-height: 2.2em;
font-weight: normal;
color : #848484;
letter-spacing : 0.0em;
padding: 8px 20px 8px 20px;
display: block;
text-decoration: none;
}

ul#primary-nav li a:hover {
/* 1te Ebene Flächen over*/
    color: #333333;

}

ul#primary-nav li a.menuactive {
}

ul#primary-nav li li a:hover {
/* 2te Ebene over */
color:white;
background-color: #636363;
border-bottom: 0px solid #ecc568;
}

ul#primary-nav li a.menuactive:hover {
}

ul#primary-nav li a.menuactive {
/* 1te Ebene aktiver Menüpunkt */
border-bottom: 2px solid #ecc568;
}

ul#primary-nav li li a.menuactive {
/* 2te Ebene aktiver Menüpunkt */
border-bottom: 0px;
background-color: #636363;
}


ul#primary-nav li a.menuparent:hover {
/* 1te Ebene Menüpunkt mit Untermenü over*/
color: #333333;
border-bottom: 2px solid #ecc568;
}

#primary-nav li li a.menuparent span {
display: block;
}

ul#primary-nav li ul a {
/* 2te Ebene Menüpunkte*/
font-size: 0.8em;
text-transform : none;
text-align: left;
margin: 0px;
position: relative;
padding: 8px 20px 8px 20px;
font-weight: normal;
color: white;

}

ul#primary-nav li ul {
margin: 0px;
padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;

}

ul#primary-nav li ul ul {
}

#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
color: #fff;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}

/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}

/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}



/* ..................................................FOOTER */


.footermenu{
list-style-position:inside;
list-style-type: none;
}


#footer li:first-child {
}

#footer ul{
list-style-position:inside;
list-style-type: none;

}

#footer a {
color : #aaaaaa;
text-decoration: none;
display: block;
}

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

#footer .currentpage {
color : #666666;
}

#footer .activeparent {
color : #666666;
}

/* ..................................................................................................Formular.. */


input[type="text"], input[type="email"] {
font-family : Calibri, sans-serif;
font-size: 1em;
line-height: 1.4em;
color: #666666;
border: 1px solid #e2e2e2;
padding : 8px;
background-color : #fff;
margin-bottom : 10px;
margin-top : 0px;
}


textarea {
color : #333333;
font-family : Calibri, sans-serif;
font-size: 1em;
line-height: 1.4em;
color: #666666;
padding : 8px;
background-color : #fff;
border: 1px solid #e2e2e2;
margin-bottom : 15px;
margin-top : 0px;
width : 400px;
height : 100px;
overflow: hidden;
}

input:focus, textarea:focus {
border : 1px solid #4d96a7;
color:#4d96a7;
}

input[type="submit"] {
text-align: center;
height: 60px;
width: 250px;
padding: 0px 0px 0px 0px;
display : block;
overflow : visible;
border: 1px solid #e1ac3c;
font-family : Arial, sans-serif;
font-size : 0.9em;
color: #333333;
font-weight : bold;
cursor : pointer;
text-decoration : none;
background-color: #ecc568;
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
-khtml-border-radius:8px; /* Konqueror */
border-radius:8px; /* CSS3 */
}

input[type="submit"]:hover {
text-decoration : none;
color: #fff;
border: 1px solid #e1ac3c;
background-color: #f0cf81;
text-decoration : none;
}
/* Stylesheet: BGG Modified On 2013-10-30 18:51:30 */