/*
Project:    CSG
URI:        www.cologne-strategy.com
Author:     Dotfly::Moritz Clever
Version:    0.1
Date:       2009/06/02
*/

/* 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,font,img,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Basic Elements */
body{ background-color: #ebedef; font: 13px Arial; color: #616262; overflow-y: scroll ;}
h2{ font: 24px Georgia; color: #414546; }
a{ text-decoration: none; color: #616262; }
p{ padding: 10px 0; line-height: 1.5; }
label{ width: 180px; display: block; float: left; }
input, textarea{ border: 1px solid #dbdbdb; color: #000; width: 330px; margin: 3px 0; }
strong.sp01{ padding-bottom: 10px; }
strong.sp02{ margin: 10px 0; display: block; }

/* Generic Classes */
.none{ display: none; }
.clear{ clear: both; }
.content{ width: 905px; margin: 25px auto; position: relative; background-color: #ffffff; padding: 25px; }
a.drucken{ padding-left: 15px; background: url('../images/structure/ico/drucken.gif') no-repeat center left; }
a.weiterempfehlen{ padding-left: 20px; background: url('../images/structure/ico/weiterempfehlen.gif') no-repeat center left; margin-left: 15px; }
img.shadow{ width: 244px; height: 189px; padding: 20px 20px; background: url('../images/content/picture-shadow.gif') center center no-repeat; margin-top: 25px; }
.image-border{ border: 1px solid #dbdbdb; padding: 10px; margin-top: 45px; }
.asso-image-border{ border: 1px solid #dbdbdb; padding: 10px; margin-top: 25px; }
input[type=submit], a.link{ font-size: 12px; font-weight: bold; color: #fff; display: block; width: 220px; background: #666e79 url('../images/structure/ico/link-link.gif') left center no-repeat; padding: 5px 5px 5px 40px;margin: 15px 0; text-align:left;}
a.download{ font-size: 12px; font-weight: bold; color: #fff; display: block; width: 220px; background: #666e79 url('../images/structure/ico/link-download.gif') left center no-repeat; padding: 5px 5px 5px 40px;margin: 15px 0;}
input[type=submit]{ font-weight: normal; width: 110px; }
div.trenner { height: 40px; width: 865px; background:url('../images/content/hr-bg.gif') repeat-x center 15px; margin: 0 auto; }

/* Header */
#MetaNavi{ list-style-type: none; position: absolute; top: 10px; right: 25px; font: 11px Arial; color: #898989; margin-top: 5px; }
#MetaNavi a{ text-decoration: none; color: #898989; }
#MetaNavi li{ display: block; float: left; padding: 0 5px; background: url('../images/structure/nav/metaNavBG.gif') no-repeat center right; }
#MetaNavi li.last { background: none; }
#Logo{ width: 225px; height: 30px; overflow: hidden; text-indent: -99999em; background: url('../images/structure/layout/logo.gif') no-repeat bottom; clear: both; padding-top: 10px; margin-left: 20px; }
#Logo:hover{ cursor: pointer; }
#Banner{ width: 905px; height: 149px; background-image: url('../images/structure/layout/banner_home.jpg'); margin-top: 30px; }
#Navi{ width: 100%; background-color: #666e79; height: 80px; }
#MainNavi{ background-color: #414546; width: 570px; height: 80px; display: block; }
#MainNavi li{ height: 11px; display: block; float: left; overflow: hidden; margin-top: 35px; text-indent: -99999em; }
#MainNavi a{ background-position:0 -11px; display: block; height: 11px; }
#MainNavi li a:hover, #MainNavi li.active a{ background-position:0 0; }
#MainNavi01 a{ width: 113px; background-image: url('../images/structure/nav/mainNav01.gif'); }
#MainNavi02 a{ width: 107px; background-image: url('../images/structure/nav/mainNav02.gif'); }
#MainNavi03 a{ width: 98px; background-image: url('../images/structure/nav/mainNav03.gif'); }
#MainNavi04 a{ width: 94px; background-image: url('../images/structure/nav/mainNav04.gif'); }
#MainNavi05 a{ width: 133px; background-image: url('../images/structure/nav/mainNav05.gif'); }
#SubNavi ul li{ display: block; float: left; padding: 0 10px; background: url('../images/structure/nav/subNavBG.gif') right center no-repeat; }
#SubNavi ul li.last{ background: none; }
#SubNavi a{ color: #414546; }
#SubNavi a:hover, #SubNavi ul li.active a{ color: #5699ce; }
#SubNavi{ border-bottom: 1px solid #dbdbdb; padding: 10px 13px; position: relative; height: 15px; }
#SubNavi h3{ font: 25px Georgia; position: absolute; right: 20px; top: 4px; }

/* Content */
#TeamPartner{ padding: 10px; border: 1px solid #dbdbdb; }
#MainContent{ margin-top: 50px; }
div.content-left{ width: 530px; float: left; padding-left: 23px; }
div.content-right{ float: right; width: 330px; }
div.content-only-left{ width: 530px; padding-left: 23px; }
#Zitat{ font: 31px Georgia; color: #414546; background: url('../images/structure/ico/zitat_small_home.gif') left top no-repeat; padding: 0 0 0 40px; margin-bottom: 20px; }
#Zitat img{ margin-bottom: -20px; }
#MainContent ul, div.content-only-left ul{ list-style-image: url('../images/structure/ico/list-style-image.gif'); line-height: 1.5; margin-left: 40px; }
#MainContent li, div.content-only-left li{ margin: 10px 0px; }

    /* Unternehmen */
    div.assoziierte-partner-single-first{ margin-top: 50px; }
    #AssoziiertePartnerTeamImg{ margin-top: 70px; padding: 10px; border: 1px solid #dbdbdb; }
    
    /* Impressum */
    #HrImpressum{ margin: 35px 0; }
    
    /* Karriere */
    #KarriereSubHeadline{ display: block; margin-bottom: -10px; }

/* Footer */
#Footer{ color: #898989; font-size: 10px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 5px 15px; position: relative; margin-top: 60px; }
#Footer a{ color: #898989; font-size: 12px; }
#Footer div{ position: absolute; right: 15px; top: 5px; }