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

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

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

a{text-decoration:none; color:#2159A4; 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; float:left;}
.handwriting{font-family: 'Courgette', cursive; font-size:14px;}
.einschub{border-left:5px solid #2159A4; padding:15px 20px; background:#EAECF6;}

h1,h2,h3,h4,h5,h6 {font-weight: 500;	padding: 0; margin:0;	margin-bottom:5px;	color:#0F328E;}
h1 {font-size: 24px;	line-height: 30px;}
h2 {font-size: 20px;	line-height: 25px; color:#0F328E;}
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;}

.resize{width:960px; margin:0px auto;}
#wrap{width:960px; margin:0px auto; padding:10px 0;}

/* HEADER */
#header{float:left; width:100%; top:0; z-index:5; padding:0px 0; background:#fff; height:95px;}
#logo {width:350px;position:relative;padding-top:12px;}
#logo img{width:350px; height:auto;float:left;box-shadow:0 0 5px #666;}

/* 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%; background:#D7DEE8; text-align:center;}
.menu{display:block; padding:20px 0; text-align:right;}
.menu li{display: inline-block; position: relative; z-index:100; }
.menu li a {color:#0F328E; font-size: 15px; display: block; border-bottom: 2px solid transparent; margin-right: 20px; -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 a:hover, .menu li:hover > a, .menu li.active a{border-bottom-color:#0F328E; color:#0F328E;}
/* 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%; margin-bottom:30px; height:350px;}
#slider img{float:left; margin-bottom:0;}

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

/* CONTENT */
#content{float:left; width:100%; padding-top:20px;}
#content p {margin:0px; padding:0px; padding-bottom:10px;}
#content .datenschutz p{margin-bottom:.3em 0; float:none!important; }
#left{float:left; width:640px;}

#left ul{list-style-type:square; /*margin-left:15px;*/ color:#7296D0;}
#left ul li{line-height:1.6em;}
#left 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:#2159A4 url(../img/arrow_grey-gewaehlt.png) no-repeat 8px center; }

.full{float:left; width:100%; margin-right:0;}
.one_third{float:left; width:31.33%; margin-right:3%;}
.one_half{float:left; width:49%; margin-right:1%;}
.last{margin-right:0; padding-right:0px;}

.thema_variante{border-right:1px solid #ccc; float:left; width:100%; margin-top:20px; margin-bottom:40px;}
.one_third:nth-of-type(3n+0) .thema_variante, .vc_span6:nth-of-type(2n+0) .thema_variante{border-right:none;}
.thema_variante_left{float:left; width:20%;}
.thema_variante_right{float:right; width:75%;}

.thema_variante h4{font-weight:bold; margin-bottom:0px;}
.thema_variante p{margin-bottom:0;}
.thema_variante .icon-statt-image{font-size:55px; margin-top:30px;}

/* ACCORDION */
#accordion {margin-bottom:40px;}
#accordion h4 {	padding: 7px 15px;	font-size: 16px;	cursor: pointer; color:#0F328E;	background:#D7DEE8 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, #accordion h4:hover {	background:#0F328E url('../img/minus.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 {line-height:1.6em;}
#accordion div.pane li a {}
#accordion div.pane li a:hover{}
#accordion div.pane a {}
#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:280px; float:right;}

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

ul.aktuelles{padding-left:0; margin:0!important;}
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; background: url(../img/arrow_grey.png) no-repeat 8px center; padding:5px 0px 5px 24px; display:block; margin-top:0;}
ul.aktuelles li a:hover{color:#0F328E; background:#D7DEE8 url(../img/arrow_grey-gewaehlt.png) no-repeat 8px center; }

.widget{/*background:#fff url(../img/divider.jpg) repeat;*/  margin-bottom:15px;}
.widget:last-child{margin-bottom:0;}
.widget h3{color:#ffffff; background:#0F328E; padding:5px 0 5px 20px; font-weight:bold; margin-bottom:0; border-bottom:3px solid #fff;}
.widget p{padding:0 20px 10px 20px;}



/*------- TEAM 690 -------*/
.one-full{width:100%; float:left;}
.one-third{width:31.33%; margin-right:3%; float:left; margin-bottom:25px;}
.two-third{width:66.333%; float:left;}
.last-team{float:right; margin:0;}

.ma{ border:1px solid #eee; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; margin-bottom:25px; overflow:hidden; height:170px;}
.ma.hoch{height:250px!important;}
.ma h4{color:#0F328E; font-weight:bold; font-size:15px; padding: 10px 0 0 10px;}
.ma p{padding:10px; color:#333;}

.ma > .contacts{  position:absolute; top:159px; width:100%; height:100%; background:#D7DEE8; color:#0F328E; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; padding:10px; font-size:13px; line-height:1.6em; overflow:hidden; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.ma > .contacts:before {width: 0; content: ''; position: absolute; top: 0; right: 0;  }
.ma:hover > .contacts{top:20%; background:#D7DEE8; padding:10px;}
.contacts a{color:#0F328E;}
.ma .one-third.last-team.blue{background:#D7DEE8; padding:10px; height:250px;}
.ma .one-third.last-team.blue, .ma .one-third.last-team.blue a {color:#0F328E;}

.alignleft{float:left; margin:0 20px 0 0;}

/*------- TEAM-------*/
.team i{margin-right:5px;}
.one-third, .one-fourth{position:relative;}
.one-third.team img, .one-fourth.team img{float:left; width:100%; height:auto; margin-right:10px;}

.team{overflow:hidden; }
.team > .team-content{position:absolute;bottom:-88%; width:100%; height:100%; background:rgba(30,47,99,0.9); color:#fff; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:10px; font-size:13px; line-height:18px; overflow:hidden; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.team > .team-content h4{float:left; width:100%; font-size:15px; margin-bottom:10px; margin-top:0; color:#fff;}
.team > .team-content a{color:#fff;}
.team > .team-content span img{width:16px; margin-top:2px;}
.team:hover > .team-content{bottom:0; background:rgba(30,47,99,0.9); padding:10px;}



/* FOOTER */
#footer{background:#0F328E; padding:35px 0 20px 0; border-top:0px solid #2159A4;}
#footer p{color:#fff;}
#footer a {color:#fff;text-decoration:underline;}
#footer h3{font-weight:700; color:#fff;}

#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%;}

ul.footer-nav{float:left; width:100%; border-bottom:1px solid #666; margin-bottom:20px;}
ul.footer-nav li a{float:left; display:inline-block; color:#fff; border-right:1px solid #666; padding:5px 15px;}

.copyright{background:#fff; padding:10px 0; color:#0F328E;}
.copyright a {color:#0F328E;}
.copyright-left{float:left;}
.copyright-right{float:right;}

table{width:100%; font-size:12px;}
table tr th{text-align:left; padding:5px; background:#D7DEE8; color:#0F328E;}
table tr:nth-child(odd){background:#fafafa;}
table tr:nth-child(even){background:#eeeeee;}
table tr td{vertical-align:center; padding:5px; border:0!important;}
table tr{	transition: all .25s ease-in-out;  -moz-transition: all .25s ease-in-out;  -webkit-transition: all .25s ease-in-out;}
table tr:hover{	background:#0F328E; color:#fff; transition: all .25s ease-in-out;  -moz-transition: all .25s ease-in-out;  -webkit-transition: all .25s ease-in-out;}
table tr:hover a {color:#fff;}
table tr td span{color:#e75094;}
table tr td a {display:block;}
table tr td a:hover{color:#fff; text-decoration:underline;}