/*-------------------------------------------------------------- RESET ---------------------------------------------------------------*/ * { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } ul, ol, { list-style: none; } li {list-style: none;} b, strong { font-weight: bold; } img, a img { border: none; } /*-------------------------------------------------------------- SCHRIFT / GRÖSSE ---------------------------------------------------------------*/ body { font-size: 12px; font-family: Arial, Verdana, sansserif; color: #1b1b1b; } h1, h2, h3 { font-family:Arial, Verdana,sanserif; font-weight: regular; } h1, h2 { color: #1b1bb; font-style: regular; } h1 { font-size: 2.5em;line-height: 1.0em; margin-bottom: 0.3em; } h2 { font-size: 1.6em; margin-bottom: 0.2em;} h3 { font-size: 1.2em; padding-left: 1em; } h4 { font-size: 1em; font-style:italic; color:#0b3154; } hr {margin-left:13px; margin-right:13px; border:none; border-top: 1px solid #fff; color:1b1b1b; background-color:1b1b1b; height: 1px; } /*-------------------------------------------------------------- LINKS ---------------------------------------------------------------*/ a:link, a:visited { text-decoration: none; color: #1d5a85; } a:hover, a:active { text-decoration: none; color: #0f0f0f; } /*-------------------------------------------------------------- LAYOUT ---------------------------------------------------------------*/ .home {background:#fff; } #container {width: 900px;position:relative; margin: 0 auto;} #header {width:100%; background:#1b1b1b; height: 115px; } #headerTop { width: 100%; height: 115px; } #headerTopIn { width: 100%; height: 100px; } #content { width: 100%; } #footer { width:100%; background:#1b1b1b; clear:both; position:fixed; bottom:0;z-index:100; } #headerTopIn, #contentIn, #titel, #footerIn { position: relative; margin: 0 auto; width: 900px; } #logo { position: absolute; top: 40px; } /*-------------------------------------------------------------- NAVIGATION ---------------------------------------------------------------*/ #topNav { position: absolute; right: 0px; top: 5px; } #topNav ul li { display: inline; padding-left:10px; } #navigation { font-family:Arial, Verdana,sanserif; font-size:1.1em; color:#FFF; font-weight: regular; float: left; position: absolute; top: 45px; left:274px; width: 400px; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { float: left; text-transform: none; display: inline; list-style: none; text-align:left; padding-left: 35px;} #navigation ul li a:link, #navigation ul li a:visited { font-family:Arial, Verdana,sanserif;float: left;display:inline; color: #dddddd; text-decoration: none; } #navigation ul li p { font-family:Arial, Verdana,sanserif; float: left; color: #fff; text-align: center; text-decoration:underline; } #navigation ul li:hover { } #navigation ul li a:hover { color: #ffffff;text-decoration:underline; } /*-------------------------------------------------------------- LAYOUT "In" ---------------------------------------------------------------*/ #titel h1 { font-family: 'Georgia', 'Trebuchet MS',Times New Roman , serif; font-size: 1.2em; padding-top: 60px; } #main { width: 100%; float: left; padding-top:40px; padding-bottom: 20px; font-family: Arial, Verdana, sansserif; font-size:12px; } #main img { border:none;} #main table th { float:left; border:none; font-family:Arial, Verdana, sans-serif; font-size:14px;font-weight: bold; color:#0f3855; text-align:left; line-height:1.0em;} #main table { margin-top:0px; border:none;} #main table td, #main table td a:link { padding-bottom:1px; font-family: Arial, Verdana, sansserif; font-size:12px; } .colMain { float: left; width: 50%; padding: 50px 0 20px 0; } .colMain ul { padding-left:10px; } .colMain li {background: url(../images/correct.gif) no-repeat 0 1px; padding-bottom:5px; padding-left:10px;} .colMain li p {padding-left:12px;} .colLeft { padding-right: 1em; } .colRight { padding-left: 1em; } #sidebarRight { width: 25%; float: right; margin-top: 20px; position: relative; padding-bottom: 20px; } .boxhead { background:#1b1b1b; color:#FFF; font-size: 18px; font-family: Arial, Verdana, sansserif; font-weight:bold; margin-top:3px; padding-left:10px;} .boxhead h5 { color:#FFF; font-size: 13px; font-family: Arial, Verdana, sansserif; font-weight:bold; margin-top:4px; } .abstand { margin-top:-4px; } #box {margin-left:30px; font-family: Arial, Verdana, sansserif; color: #1b1b1b; } #box table td a:link, #box table td { font-family: Arial, Verdana, sansserif;font-size: 9px; } #box div { padding: 0em; } #box p, #box table td a:link {padding-left:10px; font-size: 11px; } /*3 projects */ #contentin_projects {width: 100%; height:1820px; clear: both; position: relative; margin: 0 auto; width: 980px; } #mainprojects { width: 840px; float: left; margin-top: 10px;padding-bottem: 40px; padding:0px; } #mainprojects p { padding:0px 25px 0 0px; } #mainprojects table { width:928px; margin-top:15px; } #mainprojects table td { padding-right:0px; } #mainprojects table tr td { padding-bottom:28px; } div.fadehover {position: relative;} img.hover { position:relative;border:none; z-index: 10;} #textFader { position: absolute; left: 0px; top: 0; width: 280px; height: 150px; background-color: #1d1d1d; } #textFader h4 {margin-left:20px; margin-top:100px;} #textFader p {margin-left:20px;margin-top:120px;color:#fff;} .textFader { position: absolute; left: 0px; top: 0; width: 280px; height: 150px; background-color: #1d1d1d; } .textFader h4 {margin-left:20px; margin-top:100px;} .textFader p {margin-left:20px;margin-top:120px;color:#fff;} #overview { position:absolute; top:150px; left: 490px;float:right; background: url(../images/icon_overview.gif) no-repeat right center transparent; } #overview a {padding-right:25px;} .nextlast {marging-top:0px;} .nextproject {float:right; background:url(../images/arrow_rigth.gif) no-repeat scroll right center transparent;padding-right:10px;} .lastproject {float: left;background:url(../images/arrow_left.gif) no-repeat scroll left center transparent;padding-left:10px;} .referenzen {float: left;width: 280px;} .referenzen table a {color: #008882} .overview {float: right; background: url(../images/icon_projectoverview.gif) no-repeat right transparent; margin-top:10px;} .overview table a {font-size:31px; margin-right:10px;} /* Slideshow fuer projekte - anderer slider style rules*/ #project_detail { float:left; margin-top:10px; height:416px; } #slideshow { position:relative;width:592px;height:416px;background:#1b1b1b; } #slidesContainer {padding-top:1px; padding-left:1px; position:relative;text-align:left;width:590px;height:414px;} #slideshow #slidesContainer .slide {width:590px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */height:414px;} #imagebox {margin-top:1px;margin-bottom:1px;width:590px;height:414px;} #image {position:relative;padding:10px 0px 10px 0px;margin:0 10px 0 10px;width:590px;height:414px;} .marginalRight { float:left; margin-left:25px; width:283px; background:#1b1b1b; height:416px; } .marginalRight h1 { margin-left:13px; margin-top:13px; font-family:Arial, Verdana,sanserif; font-size:14px; color:#FFF; line-height:1.3em;} .marginalRight p { margin-left:13px; margin-right:13px; margin-top:13px; font-family:Arial, Verdana,sanserif; font-size:12px; color:#FFF; line-height:1.3em;} /** * Slideshow controls style rules. */ .control {display:block;width:35px;height:35px;text-indent:-10000px;position:absolute; cursor: pointer;z-index:400;} #leftControl {top:180px;left:1px;background:transparent url(../images/arrow_left.png) no-repeat 0 0;} #rightControl {top:180px;right:1px;background:transparent url(../images/arrow_right.png) no-repeat 0 0;} /*ueber mich*/ .ueber_mich { margin-top:15px; } .ueber_mich table table { margin-right:20px; } .werdegang table { position:relative;} /*kontakt*/ .kontakt { float: left; padding-top:15px; height: 405px; } .kontakt_colLeft { background-color:#1b1b1b; width:195px;height: 405px; } .kontakt_colLeft table { margin-left:15px; color:#fff; position: relative; } .kontakt_colLeft table td a:link, .kontakt_colLeft table td a:hover, .kontakt_colLeft table td a:visited{ color:#99c0dd;} #kontakt_arianarama { font-size:10px; color:#99c0dd; } .kontakt_arianarama table { font-size:10px; color:#fff; position: relative; } .kontakt_arianarama table td a:link, .kontakt_arianarama table td a:hover, .kontakt_arianarama table td a:visited{ color:#99c0dd;} .kontakt_colRight {margin-left:25px; width:680px; position:relative; } /*3 columne in fußzeile*/ .col {float: left; width: 900px; } .col p { text-decoration:underline; } .col ul, .col li {float: left; display: inline; position: relative; font-size: 1em; text-align: center; list-style: none; padding: 5px 10px 5px 0px;color:#dddddd;} .col ul li a:link { color:#ddd;} .col ul li a:hover { color:#fff; text-decoration:underline;} .col ul li a:visited { color:#fff;} .clearfloat { clear: both; } .fl { float: left; padding-right: 0.5em; padding-bottom:15px; } .datum { color:#84a702; font-weight: bold; } #copyright {font-family: Arial, Verdana, sansserif;font-size:10px;color: #fff;float: right; text-align: right; padding-top:10px;}