* {margin: 0px; padding: 0px;}
html {height: 101%;}
body {background: #eeeeee; font-size: 11px; font-family: helvetica, arial, sans-serif; color: #5a5a5a; }
a {color: #97c14c;}
a img {border: 0px;}
.wrapper {width: 100%}
#wrapper_header {background: #eeeeee url('../img/header_bg.jpg'); height: 300px;}
#wrapper_footer {background: #eeeeee url('../img/footer_bg.jpg'); height: 300px;}
#wrapper_main {background: #c8c8c8;}

#header, #main, #footer {width: 960px; margin: 0 auto; height: 100%}
#header {background: transparent url('../img/main_shadow_top.jpg') center bottom no-repeat; }
#macbook {width: 412px; height: 250px; margin: 0 auto;}
#navigation {width: 960px; height: 50px;}
#navbox{width: 200px; height: 51px; float:left;}
#navigation ul {float:left; margin: 8px 10px 0 10px; width: 180px; height: 20px;}
.pfeilbox {float:left; height:23px; width:180px; margin: 0 10px;}
#pfeil {float:left; height:23px; width: 33%; background: transparent url('../img/pfeil.png') bottom center no-repeat;}
.pfeilbox .pfeil_middle {margin: 0 33%;}
.pfeilbox .pfeil_left {margin: 0 66% 0 0;}
.pfeilbox .pfeil_right {margin: 0 0 0 66%;}
#navigation li {float: left; list-style-type:  none; font-size: 18px; width: 33%; height: 100%; text-align: center;}
#navigation a {color: #5a5a5a; text-decoration: none;}
/*.active_li {background: transparent url('../img/pfeil.png') bottom center no-repeat;}*/
.active a, #navigation a:hover{color: #ffffff !important; text-decoration: none;}
hr {background: #5a5a5a; height: 1px; border: 0px; margin-top: 18px;  }
#hr_left {margin-left: 50px; height: 50px; width: 330px; float:left;}
#hr_right {margin-right: 50px; height: 50px; width: 330px; float:right;}
#main {background: url('../img/main_bg.jpg'); padding: 1px 0;}
#green_top{width: 960px;height:3px; background: transparent url('../img/green_top.jpg') no-repeat;}
#content {width: 960px; overflow: auto;}
.klammer_left {float:left; width: 50px; height: 167px; background: url('../img/klammer_left.jpg') no-repeat ; margin-top: 93px;}
.previews {float:left; width: 860px; height: 342px;}
.preview_container {float: left; width: 200px; height: 342px; margin-left: 12px;}
.preview {float: left; width: 200px; height: 200px; background: transparent url('../img/preview.png') no-repeat ; margin-top: 71px;}
.previews .roll, #work .roll {background: transparent url('../img/preview.png') no-repeat 0px -200px ;}
.roll {cursor: pointer;}
.preview_img  { width: 180px; height:180px; margin:10px;  float: left; }
.klammer_right {float:left; width: 50px; height: 167px; background: url('../img/klammer_right.jpg') no-repeat; margin-top: 93px;}
#green_bottom {width: 960px; height:3px; background: transparent url('../img/green_bottom.jpg') no-repeat bottom center;}
#footer {background: transparent url('../img/main_shadow_bottom.jpg') center top no-repeat;}
#footer_3parts {width: 860px; margin: 0 50px; float: left;}
#footer_3parts div {width: 33%; height: 170px; float: left; text-align: center;}
#footer_3parts div p {font-size: 13px; margin-top: 10px;}
#footer h2 {text-align: center !important;}
h2 a {color: #5a5a5a; text-decoration: none;}
#footer_copy { width: 960px; height: 30px; text-align: center; float: left; margin-top: 20px;}
.script{display: none; overflow: auto;}
.work {height: 212px !important;}
.work .preview {margin: 0 0 0 0 !important;}
.work_content {margin: 50px 50px; overflow: auto;}

/*CONTENT*/
.section {margin:0 50px;}
p {margin:0 0 20px 0}
h1 {font-weight: normal; text-align: left; margin: 10px 10px 10px 0; font-size: 18px;}
h2 {font-weight: normal; text-align: left; margin: 10px 10px 5px 0; font-size: 14px;}

/*WORK*/
.thumb_big {width: 530px; float: left; margin: 20px 20px 20px 50px;}
.thumb_big_top {height: 25px; width: 530px; background: url('http://geco-web.at/img/thumb_big_bg_top.png'); float: left;}
.thumb_big_middle {width: 530px; background: url('http://geco-web.at/img/thumb_big_middle.png') repeat-y; float: left; padding-left: 25px;}
.thumb_big_bottom {height: 25px; width: 530px; background: url('http://geco-web.at/img/thumb_big_bg_bottom.png'); float: left;}
.thumb_big_description {float: left; width: 310px; margin: 30px 0 0 0;}
.thumb_big_description li {list-style-position: inside;}