﻿/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	background: #FFFFFF url(images/img01.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 90px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	color: #757575;
	
}

#container{
	margin: auto;
	margin-top: 40px;
}

input, textarea {
	width: 220px;
	background: #FFFFFF url(images/img04.gif) repeat-x;
	border-top: 1px solid #A3A3A3;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D6D6D6;
	font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #757575;
}

h1, h2, h3 {
	color: #31363B;
	
}

h1, h1 a, h2, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 14px;
	font-weight: normal;
}

h3 {
	font-size: 13px;
}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 120%;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #C11A00;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin-right: 20px;
}

img.right {
	float: right;
	margin-right: 20px;
}

hr {
	display: none;
}

#header {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}



/* Logo */

#logo {
	width: 1000px;
	height: 45px;
	margin: 0 auto;
	padding: 2px;
}

#logo-left a{
	margin: 0;
	background: #FFFFFF url(images/bs_logo.jpg) no-repeat top left;
	height: 45px;
	width: 450px;
	float: left;
}

#logo-right{
	float: right;
	width: 540px;
	height: 45px;
	top: 0px;
	font-size:0.9em;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#logo h1 {
	padding: 40px 5px 0 20px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #31363B;
}

#logo h2 {
	padding: 0px 0 0 25px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
}

#logo p {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
}

#logo a {
	color: #31363B;
}

#splash {
	width: 1000px;
	height: 144px;
	padding-bottom: 3px;
	background: url(images/header-grafik-bs.jpg) no-repeat top left;
}

/* Header */

#header {
	width: 1000px;
	margin: 20px auto 0 auto;
}

#menu {
	height: 40px;
	width: 700px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -5px;
	color: #000000;
	float:left;
	background-image: url(images/img02b.jpg);
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	margin-top: 5px;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	padding: 10px 30px 5px 18px;
	margin-right: 1px;
	height: 30px;
	background: url(images/img03.gif) no-repeat left 35%;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;

	margin: 0px 15px 0px 0px;
	margin-top: 10px;
	
	text-align: right;
}

#suche {
	height: 40px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -5px;
	color: #000000;
	float: right;
	background-image: url('images/img02b.jpg');
	background-position:-10px 0;
}
#search {padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
#search form fieldset {float:right; border:none;}
#search input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:georgia,verdana,arial,sans-serif; font-size:100%; }
#search input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
#search input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

#search #s {
	width: 160px;
	height: 23px;
	background: #FFDBE1;
	border: 1px solid #F57F8C;
}

#search #x {
	width: 40px;
	background: #F74B61;
	border-top: #F74B61 solid 1px;
	border-bottom: #F74B61 solid 3px;
	border-left: #F74B61 solid 1px;
	border-right: #F74B61 solid 1px;
	color: #FFDBE1;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	background: url(images/img05.jpg) repeat-x left top;
}

.nav1 {width:350px; margin:0px 0 0 0; float:right;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:normal;margin-top: 0px;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:110%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
}

/* Content */

#content {
	margin: 20px 0 0 0;
	float: right;
	width: 780px;
	min-height: 400px;
	overflow: auto;
	min-width: 780px;
	max-width: 780px;
	height: 400px;
	max-height: 400px;
}

.post {
}

.post .title {
	margin: 0;
	padding: 10px 20px 10px 10px;
	border-bottom: 1px dotted #D6C9BF;
}

.post h1.title {
	padding: 5px 0  0 50px;
	height: 40px;
	font-size: 1.4em;
	text-transform: lowercase;
}

.post .title a:hover {
	text-decoration: none;
}

.post .entry {
	margin: 0px;
	padding: 20px 20px;
}

.post .meta {
	height: 35px;
	margin: 15px 0 20px 0;
	padding: 15px 0 0 20px;
	line-height: normal;
	background: url(images/img05.jpg) repeat-x left top;
}

.post a {
	color: #31363B;
}

/* Sidebar */

#sidebar {
float:left;
height:391px;
overflow-y:auto;
padding-top:30px;
margin-left:-15px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 70px;
	font-family:Verdana;
	text-transform:uppercase;
}

#sidebar li ul {
	padding-left: 25px;
}

#sidebar li li {
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px dotted #D6C9BF;
}
#sidebar ul li ul li#nav-active a{
	margin: 0;
	
	font-weight:bold;
}

#sidebar ul li ul li.nav2-active a{
	margin: -35px;
	color:#FF0000;

}



#nav2sub-active a {
	color:#8B3A62;
	font-weight:bold;
}


p.csc-frame-frame1 {
text-align: center;
}

#sidebar li h2 {
	margin: 0 0 1em 0;
	padding: 15px 0 5px 25px;
	height: 30px;
	text-transform: lowercase;
	font-size: 18px;
	letter-spacing: -1px;
}

#sidebar li p {
	padding: 0 20px;
}


p#slogan {
font-size:0.8em;
text-align:right;
color: grey;
}

p#slogan li {
color: grey;
}


/* Calendar */

#sidebar #calendar {
	padding: 0;
}

#calendar caption {
}

#calendar table {
	width: 100%;
	padding: 0 20px;
	text-align: center;
}

#calendar thead th {
	border-bottom: 2px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
}

#calendar tbody td {
	padding: 5px 0;
	border-bottom: 1px solid #F2F2F2;
}

#calendar tfoot td {
	border-top: 1px solid #F2F2F2;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar a {
	font-weight: bold;
}

/* Footer */

#footer {
	clear: both;
	width: auto;
	height: 30px;
	margin: 30px auto 0 auto;
	background: #FFFFFF url(images/img01.gif) repeat-x top left;
}

#footer p {
	margin: 0;
	line-height: normal;
	padding: 15px 15px 5px 15px;
}

#footer a {
}

#footer .legal {
	float: left;
}

#footer .credit {
	float: right;
}

#footer2 {
	clear: both;
	width: 1000px;
	height: 30px;
	margin: 0 auto;
}

#footer2 p {
	margin: 0;
	line-height: normal;
	padding: 8px 15px 5px 15px;
}

#footer2 a {
}

#footer2 .legal {
	float: left;
}

#footer2 .credit {
	float: right;
}

.inhaltlinks{

margin-left:25px;
width:210px;
}

/* Formular */
fieldset.csc-mailform {
border:0;
}

fieldset.csc-mailform div.csc-mailform-field {
float:left;

}

fieldset.csc-mailform label {
width: 120px;
float: left;
text-align: right;
margin-right: 10px;
display: block
}


fieldset.csc-mailform input,
fieldset.csc-mailform textarea {
margin-bottom: 10px;
font-size:10px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
xwidth:250px;
}

fieldset.csc-mailform fieldset input {
float:none;
display:inline;
width:50px;
text-align:left;
border:0px

}

textarea#mailformBemerkung {
margin-bottom: 10px;
font-size:10px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
width:575px;
}

input#mailformformtype_mail{
margin-bottom: 10px;
font-size:10px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
width:150px;
margin-left:560px;
}


fieldset.csc-mailform fieldset label{
display:inline;
float:none;
text-align:left;
width:300px;
margin:10px 0;

}
fieldset.csc-mailform fieldset {
border:0;

}

fieldset.csc-mailform fieldset legend {
display:none;

}


fieldset.csc-mailform select {
width:220px;
margin:2px 0;
}
fieldset.csc-mailform option {
padding:0 5px;

background:#fff;
}