@charset 'utf-8';
@import url(reset.css);

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* ----------------------------------------------------- Page layout */
body {background: #000/* url(bg_dark_tint_1920_col.jpg) 50% 0 no-repeat*/; background-attachment: fixed; text-align: center}
body#branchen , body#sponsoren{background: #000 url(bg_branchen.png) 50% 0 repeat-y;}
body#frontpage {background: #000 url(bg_frontpage_1920x1080.jpg) top left no-repeat; background-attachment: fixed}
body#frontpage #outerwrapper {width: 960px; height: auto; display: block; margin: 0 auto 0 auto}
#outerwrapper {width: 960px; height: auto; display: block; margin: 0 auto 0 auto}

#wrapper {}
body#defaultbody #logo a, body#branchen #logo a, body#sponsoren #logo a {display: block; width: 100%; height: 120px; text-indent: -4000px; margin: 0 0 10px 0; background: transparent url(logo.png) 455px 30px no-repeat}
body#frontpage #logo {width: 660px; text-align:right; margin: 0 0 10px 0}

#headseperator {width: 100%; float: left; height: 10px; border-top: 2px solid #637A99; margin: 10px 0 0 0}
#head {width: 960px; height: 240px; background-repeat: no-repeat; background-position: 0 0; position: relative; float: left}
#head a#magnifyer {display: block; position: absolute; overflow: hidden; text-indent: -4000px; bottom: 10px; right: 10px; width: 32px; height: 32px; background: transparent url(magnifyer.png) top left no-repeat}

#content {margin: 50px 0 0 0; width: 100%; float: left; clear: both; border-bottom: 2px solid #637A99; padding: 0 0 50px 0}
#contentflickr {margin: 70px 0 0 0; width: 100%; float: left; clear: both; border-bottom: 2px solid #637A99; padding: 0 0 50px 0}

#colAfrontpage {width: 600px; float: left; text-align: left; color: #fff; margin: 50px 0 0 50px}
#headfrontpage {width: 100%; height: 150px; background: transparent url(logo_frontpage.png) top left no-repeat; margin: 0 0 20px 0; overflow: hidden}

ul#navigationfrontpage {width: 100%; height: 50px; text-align: left; position: relative; float: left; clear: both; background: transparent url(bg_frontpage_menu.png) top left repeat-x; margin: 120px 0 0 0; padding: 3px 0 0 10px}
ul#navigationfrontpage li, ul#navigationfrontpage li a {display: inline; padding: 0 5px 0 5px; font: normal 15px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none}
ul#navigationfrontpage li a:hover {color: #B3B3B3}

div.frontpageRow {width: 100%; height: auto; background: transparent url(frontpage_row.png) top left repeat; margin: 15px 0 15px 0; padding-bottom: 20px; position: relative}
div#sponsors {background: #fff url(bg_frontpage_sponsors.png) 0 20px no-repeat; margin: 15px 0 15px 0; padding-top: 262px}
div.maindescription p {font-size: 17px !important}
div.maindescription em {font-style: normal !important; font-size: 14px !important}
div.frontpageRow div.article {padding: 0 20px 0 20px; margin: 10px 0 0 0}

#colA {width: 575px; float: left; text-align: left; color: #fff; overflow: hidden}
#colB {width: 330px; float: right; text-align: left; color: #fff}
#colA .row {float: left; width: 100%; clear: both; margin: 0 0 20px 0}

#colA h1, #colB h1, #colAfrontpage h1 {font: normal 20px Arial, Helvetica, sans-serif; color: #637A99; border-bottom: 1px solid #637A99; display: block; padding: 0 0 6px 0; margin: 0 0 6px 0}
#colA h1, #colB h1 {color: #637A99}
#colAfrontpage h1 {color: #fff; border: 0; padding: 20px 20px 0 20px}
#colA h2, #colB h2, h2, h3 {font: normal 18px Arial, Helvetica, sans-serif; color: #637A99; display: block; padding: 0 0 6px 0; margin: 0 0 6px 0}
h2 a {text-decoration: none}
h3 {margin: 0 0 0 0}
#colAfrontpage h2 {font: normal 18px Arial, Helvetica, sans-serif; color: #fff; display: block; padding: 0 0 6px 0; margin: 0 0 6px 0}
#colA div, #colA div p, #colB div, #colB div p, #colB, #colAfrontpage p {font: normal 14px Arial, Helvetica, sans-serif; color: #B3B3B3; line-height: 150%}
#colA div, #colA div p, #colB div, #colB div p, #colB {color: #B3B3B3}
#colAfrontpage p {color: #fff}
#colA p, #colB p, #colAfrontpage p {margin: 0 0 10px 0}
#colA small {display: block; padding: 3px 0 0 0; color: #637A99; font-size: 10px}
#colA a, #colB a, #footer a {color: #637A99}
#footer a {color: #B3B3B3}
#colAfrontpage a {color: #fff}
/* #colA a:hover, #colB a:hover {color: #fff} */
#colA a.more {color: #fff}

.downloadbox {padding: 15px; background: #415063; color: #fff !important}
.downloadbox a {color: #C9D1DC !important}


ul#navigation {width: 100%; text-align: left; position: relative; float: left; clear: both; border-top: 2px solid #637A99; padding: 10px 0 0 0; margin: 10px 0 0 0}
ul#navigation li, ul#navigation li a {display: inline; font: normal 15px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none}
ul#navigation li a:hover {color: #637A99}
ul#navigation li {margin: 0 0 0 0; padding: 0 20px 0 0}
ul#navigation li:last-child {border-right: 0}

ul.branchennav {text-align: left !important; width: 70%}
ul.branchennav li {/*margin-left: 0 !important*/}
li#branchennav_bth {position: absolute; right: 0; top: 10px; text-align: right !important; padding-right: 0 !important}

#footer {padding: 10px 20px 50px 0; font: normal 10px Arial, Helvetica, sans-serif; color: #B3B3B3; float: left; width: 100%; text-align: right}

/* Branchenportal Spezial */
#branchen {background: #000 url(bg_branchen.png) 50% 0 repeat-y;} 
#branchen #colA div, #branchen  #colA div p, #branchen #colB div, #branchen #colB div p, #branchen #colB {color: #666}
#branchen #colA h1, #branchen #colB h1 {color: #637A99; border-bottom: 1px solid #637A99}
#branchen #colA h2, #branchen #colB h2, #branchen h2 {color: #637A99}

#branchen ul#navigation, #sponsoren ul#navigation {border-top: 2px solid #637A99}
#branchen ul#navigation li, #branchen ul#navigation li a, #sponsoren ul#navigation li, #sponsoren ul#navigation li a {color: #333}
#branchen ul#navigation li a:hover, #branchen ul#sponsoren li a:hover {color: #637A99}

/* Form */
input.text {display: block; width: 95%; margin: 0 0 10px 0; padding: 2px; background: #374455; border: 0; border-bottom: 1px dotted #B3B3B3}
textarea {display: block; width: 95%; margin: 0 0 10px 0; padding: 2px; background: #374455; border: 0; height: 50px; border: 1px dotted #B3B3B3}
input.text:focus, textarea:focus {background: #fff; border: 0}
.submit {background: #ccc; border: 1px solid #ccc; margin: 5px 0 0 0}
label {display: block; font-size: 10px; text-transform: uppercase; margin: 0 0 -3px 0}
input.text, textarea {font: 13px normal Arial, Helvetica, sans-serif; color: #637A99}
/* Pagination */
.paginate_r a {display: block; float: left; padding: 0 5px 0 5px; text-align: center; background: #B3B3B3; margin: 0 0 0 2px; text-decoration: none; color: #fff !important}
.paginate_r a:hover, .paginate_r a.active {background: #fff; color: #B3B3B3 !important}
.paginate_r a.bwd, .paginate_r a.fwd {background: none !important; padding: 0 !important}
#branchen .paginate_r a.bwd, #branchen .paginate_r a.fwd {background: none !important; color: #333 !important}

/* Flickr Show */
div.flickr_preview {width: 100%; height: auto; margin: 0 0 10px 0; clear: both; overflow: hidden}
div.flickr_preview a {display: block; position: relative; float: left; width: 575px; height: 175px; margin: 0 0 15px 0; border-bottom: 1px solid #637A99; text-decoration: none}
div.flickr_preview p {color: #637A99 !important; display: block; position: relative; float: left; width: 100%; height: 175px; margin: 0 0 15px 0; border-bottom: 1px solid #637A99; text-decoration: none}
div.flickr_preview span {display: block; width: 100%; height: auto; position: absolute; top: 0; left: 260px}
div.no-pic span {left: 0}
div.no-pic p {height: 75px}
div.flickr_preview span.thumb {left: 256px}

div.company_preview {width: 100%; height: auto; margin: 0 0 10px 0}
div.company_preview a {display: block; width: 575px; overflow: hidden; position: relative; float: left; height: 175px; margin: 0 0 15px 0; border-bottom: 1px solid #637A99; text-decoration: none; padding: 0 0 0 0}
div.company_preview p {color: #637A99 !important; display: block; position: relative; float: left; width: 100%; height: 175px; margin: 0 0 15px 0; border-bottom: 1px solid #637A99; text-decoration: none}
div.company_preview span {display: block; width: 300px; height: auto; position: absolute; top: 0; left: 280px}
div.company_preview span.thumb {left: 256px}

/* Reset the reset */
strong {font-weight: bold}
em {font-style: italic}
small {font-size: 80%}
input {font-family: Verdana, Geneva, sans-serif !important}

/* Handy things */
.nb {border: 0 !important}
object, embed {margin: 0  !important; padding: 0  !important}