/*
COLORS:
hellblau : #EAECF6
mittelblau: #BDD5EC
dunkelblau: #2159A4
*/

/* FONT IMPORT 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Courgette);*/
@import url("fonts.css");

/* GENERAL */
html, body{margin:0; padding:0;}
body{color:#333; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:26px;}
div, #footer ul li {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}
.clr{clear:both;}

.gridtile{position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; background:url(../img/gridtile-light.png)}

ul{list-style-type:none; margin:0; padding:0;}

a{text-decoration:none; color:#840822; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
a:hover{color:#333;}

span.red{color:#ff0000;font-weight:bold; }

b{font-weight:700;}
p{margin-bottom:15px; clear:left;}
.handwriting{font-family: 'Courgette', cursive; font-size:14px;}
.einschub{border-left:5px solid #00538c; padding:15px 20px; background:#fafafa;}

h1,h2,h3,h4,h5,h6 {font-weight: 500;	padding: 0; margin:0;	margin-bottom:10px;	color:#840822;}
h1 {font-size: 26px;	line-height: 30px;}
h2 {font-size: 20px;	line-height: 25px; color:#840822;}
h3 {font-weight:450; font-size: 16px;	line-height: 22px;}
h4 {font-size: 14px;	line-height: 18px}
h5 {font-size: 12px;	line-height: 18px;}
h6 {font-size: 10px;	line-height: 16px;}

#slider h2{color:#fff; margin-bottom:0; font-weight:600;}

.separator{width:100%; background:#fff url(../img/divider.jpg) repeat; height:12px; float:left; clear:both;}


#wrap{width:980px; margin:30px auto;  background:#fff url(../img/content-bg.jpg) repeat-y; box-shadow:0 0 20px rgba(0,0,0,0.4); position:relative; z-index:2;}

/*------- FORMULAR -------*/ 
input[type=text], textarea{width:100%; border:1px solid #ccc; font-family: 'Open Sans', sans-serif; padding:5px; margin-bottom:3px; font-size:13px; background:none; color:#333; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
input[type=text]:focus, select:focus{border-color:#840822; }
select{width:100%;  border:1px solid #ccc; padding:5px; margin-bottom:3px; background:none; font-size:13px; color:#333; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
input[type=submit]{border:none; padding:5px; background:#840822; color:#fff;  float:right;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
input[type=submit]:hover{background:#eee;color:#840822; cursor:pointer;}

*::-webkit-input-placeholder {color: #333; opacity:1;}    
*:-moz-placeholder {color: #333; opacity:1;}
*::-moz-placeholder {color: #333; opacity:1;}    
*:-ms-input-placeholder {color: #333; opacity:1;}

/* HEADER */
#header{float:left; width:100%; top:0; z-index:5; padding:25px 20px; background:#fff url(../img/header-bg.jpg) no-repeat;/*-x center top;*/}
#logo {width:600px;margin:0px auto;}
#logo img{width:600px; height:auto; float:left;}			

#top-section{background:#fafafa; float:left; border-top:1px solid #840822;}
#menu-wrapper{float:left; width:260px;}
#slider-wrapper{float:right; width:720px;}

/* NAV */
.top_nav{float:right; width:650px; margin-top:15px; margin-right:10px;}
a#impressum{float:right; color:#828282;}
a:hover#impressum{color:#162b19;}

.nav{float:left; width:100%;}
/*.nav{float:left; width:260px; position:absolute; z-index:999; top:250px; }*/
.menu{float:left;  }
.menu li{float:left; z-index:100; width:100%;}
.menu li a {background:#fafafa; color:#333; font-size: 15px; text-transform:uppercase; display:block; border-bottom:1px solid #eee; padding:7px 25px 7px 25px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
/*.menu li:last-child a{border-bottom:none;}*/
.menu li a:hover, .menu li:hover > a {background:#840822; color:#fff;}
.menu li.active a{background:#840822; color:#fff; font-weight:bold;}
/* second level ausbleben */
.menu ul {display: none; margin: 0; padding: 0; width: 170px;position: absolute; top: 32px; left: 0px; background: #ffffff;}
/* second lebel bei hove einblenden */
.menu li:hover > ul{ display: block;}   
.menu ul li {display:block; float: none;background:none; margin:0; padding:0;}
.menu ul li a {font-size:13px; font-weight:normal;display:block;color:#333; border-left:3px solid #ffffff; background:#ffffff;}
.menu ul li a:hover, .menu ul li:hover > a{ background:#f0f0f0; border-left:3px solid #00538c; color:#333;}
/* third level position veränderung */
.menu ul ul {left: 170px; top: 0px; width:210px;}
			
/* SLIDER */
#slider{float:left; background:#fff; width:100%;}
#slider-wrapper img{float:left; margin-bottom:0; width:100%; height:auto;}

#titelbild{float:left; width:100%; }
#titelbild img{width:100%; height:auto;}

/* CONTENT */
#content{float:left; width:100%; padding:35px 30px 30px 0px;}
#right{float:right; width:660px;}

#right ul{list-style-type:square; /*color:#3b64b8*/}
#right ul li{margin-bottom:10px;}
#right ul li span{color:#333;}

ul.internetservice{padding-left:0; margin-left:0; margin-bottom:20px;}
ul.internetservice li{border-bottom:1px solid #eee; list-style-type:none; margin-bottom:0!important;}
ul.internetservice li:last-child{border-bottom:0px;}
ul.internetservice li a{color:#333; background: url(../img/arrow_grey.png) no-repeat 8px center; padding:5px 0px 5px 24px; display:block; margin-top:0;}
ul.internetservice li a:hover{color:#ffffff; background:#3b64b8 url(../img/arrow_grey-gewaehlt.png) no-repeat 8px center; }

.one_fourth{float:left; margin-right: 2%; width:22%;}
.one_third{float:left; width:31.33%; margin-right:3%;}
.two_third{width:60%; float:left;}
.one_half{float:left; width:49%; margin-right:2%;}
.last{margin-right:0;}

#mitgliedschaften{}
#mitgliedschaften a img{border:1px solid transparent; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; }
#mitgliedschaften a:hover img{opacity:0.8; border-bottom-color:#3b64b8;}

/* ACCORDION */
#accordion {}
#accordion h4 {	padding: 7px 15px;	font-size: 16px;	cursor: pointer; color:#fff;	background:#666 url('../img/plus.png') no-repeat right;margin-top:10px; margin-bottom:0;	transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
#accordion h4.current {	background:#840822 url('../img/minus.png') no-repeat right;}
#accordion h4:hover {background:#840822 url('../img/plus.png') no-repeat right;}

#accordion div.pane {	display: none;	height: auto;	padding: 15px;margin-top:0;}
#accordion div.pane ul, #accordion div.pane p {margin-top: 15px;	}
#accordion div.pane *:first-child {	margin-top: 0px;}
#accordion div.pane ul li {margin-left:12px; color:#840822; line-height:1.6em;}
#accordion div.pane li a {color:#333;}
#accordion div.pane li a:hover{}
#accordion div.pane a {}w
#accordion div.pane img{max-width:100%; height:auto;}

#accordion div.pane h3 {/*font-weight:normal;	margin:0 0 -5px 0;	font-size:16px;	color:#999;*/}
a:active {  	outline:none;}
:focus {  	-moz-outline-style:none;}


/* ACCORDION aktuelles */
#accordion-a {}
#accordion-a h4 {	padding: 7px 15px;	font-size: 16px;	cursor: pointer; color:#666;	background:#ddd url('../img/plus.png') no-repeat right;margin-top:10px; margin-bottom:0;	transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
#accordion-a h4.current {	background:#666666 url('../img/minus.png') no-repeat right; color:#fff;}
#accordion-a h4:hover {background:#666666 url('../img/plus.png') no-repeat right; color:#fff;}

#accordion-a div.pane {	display: none;	height: auto;	padding: 15px;margin-top:0;}
#accordion-a div.pane ul, #accordion div.pane p {margin-top: 15px;	}
#accordion-a div.pane *:first-child {	margin-top: 0px;}
#accordion-a div.pane ul li {margin-left:12px; color:#666; line-height:1.6em;}
#accordion-a div.pane li a {color:#666;}
#accordion-a div.pane li a:hover{color:#840822;}
#accordion-a div.pane a {}w
#accordion-a div.pane img{max-width:100%; height:auto;}

#accordion-a div.pane h3 {/*font-weight:normal;	margin:0 0 -5px 0;	font-size:16px;	color:#999;*/}
a:active {  	outline:none;}
:focus {  	-moz-outline-style:none;}



/* SIDEBAR */
#sidebar{width:260px; float:left; margin-top:-35px;}

/*ul.aktuelles{list-style-type:none;}
ul.aktuelles li{ margin-bottom:10px;}*/

ul.aktuelles{padding:0 0px 10px 0px;}
ul.aktuelles li{border-bottom:1px solid #eee; list-style-type:none; margin-bottom:0!important; padding-left:15px;}
ul.aktuelles li:last-child{border-bottom:0px;}
ul.aktuelles li a{color:#333;  padding:5px 0px 5px 0px; display:block; margin-top:0;}
ul.aktuelles li a:hover{color:#840822;  }
ul.aktuelles li:hover {background: #fff;}

.widget{background:#fafafa}
.widget:last-child{margin-bottom:0;}
.widget h3{color:#fafafa; padding:5px 0 5px 30px; font-weight:bold; margin-bottom:10px; background:#840822; }
.widget p{padding:0 25px 10px 30px;}

table{width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #eee; font-size:12px; margin-bottom:15px;}
table tr:nth-child(odd){background:#fff;}
table tr:nth-child(even){background:#eee;}
table td {padding:5px;}
table h3{padding-top:5px;}

/* FOOTER */
#footer{background:#444; padding:30px 30px 15px 30px; border-top:1px solid #e2e2e2;}
#footer p{color:#bbb;}
#footer a{color:#bbb;}
#footer a:hover{color:#eee;}
#footer h3{color:#bbb; margin-bottom:15px;}

#footer ul.partner{}
#footer ul.partner li{float:left; width:50%; display:table-cell; height:auto; padding:5px;}
#footer ul.partner li img{max-width:100%;}

#footer table{float:left; color:#bbb; border:none; width:100%;}
#footer table tr {padding:0; margin:0; border:none;}

ul.footer-nav{float:left; width:100%; margin-bottom:20px;}
ul.footer-nav li a{color:#bbb;}

.copyright{background:#333; padding:10px 30px; color:#bbb}
.copyright a{color:#bbb;}
.copyright a:hover{color:#eee;}
.copyright-left{float:left;}
.copyright-right{float:right;}