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 {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
line-height:1;
color:#fff;
font-family:Arial;
height:100%;
background:#DB1F26;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

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

h3 {
font-weight:400;
z-index:10;
cursor:pointer;
}

.sub_nav,.sub_nav2,.sub_nav3,.sub_nav4 {
background:#DB1F26;
position:absolute;
top:0;
height:0;
font-size:10px;
z-index:100;
width:0;
}

.sub_nav4 {
z-index:90;
font-size: 11px;
}

.sub_nav2 {
line-height:12px;
padding-left:10px;
padding-right:10px;
padding-top:15px;
overflow:hidden;
font-size: 11px;
}

.sub_nav2 p {
margin-bottom:10px;
width:342px;
}

.sub_nav3 h4 {
color:#FFF;
font-size:13px;
font-weight:400;
letter-spacing:1px;
line-height:16px;
text-transform:uppercase;
}

.sub_nav3 #address {
border-top:1px dotted;
margin-top:13px;
padding-top:16px;
text-transform:uppercase;
}

#logo {
background:#DB1F26 none repeat scroll 0 0;
border:0 solid;
height:24px;
left:32px;
position:absolute;
top:28px;
width:336px;
}

#logo h1 {
font-size:20px;
font-weight:400;
left:8px;
letter-spacing:1px;
position:absolute;
text-transform:uppercase;
top:2px;
}

#navigation li {
display:block;
margin-bottom:9px;
}

#current_projekt_background {
background: #DB1F26 none repeat scroll 0 0;
height: 50px;
left: 32px;
position: absolute;
top: 64px;
width: 145px;
}

.sub_nav div.navigation {
width:150px;
height:440px;
float:left;
}

#current_projekt {
cursor:pointer;
}

#current_projekt h3 {
font-size:11px;
left:32px;
letter-spacing:1px;
padding-left:12px;
padding-top:32px;
position:absolute;
top:67px;
width:135px;
z-index:500;
}

#projekt_auswahl {
background:#DB1F26 none repeat scroll 0 0;
border:0 solid;
height:24px;
left:202px;
position:absolute;
top:63px;
width:140px;
}

#bauimpressionen {
border:0 solid;
height:23px;
left:361px;
position:absolute;
top:63px;
width:149px;
background:#DB1F26;
z-index:100;
}

#open_div {
border:0 solid;
height:23px;
left:361px;
position:absolute;
top:63px;
width:149px;
background:#DB1F26;
}

#projekt_auswahl h3,#bauimpressionen h3,#open_div h3 {
font-size:11px;
left:8px;
letter-spacing:1px;
position:absolute;
top:6px;
text-transform:uppercase;
}

#impressum {
background:#DB1F26 none repeat scroll 0 0;
cursor:pointer;
height:24px;
left:32px;
position:absolute;
top:635px;
width:90px;
}

#impressum h3 {
font-size:11px;
left:8px;
letter-spacing:1px;
position:absolute;
top:6px;
z-index:1000;
}

#kontakt {
background:#DB1F26 none repeat scroll 0 0;
cursor:pointer;
height:24px;
left:135px;
position:absolute;
top:635px;
width:90px;
}


#last_item
{
cursor:pointer;
height:24px;
left:135px;
position:absolute;
top:645px;
width:90px;

}

#kontakt h3 {
font-size:11px;
left:8px;
letter-spacing:1px;
position:absolute;
top:6px;
z-index:999;
}

#freunde {
background:#DB1F26 none repeat scroll 0 0;
cursor:pointer;
height:24px;
left:238px;
position:absolute;
top:635px;
width:90px;
}

#freunde h3 {
font-size:11px;
left:8px;
letter-spacing:1px;
position:absolute;
top:6px;
z-index:99;
}

#overlay {
position:absolute;
z-index:1;
background:#000;
top:690px;
left:135px;
width:300px;
}

.nav-controls,#controls {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:0 solid green;
display:block;
float:right;
height:100px;
left:20px;
position:absolute;
width:100px;
}

#n_proj
{
*border:0px solid red;
z-index: 10000000000000000;
*height:20px;
padding: 0;
margin: 0;
}

#l_proj
{
*display:none;
}


html>body {
height:210px;
}

#bg_box {
width:100%;
/* height:100%; */
top:0;
left:0;
position:absolute;
z-index:-1;
overflow:hidden;
}

#bg_box img {
width: 100%;
}


#auswahl {
color:#FFF;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DB1F26 none repeat scroll 0 0;
height:600px;
left:32px;
position:absolute;
top:63px;
width:740px;
/* _width:1025px; */
padding:37px 0 25px 10px;
}

#auswahl2 {
background:#DB1F26 none repeat scroll 0 0;
color:#FFF;
left:32px;
padding-left:0;
padding-top:35px;
position:absolute;
top:62px;
width:965px;
height:620px;
}

#welcome_message {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DB1F26 none repeat scroll 0 0;
color:#FFF;
font-size:40px;
height:493px;
left:32px;
letter-spacing:1px;
padding-left:10px;
padding-right:5px;
padding-top:33px;
position:absolute;
text-transform:uppercase;
top:124px;
width:760px;
opacity:.0;
display: none;
}

#welcome_message .close_div {
font-size:12px;
position:absolute;
right:8px;
top:7px;
cursor:pointer;
padding:5px;
}

.sub_nav {
padding-left:11px;
padding-top:32px;
width:143px;
height:500px;
overflow:hidden;
margin:99px 63px 63px 32px;
z-index: 1;
}

.thumbs {
width:125px;
overflow:hidden;
}

.sub_nav #thumbs {
border-top:1px dotted;
padding-top:13px;
position:absolute;
width:125px;
clear:both;
}

.caption {
display:none;
}

.gallery_item {
border:0 solid #FFF;
display:inline;
float:left;
width:135px;
}

.gallery_item ul li {
margin-bottom:9px;
}

.gallery_item .projekt_title {
border-bottom:1px dotted #FFF;
font-size:11px;
margin-bottom:10px;
padding-bottom:6px;
width:125px;
letter-spacing:1px;
}

.projekt_details {
border-top:1px dotted #FFF;
font-size:11px;
font-weight:700;
padding-top:10px;
position:relative;
width:125px;
line-height: 13px;
}

.projekt_details p {
font-weight:400;
margin-bottom:11px;
margin-top:10px;
}

.previous_set,.next_set {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CD5555 none repeat scroll 0 0;
height:16px;
_height:14px;
padding-top:2px;
_padding-top:0;
_padding-bottom:5px;
_position:relative;
_top:2px;
text-align:center;
width:125px;
margin-bottom:2px;
border: 1px solid;
}

.next_set
{
background:transparent url(../../images/last_img.gif) no-repeat scroll 0 0px;
}

.sub_nav .projekt_details {
border-top:1px dotted #FFF;
font-size:11px;
font-weight:700;
margin-top:35px;
padding-top:10px;
position:absolute;
top:382px;
width:125px;
}

#kontakt2 {
left:248px;
position:relative;
top:622px;
width:100px;
background:green;
}

#kontakt2_content {
position:absolute;
bottom:0;
}

#next_image {
height:100%;
width:100px;
float:right;
}

#image_count {
font-size:10px;
left:148px;
position:absolute;
top:72px;
z-index:1000;
}

#next_gallery_set {
background:#FFF none repeat scroll 0 0;
color:#000;
height:155px;
left:979px;
position:absolute;
top:200px;
vertical-align:text-top;
width:20px;
cursor:pointer;
}

#previous_gallery_set {
background:#FFF none repeat scroll 0 0;
color:#000;
height:155px;
left:8px;
position:absolute;
top:200px;
vertical-align:text-top;
width:20px;
cursor:pointer;
}

.paginationstyle {
left:800px;
position:absolute;
text-align:center;
width:250px;
margin:10px 0;
padding:2px 0;
}


.next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
display:block;
height:100%;
width:100px;
}

#nxt_img {
height:100%;
min-height:100%;
position:fixed;
width:100px;
right:0;
top:0;
background:transparent;
display:block;
}

#advance_gallery {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
height:155px;
left:50%;
opacity:1;
position:relative;
top:30%;
width:20px;
padding-top:20px;
}

#scriptspaginate {
left:0;
position:absolute;
top:0;
/* display:none; */
}

#scriptspaginate .previous {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DB1F26 none repeat scroll 0 0;
color:#FFFFFF;
font-size:11px;
height:96px;
left:685px;
padding-top:77px;
position:absolute;
top:136px;
width:12px;
}

#scriptspaginate .next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DB1F26 none repeat scroll 0 0;
color:#FFFFFF;
font-size:11px;
height:96px;
left:713px;
padding-top:77px;
position:absolute;
text-align:center;
top:136px;
width:10px;
}

#auswahl.paginationstyle {
width:250px;
text-align:center;
margin:10px 0;
padding:2px 0;
}

#auswahl div.slideshow {
display:none;
height:100%;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:-1;
}

#auswahl .bottom {
margin-bottom:6px;
position:relative;
}

#auswahl .pagination {
font-size:11px;
position:relative;
top:-2px;
line-height: 15px;
*top:0px;
_top:0px;

}

#navigation {
margin-bottom:20px;
}

#footer {
/*
float:right;
position:relative;
text-align:center;
top:80%;
width:70px;
overflow:hidden;
*/


float:right;
overflow:hidden;
position:fixed;
right:0;
text-align:center;
top:38%;
width:70px;

}

div > div#footer
{
  position: fixed;
}






/*
div#fixme {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
*/
* html #footer {
right: auto; bottom: auto;
left: expression( ( 0 - footer.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}




#sidebar {
position:fixed;
right:0;
background:#FFC0CB;
width:50px;
height:100%;
text-align:center;
top:0;
z-index:1000000;
display:none;
}

#test {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:orange none repeat scroll 0 0;
left:600px;
position:absolute;
width:100px;
padding:20px;
}

.sub_nav li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
width:125px;
}

#projekt_title2 {
margin-bottom:8px;
font-weight:normal;
}

#projekt_desc {
font-weight:400;
margin-bottom:10px;
}

.nav-controls2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:orange none repeat scroll 0 0;
display:block;
float:right;
height:100px;
left:200px;
position:absolute;
width:100px;
}

#lft_2 {
border:0 solid #FFC0CB;
color:#DB1F26;
font-size:0;
left:-827px;
position:absolute;
top:450px;
z-index:1000;
filter:alpha(opacity=0);
-moz-opacity:0.0;
-khtml-opacity:0.0;
opacity:0.0;
_top:472px;
*top:472px;

}

#rgt_2 {
filter:alpha(opacity=0);
-moz-opacity:0.0;
-khtml-opacity:0.0;
opacity:0.0;
color:#DB1F26;
font-size:0;
height:20px;
left:-827px;
opacity:0;
position:absolute;
top:472px;
width:127px;
z-index:1000;
_top:492px;
*top:492px;

}

#b_card {
left:230px;
position:relative;
top:-75px;
}

#n_proj {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/next_thumbs.gif) no-repeat scroll 50% 20px;
bottom:9px;
height:40px;
left:50%;
position:fixed;
width:125px;
z-index:10000000;
}

#l_proj {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/previous_thumbs.gif) no-repeat scroll 50% 20px;
border:0 solid red;
bottom:30px;
height:40px;
left:50%;
margin-right:10px;
position:fixed;
width:125px;
z-index:10000001;
}

#projektauswahl_inactiv {
font-size:11px;
left:210px;
letter-spacing:1px;
position:absolute;
top:69px;
z-index:10;
}

#projektauswahl_inactiv h3 {
text-transform:uppercase;
}

html {
overflow-y:scroll;
}

.sub_nav3,.sub_nav4 {
padding-left:10px;
padding-top:15px;
padding-right:10px;
font-size:11px;
overflow:hidden;
}

::selection,::-moz-selection {
background:#fff;
color:#DB1F26;
}

#kontakt2_wrap,#thumbs_wrapper {
position:relative;
}

.paginationstyle select,#auswahl.paginationstyle select {
margin:0 15px;
}

.paginationstyle a,#auswahl.paginationstyle a {
text-decoration:none;
border:0 solid #000;
color:navy;
background-color:#FFF;
padding:0 5px;
}

.paginationstyle a:hover,.paginationstyle a.selected,#auswahl.paginationstyle a:hover,.paginationstyle a.selected {
color:#000;
background-color:#FEE496;
}

.paginationstyle a.imglinks,#auswahl.paginationstyle a.imglinks {
border:0;
padding:0;
}

.paginationstyle a.imglinks img,#auswahl.paginationstyle a.imglinks img {
vertical-align:bottom;
border:0;
}

.paginationstyle a.imglinks a:hover,#auswahl.paginationstyle a.imglinks a:hover {
background:none;
}

.paginationstyle .flatview a:hover,.paginationstyle .flatview a.selected,#auswahl.paginationstyle .flatview a:hover,.paginationstyle .flatview a.selected {
color:#000;
background-color:#FF0;
}


.ecke
{
background: url(../../images/ecke.png);
background-repeat: no-repeat;
height:25px;
width:15px;
z-index:1000000000;
position:absolute;
*display: none;
_display: none;
}

#current_projekt .ecke
{
background:transparent url(../../images/ecke.png) no-repeat scroll 0 25px;
height:49px;
left:141px;
position:absolute;
top:-3px;
}

#current_projekt .ecke .ecke_top
{
background:#DB1F26 none repeat scroll 0 0;
height:25px;
width:15px;
}

#ecke_switch
{
background: #DB1F26 none repeat scroll 0 0;
height:48px;
left:139px;
position:absolute;
filter:alpha(opacity=0);
-moz-opacity:0.0;
-khtml-opacity: 0.0;
opacity: 0.0;

top:-3px;
width:15px;

}

#impressum .ecke
{
left:84px;
z-index:0;
}


#kontakt .ecke
{
left:84px;
z-index:0;
}

#freunde .ecke
{
left:84px;
z-index:0;
}




#logo .ecke
{
left:334px;
top:0;
}

.pauswahl
{
top: 63px;
left: 337px;
}

#arb
{
left:43px;
position:absolute;
top:66px;
z-index:100;
}

#was
{
left:49px;
position:absolute;
top:70px;
z-index:100;
}




.sub_nav
{
_z-index: -1;
*z-index: -1;

}


.thumbs li a img
{
/*
_border: 1px solid #cdcdcd;
_z-index: 100000;
_position: relative;
*/
}
