/* CSS Document

Pixelapparat
http://www.pixelapparat.com

Start: 11.09.2009
Letzte Aenderung: 04.12.2009; Branko Gabrielski 

*/

/* FARBSCHEMA -----------------------------------------------------------------------------------------------
Überschrift: #b87b08;
Text: #002649;
News: #596b82;
---------------------------------------------------------------------------------------------------------- */




/* RESET ------------------------------------------------------------------------------------------------- */

* {
margin: 0;
padding: 0;
border: none;
}

img, a img {
border: none;
}

a:focus {
outline: none;
}

.cleaner {
clear: both;
}

a {
color: #ffffff;
text-decoration: none;
}

a:hover, a.aktiv {
color: #ff7c00;
}

img, div, a, input { behavior: url(iepngfix.htc) }

/* ------------------------------------------------------------------------------------------------------- */

body {
color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
background: #1d1d1d;
text-align: center;
background-image: url(../images/hg_main.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#wrapper {
position: relative;
margin: 0 auto;
width: 1152px;
}

#logo {
position: relative;
text-align: left;
margin: 70px 0 9px 741px;
}

#menu {
position: relative;
float: left;
width: 113px;
margin: 0 1px 0 0;
}

#menu li {
list-style-type: none;
margin: 0 0 1px 0;
width: 113px;
height: 26px;
overflow: hidden;
}

#menu li a {
display: block;
width: 85px;
height: 26px;
background-image: url(../images/menu_off.gif);
background-repeat: no-repeat;
background-color: transparent;
text-align: right;
line-height: 24px;
padding: 0 28px 0 0;
color: #ffffff;
}

#menu li a:hover {
background-image: url(../images/menu_over.gif);
}

#menu li a.aktiv {
background-image: url(../images/menu_on.gif);
}


#thumbs {
position: relative;
float: left;
width: 255px;
height: 354px;
}

#thumbs li {
list-style-type: none;
float: left;
}

#thumbs li a {
display: block;
width: 84px;
height: 44px;
background-color: #7b7c7e;
margin: 0 1px 1px 0;
text-align: left;
}

#thumbs li a:hover, #thumbs li a.over {
background-image: url(../images/thumb_over.gif);
background-repeat: no-repeat;
}

#thumbs li a.aktiv {
background-image: url(../images/thumb_on.gif);
}

#thumbs li a .image {
width: 77px;
height: 44px;
overflow: hidden;
}

#client_list {
position: relative;
float: left;
width: 353px;
text-align: right;
padding: 35px 15px 35px 0;
display: none;
}

#client_list h3 {
font-size: 28px;
color: #d86f1c;
font-weight: normal;
line-height: 30px;
margin: 0 0 4px 0;
}

#client_list li {
width: 176px;
height: 21px;
list-style-type: none;
float: left;
text-align: right;
}

#client_list a:hover {
color: #c1c1c1;
}

#content_footage {
position: relative;
float: left;
width: 630px;
height: 354px;
overflow: hidden;
margin: 0 0 1px 0;
}

#content_text {
position: relative;
float: right;
width: 580px;
min-height: 175px;
background-image: url(../images/hg_content.jpg);
background-repeat: repeat-x;
padding: 35px 25px;
text-align: left;
margin: 0 153px 0 0 !important;
margin: 0 76px 0 0;
}

#content_text a {
text-decoration: underline;
}

#content_text h1 {
position: relative;
float: left;
display: block;
width: 255px;
color: #7b7c7e;
font-size: 28px;
line-height: 30px;
font-weight: normal;
text-align: right;
margin: 0 25px 0 0;
}

#content_text h2 {
font-size: 15px;
line-height: 18px;
color: #ff7c00;
font-weight: normal;
margin: 6px 0 20px 0;
}

#content_text_wrapper {
float: left;
width: 300px;
}

#content_text_tab {
position: relative;
float: right;
width: 605px;
min-height: 175px;
background-image: url(../images/hg_content.jpg);
background-repeat: repeat-x;
padding: 35px 0 35px 25px;
text-align: left;
margin: 0 153px 0 0 !important;
margin: 0 76px 0 0;
}

#content_text_tab a {
text-decoration: underline;
}

#content_text_sp {
float: left;
width: 277px;
padding: 0 25px 0 0;
}

#content_text_sp p {
margin: 0 0 20px 0;
}

#content_text_tab h1 {
color: #7b7c7e;
font-size: 28px;
line-height: 30px;
font-weight: normal;
text-align: left;
margin: 0 25px 25px 0;
}

#info {
position: relative;
float: left;
width: 144px;
height: 354px;
padding: 0 0 0 8px;
text-align: left;
margin: -4px 0 0 0;
}

#info h2, #client_list h2 {
color: #7b7c7e;
font-weight: bold;
line-height: 15px;
font-size: 11px;
}

#info p, #client_list p {
margin: 0 0 15px 0;
}

#footer {
position: relative;
float: right;
width: 630px;
text-align: left;
margin: 0 153px 30px 0 !important;
margin: 0 76px 30px 0;
font-size: 10px;
color: #a8a8a8;
}

#footer a {
color: #a8a8a8;
}

#footer a:hover {
color: #ff7c00;
}