/*
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);

/* GENERAL */
html, body{margin:0; padding:0;}
body{color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; 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:#2fb82d; 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:normal; }

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:#013E8F;}
h1 {font-size: 26px;	line-height: 30px;}
h2 {font-size: 20px;	line-height: 25px; color:#2fb82d;}
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;}*/
#before {background: url(../img/side-bg.png) repeat-y center top; width:980px; margin:30px auto; position:relative; z-index:1;}
#wrap{width:980px; margin:30px auto;  background: url(../img/turm.jpg) no-repeat left bottom; box-shadow:0 0 20px rgba(0,0,0,0.4); position:relative; z-index:2;}

/*------- FORMULAR -------*/ 
input[type=text], textarea{width:95%; 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:#2fb82d; }
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:#2fb82d; 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:#2fb82d; 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:0px 0px; background:#fff;}
#logo {margin:0px auto;}
#logo img{height:auto;}			

#top-section{background:#fafafa; float:left;}
#menu-wrapper{float:left; width:260px}
#slider-wrapper{float:right; width:980px; display:block;}

/* 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%; padding-top:262px; position:absolute; width:260px; }
.menu{float:left; }
.menu li{float:left; z-index:100; width:100%;}
.menu li a {background:#013E8F; color:#fff; font-size: 15px; 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, .menu li.active a{background:#4EA1ED; color:#fff;}
/* 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:right; background:#fff; width:100%;}
#slider img{ margin-bottom:0; width:100%; height:264px; left:0px; display:block;}

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

#kontakt{background:#fff; position:absolute; z-index:99; top:0px; width:260px; padding-bottom:10px; display:block;}
#kontakt:last-child{margin-bottom:0;}
#kontakt h3 {color:#fff; background:#4EA1ED; padding:7px 25px 7px 25px; font-weight:bold; margin-bottom:0px; }
#kontakt p{margin:20px; margin-left:10px; margin-right:0px; line-height:1.6em; font-size:14px;}
#kontakt a{color:#013E8F; font-size:13px;}

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

#right h2 {font-size: 16px;	line-height: 25px; color:#fff; background:#013E8F; padding:7px 25px 7px 25px; font-variant:small-caps; font-weight:bold;}

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

#right a {color:#013E8F;}

p.box {padding:10px;padding-top:0px; font-size:13px; line-height:1.6em;}
p.box a {color:#013E8F;}
p.box a {color:#013E8F;}

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:#2fb82d 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:#2fb82d;}

/* ACCORDION */
#accordion {}
#accordion h4 {	padding: 7px 15px;	font-size: 16px;	cursor: pointer; color:#013E8F;	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 h4.current {	background:#013E8F url('../img/minus.png') no-repeat right; color:#fff;}
#accordion h4:hover {background:#013E8F url('../img/plus-w.png') no-repeat right; color:#fff;}

#accordion div.pane {	display: none;	height: auto;	padding: 15px;margin-top:0;}
#accordion div.pane ul, #accordion div.pane p {margin-top: 15px; margin-left:15px;	}
#accordion div.pane *:first-child {	margin-top: 0px;}
#accordion div.pane ul li {}
#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;}

/* SIDEBAR */
#sidebar{width:260px; float:left;}

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

ul.aktuelles{padding:0 25px 10px 30px;}
ul.aktuelles li{border-bottom:1px solid #eee; list-style-type:none; margin-bottom:0!important;}
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:#2fb82d; }

.widget{background:#fafafa}
.widget:last-child{margin-bottom:0;}
.widget h3{color:#2fb82d; border-left:15px solid #2fb82d; padding:5px 0 5px 15px; font-weight:bold; margin-bottom:15px; }
.widget p{padding:0 25px 10px 30px;}


.kontakt{background:#fafafa}
.kontakt:last-child{margin-bottom:0;}
.kontakt h3{color:#2fb82d; border-left:15px solid #2fb82d; padding:5px 0 5px 15px; font-weight:bold; margin-bottom:15px; }
.kontakt p{padding:0 25px 10px 30px;}

table{width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #eee;}
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:#013E8F; padding:30px 30px 15px 30px; border-top:1px solid #e2e2e2;}
#footer p{color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#fff;}
#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:#013E8F; padding:10px 30px; color:#fff; font-size:13px;}
.copyright a{color:#fff;}
.copyright a:hover{color:#fff;}
.copyright-left{float:left;}
.copyright-right{float:right;}