/* Main
******************************** */

html, body {
	height: auto;
	margin:0px;
	background-color:#b1b3b2;
	color:#696b6d;
	font-size:14px;
	line-height:16px;
	font-family:'Verdana';
        font-size:12px;
}

a:active, a:focus {outline: none;}
.clear {clear:both;}

img {border:0;}
.block {display:block;}


/* NAVIGATION */
#naviFrame {
	width:100%;
	height:95px;
	background:#fff;
}

#navi {
	width:1024px;
	height:95px;
	margin:0 auto;
        background:#fff;
}
#navi h1 {
	width:145px;
	height:50px;
	padding-top:45px;
	text-indent: -9999px;
	display:block; 
	background-image:url(../_layout/bias-logo.png);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}
#navi h1 a {
	width:145px;
	height:50px;
	display:block;
}
#navi ul {
	font-size:14px;
	color:#909090;
	margin-top:65px;
	float:right;
}
#navi ul li {
	height:20px;
	display:inline-block;
	padding:5px;
	text-transform:uppercase;
	float:left;
	cursor:pointer;
        margin:0 5px;
}
#navi ul li:hover {
	color:#1d424e;
	background:#ccc;
}
#subnavi1Menu.active,
#subnavi2Menu.active,
#subnavi3Menu.active,
#subnavi4Menu.active,
#subnavi5Menu.active, 
#subnavi6Menu.active {
	color:#1d424e;
	background:#b1b3b2;
}
#subnavi1Menu.active:hover,
#subnavi2Menu.active:hover,
#subnavi3Menu.active:hover,
#subnavi4Menu.active:hover,
#subnavi5Menu.active:hover, 
#subnavi6Menu.active {
	color:#1d424e;
	background:#b1b3b2;
}

#subnavi1Menu.actual,
#subnavi2Menu.actual,
#subnavi3Menu.actual,
#subnavi4Menu.actual,
#subnavi5Menu.actual, 
#subnavi6Menu.actual {
	color:#1d424e;
}
#subnavi1Menu.actual:hover,
#subnavi2Menu.actual:hover,
#subnavi3Menu.actual:hover,
#subnavi4Menu.actual:hover,
#subnavi5Menu.actual:hover, 
#subnavi6Menu.actual {
	color:#1d424e;
}



/* Toggle Navi */
#toggleNaviFrame {
	width:100%;
        min-width:1024px;
	background:#fff;
	display:none;
        position:absolute;
        z-index:9999;
}
#toggleNavi {
	width:1024px;
	min-height:200px;
	margin:0 auto;
        background:#fff;
}
.subnaviClaim {font-size:18px; color:#b1b3b2; margin-top:20px; padding-bottom:10px;}

.subnavi {width:100px; padding-top:20px;}
.subnavi ul li {cursor:pointer; padding:2px 5px; text-transform:uppercase; font-size:14px; color:#002e3d; list-style:none; height:20px; line-height:20px;}
.subnavi ul li:hover {background:#b1b3b2;}
.invisible {display:none;}


#subnavi1 {margin-left:232px; width:700px; min-height:165px;}
#subnavi1 ul {margin-bottom:20px; width:110px;}

#subnavi2 {margin-left:322px; width:700px; min-height:165px;}
#subnavi2 ul {float:left; margin-bottom:20px;}
#subnavi2 p {margin-left:40px; margin-bottom:20px; width:550px; display:block; float:left; color:#696969;}

#subnavi3 {margin-left:498px; min-height:165px;}
#subnavi3 ul {margin-bottom:20px; width:130px;}

#subnavi4 {margin-left:641px; min-height:165px;}
#subnavi4 ul {margin-bottom:20px; width:190px;}

#subnavi5 {float:right; margin-right:83px; min-height:165px;}
#subnavi5 ul {margin-bottom:20px; width:210px;}

#subnavi6 {margin-left:940px; width:80px; min-height:165px;}
#subnavi6 ul {margin-bottom:20px; width:80px;}


.content {width:1024px; margin:0 auto; color:#1c323f; padding-bottom:50px;}
.contentLeft {float:left; font-size:20px; line-height:30px; margin-top:20px; text-transform:uppercase; width:325px; margin-left:2px; color:#1c323f;}
.contentRight {float:right; margin-right:10px; width:670px; margin-top:20px;}

.content h2 {font-size:18px; line-height:18px; margin-bottom:20px; color:#fff; font-weight:normal; text-transform:uppercase;}
.content h3 {font-size:14px; line-height:14px; margin-bottom:20px; color:#fff; font-weight:normal; text-transform:uppercase;}
.content h4 {font-size:14px; line-height:14px; margin-bottom:20px; color:#fff; font-weight:normal; text-transform:uppercase;}
.content p {margin-bottom:25px; text-align: justify;}
.content ol {list-style-type:decimal; margin-left:30px;}
.content ul {margin-left:30px;}
content li {margin-bottom:30px;}



/* *** ACCORDION - BIG *** */
h4.triggerBig {
        font-size:14px; line-height:14px; margin-bottom:20px; color:#fff; font-weight:normal;
	cursor:pointer;
	margin-bottom:20px;
	width:650px;
        text-transform:uppercase;
}
.triggerBig span {display:block; position:relative; float:right; font-size:18px; transition:all .3s ease-in-out; font-weight:bold;}
.triggerBig.triggerBig_active span {transform:rotate(90deg);}
.triggerBig_active {
}
.toggleBig_container {
	width:650px;
        margin-top:10px;
        margin-bottom:30px;
        overflow:hidden;
}

/* *** ACCORDION - SMALL *** */
h3.trigger {
        font-size:14px; line-height:14px; margin-bottom:20px; color:#fff; font-weight:normal;
	cursor:pointer;
	margin-bottom:15px;
	width:650px;
        text-transform:none;
}
h3.trigger span {display:block; position:relative; float:right; font-size:16px; transition:all .3s ease-in-out;}
h3.trigger.trigger_active span {transform:rotate(90deg);}
.trigger_active {
}
.toggle_container {
	width:630px;
        margin-top:10px;
        margin-bottom:30px;
        text-align: justify;
        overflow:hidden;
}


/* *** HOME *** */
.homeImgFrame {width:270px; height:165px; background:#fff; overflow:hidden; float:right; margin-top:20px;}
.homeImgFrame img {width:100%;}
.homeImgFrame.margin {margin-left:20px;}
.homeImgHl {font-size:18px; text-transform:uppercase; color:#1c323f; position:absolute; height:35px; line-height:35px; background:#909ca2; width:270px; text-align:center; margin-top:120px; z-index:3;}
.homeImgHl a {color:#1c323f; text-decoration:none; display:block;}
.homeImgHl a:hover {text-decoration:none;}

.homeHeadline {width:270px; height:165px; overflow:hidden; float:right; margin-top:150px;}
.homeHeadline h2 {font-weight:normal; line-height:25px; font-size:14px; color:#1c323f; margin-top:40px;}

/* *** Berater *** */
.beraterImgFrame {width:210px; height:210px; background:#fff; overflow:hidden; float:left; margin-top:10px; margin-bottom:20px; cursor:pointer;}
.beraterImgFrame img {width:100%;}
.beraterImgFrame.margin {margin-left:120px;}
.beraterImgHl {font-size:14px; text-transform:uppercase; color:#1c323f; position:absolute; height:20px; line-height:20px; background:#909ca2; width:210px; text-align:center; margin-top:180px; z-index:3; opacity:0.9;}
.beraterImgHl a {color:#1c323f; text-decoration:none; display:block;}
.beraterImgHl a:hover {text-decoration:none;}

.beraterCVFrame {width:670px; overflow:hidden;}
.beraterCV {width:2070px; transition:all 1s ease-in-out; margin-left:-670px;}
#wolf, #gruenewald, #auswahl {width:670px; float:left;}
#wolf {margin-left:60px;}
.beraterCV.slide {margin-left:-1400px;}
.beraterCV.start {margin-left:0px;}

/* *** LOKAL *** */
.lokalLeft {width:200px; float:left; margin-top:20px; font-size:14px; line-height:25px;}
.lokalMap {width:375px; float:right; margin-top:20px;}

/* *** FOOTER *** */
#footerFrame {width:100%; height:25px; border-top:1px solid #fff; position:fixed; bottom:0; text-align:center; padding-top:5px; color:#fff; background-color:#b1b3b2; z-index:999;}