/*******************************************************/
/* CSS DEfinition - Dickmann Projektentwicklung */
/*******************************************************/

/*******************************************************/
/* General elements*/
body {
        background-color:rgb(255,255,255);
        text-align:left;
        padding:0px;
        margin:0px;
        font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:rgb(22,22,22);
}

a:link {color:rgb(22,22,22); text-decoration:none;}
a:visited {color:rgb(22,22,22); text-decoration:none;}
a:active {color:rgb(22,22,22); text-decoration:none;}
a:hover {color:rgb(120,120,120); text-decoration:none;}

/*******************************************************/
/* Projektseiten definitions special */

*.menucontent a {
        display: block;
        color: rgb(175,109,53);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent a:hover {
        background: rgb(175,109,53);
        display: block;
        color: rgb(245,245,245);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 11px;
        font-weight: 500;
        text-transform: uppercase;

}

*.selectet_projekt {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 13px;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}

*.selectet_projekt a {
        background: rgb(175,109,53);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}
*.projekte { color:rgb(175,109,53);}
*.projekte a:link {color:rgb(30,30,30); text-decoration:none;}
*.projekte a:visited {color:rgb(30,30,30); text-decoration:none;}
*.projekte a:active {color:rgb(175,109,53); text-decoration:none;}
*.projekte a:hover {color:rgb(175,109,53); text-decoration:none;}

*.h-projekt { font-size:12px; font-weight: normal; background: rgb(175,109,53); color: rgb(245,245,245); display: block; text-transform: uppercase; padding: 2px 1px 2px 6px;}


/* Startseite definitions special */

*.selectet_index {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 13px;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}

*.selectet_index a {
        background: rgb(82,122,154);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: right;
}
*.menucontent_i a {
        display: block;
        color: rgb(82,122,154);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_i a:hover {
        background: rgb(82,122,154);
        display: block;
        color: rgb(245,245,245);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_i {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 11px;
        font-weight: 500;
        text-transform: uppercase;
}

*.link_index a {
        color: rgb(82,122,154);
}

*.link_index a:hover {
        color: rgb(245,245,245);
        background: rgb(82,122,154);
        display: block;
}

*.link_index {
        text-align: right;
        font-size:12px;
        font-weight: 400;
        text-transform: uppercase;
}

/* Impressum definitions special */

*.selectet_impressum {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 13px;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}

*.selectet_impressum a {
        background: rgb(110,110,106);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: right;
}
*.menucontent_impressum a {
        display: block;
        color: rgb(110,106,106);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_impressum a:hover {
        background: rgb(110,106,106);
        display: block;
        color: rgb(245,245,245);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_impressum {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 11px;
        font-weight: 500;
        text-transform: uppercase;
}
/* firma definitions special */

*.selectet_firma { width: inherit; text-align: right; font-size:16px; line-height: 13px; font-weight: 500; text-transform: uppercase; padding-bottom: 2px; padding-top: 2px; }
*.selectet_firma a { background: rgb(121,159,70); color: rgb(245,245,245); display: block; text-transform: uppercase; padding-bottom: 2px; padding-top: 2px; text-align: right; }
*.menucontent_firma a { display: block; color: rgb(121,159,70); padding-bottom: 2px; padding-top: 2px; }
*.menucontent_firma a:hover { background: rgb(121,159,70); display: block; color: rgb(245,245,245); padding-bottom: 2px; padding-top: 2px; }
*.menucontent_firma { width: inherit; text-align: right; font-size:16px; line-height: 11px; font-weight: 500; text-transform: uppercase; }

*.firma { color:rgb(121,159,70);}

*.firma a:link {color:rgb(121,159,70); text-decoration:none;}
*.firma a:visited {color:rgb(121,159,70); text-decoration:none;}
*.firma a:active {color:rgb(121,159,70); text-decoration:none;}
*.firma a:hover {color:rgb(30,30,30); text-decoration:none;}

*.h-firma { font-size:12px; font-weight: normal; background: rgb(121,159,70); color: rgb(245,245,245); display: block; text-transform: uppercase; padding: 2px 1px 2px 6px;}

/* referenzen definitions special */

*.selectet_referenz { width: inherit; text-align: right; font-size:16px; line-height: 13px; font-weight: 500; text-transform: uppercase; padding-bottom: 2px; padding-top: 2px; }
*.selectet_referenz a { background: rgb(150,123,17); color: rgb(245,245,245); display: block; text-transform: uppercase; padding-bottom: 2px; padding-top: 2px; text-align: right; }
*.menucontent_referenz a { display: block; color: rgb(150,123,17); padding-bottom: 2px; padding-top: 2px; }
*.menucontent_referenz a:hover { background: rgb(150,123,17);display: block; color: rgb(245,245,245); padding-bottom: 2px; padding-top: 2px; }
*.menucontent_referenz { width: inherit; text-align: right; font-size:16px; line-height: 11px; font-weight: 500; text-transform: uppercase; }

*.referenz { color:rgb(150,123,17);}
*.referenz a:link {color:rgb(30,30,30); text-decoration:none;}
*.referenz a:visited {color:rgb(30,30,30); text-decoration:none;}
*.referenz a:active {color:rgb(150,123,17); text-decoration:none;}
*.referenz a:hover {color:rgb(150,123,17); text-decoration:none;}

*.h-referenz { font-size:12px; font-weight: normal; background: rgb(150,123,17); color: rgb(245,245,245); display: block; text-transform: uppercase; padding: 2px 1px 2px 6px; }

/* beratung definitions special */

*.selectet_beratung { width: inherit; text-align: right; font-size:16px; line-height: 13px; font-weight: 500; text-transform: uppercase; padding-bottom: 2px; padding-top: 2px;}
*.selectet_beratung a { background: rgb(136,130,125); color: rgb(245,245,245); display: block; text-transform: uppercase; padding-bottom: 2px; padding-top: 2px; text-align: right;}
*.menucontent_beratung a { display: block;        color: rgb(136,130,125); padding-bottom: 2px; padding-top: 2px;}
*.menucontent_beratung a:hover { background: rgb(136,130,125); display: block; color: rgb(245,245,245);        padding-bottom: 2px; padding-top: 2px;}
*.menucontent_beratung { width: inherit; text-align: right; font-size:16px; line-height: 11px; font-weight: 500; text-transform: uppercase;}

*.beratung { color:rgb(136,130,125);}
*.beratung a:link {color:rgb(30,30,30); text-decoration:none;}
*.beratung a:visited {color:rgb(30,30,30); text-decoration:none;}
*.beratung a:active {color:rgb(136,130,125); text-decoration:none;}
*.beratung a:hover {color:rgb(136,130,125); text-decoration:none;}

*.h-beratung { font-size:12px; font-weight: normal; background: rgb(136,130,125); color: rgb(245,245,245); display: block; text-transform: uppercase; padding: 2px 1px 2px 6px;}

/* Nutzung definitions special */

*.selectet_nutzung {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 13px;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}

*.selectet_nutzung a {
        background: rgb(130,4,4);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: right;
}
*.menucontent_nutzung a {
        display: block;
        color: rgb(130,4,4);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_nutzung a:hover {
        background: rgb(130,4,4);
        display: block;
        color: rgb(245,245,245);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_nutzung {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 11px;
        font-weight: 500;
        text-transform: uppercase;
}

*.link_nutzung a {
        color: rgb(130,4,4);
}

*.link_nutzung a:hover {
        color: rgb(245,245,245);
        background: rgb(130,4,4);
        display: block;
}

*.link_nutzung {
        text-align: right;
        font-size:12px;
        font-weight: 400;
        text-transform: uppercase;
}
/* Nutzung definitions kontakt */

*.selectet_kontakt {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 13px;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}

*.selectet_kontakt a {
        background: rgb(85,57,26);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: right;
}
*.menucontent_kontakt a {
        display: block;
        color: rgb(85,57,26);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_kontakt a:hover {
        background: rgb(85,57,26);
        display: block;
        color: rgb(245,245,245);
        padding-bottom: 2px;
        padding-top: 2px;
}

*.menucontent_kontakt {
        width: inherit;
        text-align: right;
        font-size:16px;
        line-height: 11px;
        font-weight: 500;
        text-transform: uppercase;
}

*.link_kontakt a {
        color: rgb(85,57,26);
}

*.link_kontakt a:hover {
        color: rgb(245,245,245);
        background: rgb(85,57,26);
        display: block;
}

*.link_kontakt {
        text-align: right;
        font-size:12px;
        font-weight: 400;
        text-transform: uppercase;
}

/*******************************************************/
/* Box definitions */

#width_container {width:100%; height:auto; overflow:auto;}

#headabstand {
        width:auto;
        height: 10px
}

#container {
        width:871px;
        height:auto;
        margin-top:0px;
        padding:0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
/*******************************************************/
#mainbody_home {
        background-image:url(../images/index.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
}
#mainbody_home_hg {
        background-image:url(../images/index_hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: center;
}
/*******************************************************/
#mainbody_index {
        background-image:url(../images/projekt.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: left top;
}
#mainbody_index_hg {
        background-image:url(../images/projekt-hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: left;
}
/*******************************************************/
#mainbody_impressum {
        background-image:url(../images/impressum.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
}
#mainbody_impressum_hg {
        background-image:url(../images/impressum_hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: center;
}
/*******************************************************/
#mainbody_firma {
        background-image:url(../images/about.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
}
#mainbody_firma_hg {
        background-image:url(../images/about_hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: center;
}
/*******************************************************/
#mainbody_referenz {
        background-image:url(../images/referenz.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
}
#mainbody_referenz_hg {
        background-image:url(../images/referenz_hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: center;
}
/*******************************************************/
#mainbody_beratung {
        background-image:url(../images/beratung.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
}
#mainbody_beratung_hg {
        background-image:url(../images/beratung_hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: center;
}
/*******************************************************/
#mainbody_nutzung {
        background-image:url(../images/nutzung.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: left top;
}
#mainbody_nutzung_hg {
        background-image:url(../images/nutzung_hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: left;
}

/*******************************************************/
#mainbody_kontakt {
        background-image:url(../images/kontakt.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: left top;
}
#mainbody_kontakt_hg {
        background-image:url(../images/kontakt_hg.jpg);
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: left;
}

/*******************************************************/

#header {
        height:320px;
        padding-top: 10px;
}

#contend {
        height:inherit;
        padding-top: 30px;
        margin-right: 0px;
        overflow: visible;
}
#linkbox_index {
        width:358px;
        float: right;
        height:inherit;
        padding-top: 50px;
}

#linkbox {
        width:360px;
        float: right;
        height:inherit;
        padding-top: 50px;
}

#linkbox_rechts {
        width:145px;
        float: right;
        height:auto;
        padding-top: 28px;
}

#linkbox_rechts_referenz {
        width:145px;
        float: right;
        height:auto;
        padding-top: 77px;
}
#linkbox_rechts_beratung {
        width:145px;
        float: right;
        height:auto;
        padding-top: 104px;
}
#linkbox_links {
        width:209px;
        float: left;
        height:auto;
}
.aktuell {
        width:440px;
        height:auto;
        overflow:hidden;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
        padding-left: 5px;
        background-color:rgb(215,227,237);
        border-top-width: 3px;
        border-right-width: 3px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: none;
        border-top-color:rgb(255,255,255);
        border-right-color:rgb(255,255,255);
        border-bottom-color:rgb(255,255,255);
        border-left-color:rgb(255,255,255);
}
.aktuellueber {
        color:rgb(240,240,240);
        background-color:rgb(82,122,154);
        font-size: 16px;
        font-weight: 500;
        width: 150px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: right;
        float:right;
}
#maintext1 {
        width:448px;
        height:auto;
        overflow:hidden;
        padding-top: 5px;
        padding-right: 50px;
        padding-bottom: 5px;
        padding-left: 5px;
}


.maintext {
        float: right;
        height:auto;
        width: 440px;
        color:rgb(168,99,166);
}

.speider {height:auto;}

.button {
        color: rgb(245,245,245);
        font-size: 11px;
        background-color: rgb(85,57,26);
        border-top : 1px solid rgb(152,118,81);
        border-left : 1px solid rgb(152,118,81);
        border-right : 1px solid rgb(20,20,20);
        border-bottom : 1px solid rgb(20,20,20);
}

/*******************************************************/
td { color:rgb(175,109,53);}


h1 {
        font-size:18px;
        font-weight: normal;
        text-transform: uppercase;
}

h2 {
        font-size:12px;
        font-weight: normal;
        background: rgb(175,109,53);
		padding: 2px 1px 2px 6px;
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}

h3 {
        font-size:12px;
        font-weight: normal;
        background: rgb(110,106,106);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
}


.h7 {
        font-size:12px;
        font-weight: normal;
        background: rgb(130,4,4);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 4px;
}

.h8 {
        font-size:12px;
        font-weight: normal;
        background: rgb(85,57,26);
        color: rgb(245,245,245);
        display: block;
        text-transform: uppercase;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 4px;
}


.h1_klein
{
        font-size:12px;
        text-transform: none;
        text-align: right;
}


.index { color:rgb(82,122,154);}
.impressum { color:rgb(110,110,106);}



.nutzung { color:rgb(130,4,4);}
.kontakt { color:rgb(85,57,26);}
.form {
        color:rgb(85,57,26);
        background-color: rgb(152,118,81);
        font-size: 9pt;
}
.unterstrichen { text-decoration:underline; } 

/*Bilder*/

.thumbnail{
position: relative;
z-index: 100;
overflow:hidden;
}

.thumbnail:hover{
background-color: transparent;
z-index: 101;
overflow:hidden;
}

.thumbnail span{ /*großes Bild*/
position: absolute;
background-color:rgb(255,255,255);
padding: 5px;
left: -1000px;
border: 2px solid #FFFFFF;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 100;
overflow:hidden;
}

.thumbnail span img{ /*großes Bild*/
border-width: 0;
padding: 2px;
overflow:hidden;
}

.thumbnail:hover span{ /*großes Bild image hover*/
visibility: visible;
top: -412px; /*position nach nach oben -  */
left: 160px; /*position nach rechts */
overflow:hidden;

}


.thumbnail1{
position: relative;
z-index: 100;
overflow:hidden;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 101;
overflow:hidden;
}

.thumbnail1 span{ /*großes Bild*/
position: absolute;
background-color:rgb(255,255,255);
padding: 5px;
left: -1000px;
border: 2px solid #FFFFFF;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 100;
overflow:hidden;
}

.thumbnail1 span img{ /*großes Bild*/
border-width: 0;
padding: 2px;
overflow:hidden;
}

.thumbnail1:hover span{ /*großes Bild image hover*/
visibility: visible;
top: -250px; /*position nach nach oben -  */
left: 160px; /*position nach rechts */
overflow:hidden;

}
/********************** Lightbox **************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }