/*
Krois - Michel - Ruhe Steuerberatungsgesellschaft mbH
Design & Konzeption:
Ernst Röbke Verlag
comon werbeagentur GmbH
Farbcodes:
Schriftfarbe: #6d6e70
blau: #263c6f
hellgrau: #e0e1e3
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
body{font-family: arial; font-size:13px; color:#6d6e70; width:100%;}
/* general */
.clr{clear:both;}
.blue-line{background:#263c6f; height:8px;}
b{font-weight:bold;}
a img{border:none;}
a{color:#263c6f; text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4, h5{margin-bottom:15px; font-weight: 700;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4, h5{font-size:16px;}
h5{padding-top:15px;}
p{line-height:21px; margin-bottom:10px; text-align:justify;}
/* header */
#header{position:relative; width:980px;height:250px; margin:0px auto; }
#logo{position:absolute; left:50px;}
/* navigation */
#nav ul {width:100%; height:33px;}
#nav ul li{display:inline;}
#nav ul li a{float:left; font-weight:700; margin-right:10px; background:/*#ccc*/ url(../img/nav_normal.png); width:155px; text-align:center; display:block; padding:10px 0; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
#nav ul li a:hover, #nav ul li.active a{color:#fff; background:/*#263c6f*/ url(../img/nav_active.png); text-decoration:none;}
#nav ul li.nav-last a{margin-right:0!important; float:right!important;}
/* content */
#content{width:980px; margin:0px auto;}
#resize {padding:30px; line-height:21px;}
#trennlinie{height:1px; border-bottom:1px solid #e0e1e3; margin-top:20px; margin-bottom:30px; }
/* column percent */
.one_half{float:left; width:46.6694%; margin-right:40px; margin-bottom:20px;}
.one_third{float:left; width:30.4%; margin-right:40px;}
.last{float:right; margin-right:0;}
a.btn{float:left; margin-top:10px; padding-left:12px; background:url(../img/arrow.png) no-repeat left center;}
#resize ul{line-height:21px; list-style-type:square; margin-left:15px;}
/* content left */
#content-left{float:left; width: 600px; line-height:21px;}
.toggle_section { clear: both; margin-right: 5px;margin-bottom: 1em;}
.toggle_section h4 {clear: both; padding: 5px 10px;margin-bottom: 10px; cursor: pointer; background: url('../img/icon_plus.png') no-repeat right #263c6f; color:#fff; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.toggle_section div + h4 {margin-top: 1em;}
.toggle_section h4.active { background: url('../img/icon_minus.png') no-repeat right #ececed; color: #263c6f;}
.toggle_section h4:hover { background-color: #263c6f; color: #263c6f; background:url('../img/icon_plus_hover.png') no-repeat right #ececed;}
.toggle_section h4.active:hover { background: url('../img/icon_minus.png') no-repeat right #ececed; color: #263c6f;}
.toggle_section div {background:#f9f9f9; padding: 0px 20px 20px 20px; margin-bottom: 1.5em; border-radius: 2px; }
.toggle_section div h4{padding-top:20px;}
table{width:100%;}
table tr td {padding: 0px 10px 0px 0px;}
/* team tabelle */
table.teamTable { width: 100%;}
table.teamTable tr {border: 1px dotted #e8e8e8; vertical-align: top;}
table.teamTable tr:nth-child(odd){background:#eeeeee;}
table.teamTable tr:nth-child(even){background:#ffffff;}
table.teamTable tr:hover {background:#eee; }
table.teamTable td { padding: 5px 10px;border:2px solid #fff;}
table.teamTable td+td { white-space: nowrap;}
table.teamTable a { text-decoration: none; vertical-align:middle; }
img.teamPic {position: fixed; z-index: 100; width: 180px; /*width: 210px; height: 280px;*/ visibility: hidden;}
/* sidebar */
#sidebar{float:right; width:280px; line-height:21px;}
ul#aktuelles {list-style-type:none; margin-left:0;}
ul#aktuelles li{margin-bottom:10px; border: 1px solid #e0e1e3 ;}
ul#aktuelles li a{color:#6d6e70; display:block; padding:15px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
ul#aktuelles li a:hover{color:#fff; background:#263c6f; text-decoration:none;}
a[data-tooltip]:before {position: absolute; left: 0; top: -40px; background-color: #000; color: #ffffff; height: 30px; line-height: 30px; border-radius: 5px; padding: 0 15px; content: attr(data-tooltip); white-space: nowrap; display: none;}
a[data-tooltip]:after {position: absolute; left: 15px; top: -10px; border-top: 7px solid #000; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: none;}
a[data-tooltip]:hover:after, [data-tooltip]:hover:before {display: block;}
#mitgliedschaften {padding: 25px; background: #fff; border-top: 1px solid #eee;}
img.mitglied {padding: 4px; border: 1px solid #eee; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ width: auto;}
a img.mitglied:hover {filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%);}
/* footer */
#footer{background:#263c6f; color:#fff;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer_resize{width:920px; margin:0px auto; padding:15px 0px 30px 0px;}
#fl{float:left;}
#fr{float:right;}