/* Init */
* {margin:0; padding:0;}
html {}
body {overflow-y:scroll; font-size:100.01%; color:#000; background:#fff; text-align:left;}
img {border:0 solid;}
ul, ol, dl, li {margin:0; padding:0;}
p {padding-bottom:1.0em;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}
#header, #main, #footer, #topnav, #mainnav {position:relative; clear:both; width:auto;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block;}
.floatinbox {overflow:hidden;}
#ie_clearing {display:none;}

/* Basics */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; color:#000; text-decoration:none; text-align:left;}
#page-margins {margin:0 auto; width:980px; padding:0 0 20px 0;}
#page, #header, #main, #footer {}
h1, h2, h3 {font-weight:normal;}

/* Header */
#header{height:150px;}
#logo {display:block;position:absolute; top:44px; left:30px;}
#topnav ul, #mainnav ul {list-style:none;}
#topnav {position:absolute; top:0; right:0;width:270px;height:25px;background-color:#26587a;}
#topnav ul li {float:left; font-size:11px;line-height:20px;}
#topnav ul li .icon {margin:0 7px -2px 15px;}
#topnav ul li a {color:#fff;}
#mainnav {position:absolute; top:70px; right:0;}
#mainnav ul li {float:left; font-size:16px;margin:0 0 0 35px;}
#mainnav ul li a {display:block; height:24px; line-height:13px; padding:2px 0 0 6px; border-left:4px solid #fff;}
#mainnav ul li a:hover, #mainnav ul li a.active {text-decoration:none; color:#26587a; border-left:4px solid #26587a;}
.author {display:block;font-size:11px;font-style:italic;text-align:right;}

/* Illu */
#illu {height:237px; padding:120px 0 0 30px; background-repeat:no-repeat;}
.index {background-image:url('../img/content/illu-index.jpg');}
.index2 {background-image:url('../img/content/illu-index2.jpg');}
.sport {background-image:url('../img/content/illu-sport.jpg');}
.consulting {background-image:url('../img/content/illu-consulting.jpg');}
.referenzen {background-image:url('../img/content/illu-referenzen.jpg');}
.marketing {background-image:url('../img/content/illu-marketing.jpg');}
.marketing2 {background-image:url('../img/content/illu-marketing2.jpg');}
.agentur {background-image:url('../img/content/illu-agentur.jpg');}
.team {background-image:url('../img/content/illu-team.jpg');}
.impressum {background-image:url('../img/content/illu-impressum.jpg');}
#illu h1{font-size:26px;text-transform:lowercase;}
#illu h2{font-size:14px;}

/* Main */
#main {padding:10px 30px 50px 30px;}
#main a {color:#26587a;}
#main a:hover {color:#000;}
#main ul {margin-left:13px; list-style-type:square; color:#26587a;}
#main ul li{color:#000;}
.col {width:280px;}
.first {float:left;}
.second, .long {margin-left:320px}
.third {float:right;}
.long {width:600px;}
.first50, .second50 {width:440px;}
.second50 {margin-left:480px}
.col h3 {display:block; font-size:18px; height:44px; padding:6px 0 0 17px; border-left:10px solid #26587a;}
.col-content {padding:0 30px 0 30px;}
.third .col-content {padding:0 0 0 30px;}
.icon-flag {border:1px solid #000; margin:0 5px -1px 0;}
.icon-big-flag {border:1px solid #000; margin:0 5px -13px 0;}
img.team {border:1px solid #26587a; margin:0 0 10px 0;}

/* Footer */
#footer {line-height:20px;background-color:#26587a; padding:15px 0 15px 30px; color:#fff;}
#footer a, #footer a:hover {color:#fff;}
#sideinfo{float:right; border-left:1px solid #fff; width:500px; padding:0 20px 0 30px;}
#sideinfo .col1 {float:left;width:120px;}
#sideinfo .col2 {margin-left:150px;width:200px;}
#sideinfo .col3 {float:right}