/* Typography etc. */
body {	
	font-size:font-size:75%;	/* 16px=100%, 15px=93.75%, 14px=87.5%, 13px=81.25%, 12px=75%*/
	color:#666666;	
	font-family: 'Varela Round', Helvetica,Arial,sans-serif;	
	line-height:1.4em;	
	background: url("../images/site/bg_site.jpg") top left repeat-x #fff;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#333333;}
h1 {font-size:1.7em;line-height:1;margin-bottom:1.4em; letter-spacing:0.1em}/* Hauptüberschriften */
h2 {font-size:1.4em;line-height:1;margin-bottom:1.0em;} /* Zwischenüberschriften */
h3 {font-size:1.2em;line-height:1;margin-bottom:0.5em;} /* Zwischenüberschriften */
h4 {font-size:1.0em;line-height:1em;margin-bottom:0.5em;} 
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
em { font-style:italic }
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-image: url(../images/site/bulletpoint.png)}
table {margin-bottom:1.4em;width:100%;}
td {padding:2px; vertical-align:top}
a {	color:#8C192E;	font-weight:normal;	text-decoration:underline;}
a:hover {	color:#3C0531;	text-decoration:underline;}

.clear { clear:both }



/* Bereiche */
#adminbalken { background:#FFCC66; border-bottom:#FF6600 1px solid; color:#333333; font-weight:bold; overflow:auto; padding:5px; text-align:center }
#adminbalken_inner_left { float:left; margin:0; width:50%; }
#adminbalken_inner_right { float:left; margin:0; width:50%; }

#wrapper {width:1000px; margin:0 auto 0 auto; padding:0;	overflow:auto;	background-color:#FFFFFF; }

header { width:100%; margin:0 auto 20px auto; height:170px; text-align:center;	background-color:#8C192E; }
header #logo { height:auto}

#teaser { width:100%; margin:0 auto 0 auto; height:auto; text-align:center; border-bottom:2px solid #8C192E }


nav { margin:20px  auto 0 auto;width:100%;min-height:35px; position:relative  }
	nav ul {padding:0;	text-align:left; float:left	}
	nav ul li {	list-style: none;  display: inline; line-height:2.0em }
		nav ul li a { padding: 7px 10px; color:#8C192E; font-weight:bold; text-decoration: none; transition: background-color 1s; -webkit-transition: background-color 1s; }
		nav ul li a:hover { background-color:#8C192E; color:#fff; text-decoration: none;	}
		nav ul li #facebookbutton {display:none }
	
	#togglebox_switch {display:none }
	#togglebox_navi { margin-right:70px  }
	#socialmedia { position:absolute; right:0; margin-right:30px }

main {clear:both; position:relative; padding-top:30px; margin:0 auto 0 auto; width:100%; text-align:left; }
#main_inner {	margin: 0 auto 40px auto;	width:90%;	min-height:300px;	overflow:auto;}


footer {	margin:0 auto 0 auto; 	width:100%; padding-bottom:30px }
footer.noimg {	background-image:none;}
footer a {	color:#333333;	text-decoration: none;	font-weight:normal;}
footer a:hover {	color:#666666;	font-weight:normal;}
#footer_inner {	margin:0 auto 0 auto; 	width:100%;	color:#333333;	font-size:0.85em;	text-align:center;}


/* Galerie */
.gal_overview {
	float:left; margin:0 5px 20px 0; padding:10px; overflow:auto; height:250px; width:230px; text-align:center;
	border:#FFF 1px solid;
}
.gal_overview:hover {
	background-color:#F5F5F5;
	border:#8C192E 1px solid;
}
.gal_overview img {
	width:200px; height:150px;
	border: 1px solid #FFF;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}



/* Formulare */
fieldset { margin-bottom:20px }
fieldset .row { clear:both; margin-top:3px}
label { float:left; width:200px; font-weight:bold; white-space:nowrap  }
label .required { color:#FF0000; font-weight:normal; font-size:0.8em}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;	font-size:0.9em;}
input {	width:350px }
textarea { width:350px; height:150px; }
.submit { margin-left:200px; padding: 5px 0 5px 0; color:#fff; font-weight:bold; background: #B04457; border:1px solid #003300;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px; }
.submit:hover { background-color:#B98B93; color:#fff;  border:1px solid #B04457; cursor:pointer }

.fehler {margin: 0 auto 20px auto;	padding:5px 10px; font-weight:bold;	color:#FF0000;	background-color:#FFD5D5;	border: 1px solid #FF0000;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.erfolg {	margin: 0 auto 20px auto;	padding:5px 10px; font-weight:bold;	color:#009900;	background-color:#D1E7B4;	border: 1px solid #009900;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;}


 
/* SCROLL TO TOP */
#toTop-right {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    right:20px;
    outline:none;
	background-color:#8C192E;
	-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;border-radius:8px;
	padding:8px;
	color:#FFFFFF;
}
/*
#toTop-left {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    left:20px;
    outline:none;
}
#toTop-center {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    left:50%;
    margin-left:-20px; /*Feintuning je nach Inhalt
    outline:none;
}
*/