/******************************************************************************
***** Stylesheet für göpper+maurer
*******************************************************************************/
html {height:100%}

body {
        background-color:#f6f6f6;
        margin:0px;
        padding:0px;
        font-size:13px;
        font-family:Arial,sans-serif;
        font-weight:normal;
        color:#104da5;

        }


A.pdf {font-weight:bold;padding:0px 0px 4px 22px;background-repeat:no-repeat;background-image:url(img/pdf.gif);}

TABLE {border:0;border-collapse:collapse;}
TABLE TD {padding:0;vertical-align:top;}

.caption {font-size:85%;color:#666;padding-left:auto;}
.warning {color:#f33;margin-bottom:0;font-size:120%;font-weight:bold;}
.comment {color:#f33;margin-bottom:10px;font-size:90%;}
.comment .neutral{color:#000;}

/* Tabellen */

TABLE.content {margin-top:auto;border:1px solid #ccc}
TABLE.content TH {text-align:left;color:#fff;background:#8F001A;border-right:1px solid #ccc;padding-left:8px;}
TABLE.content TD {padding:4px;background:#fff;border-right:1px solid #ccc;border-bottom:1px dashed #ccc;}



        #text TABLE.adresse {width:410px;font-color:#104da5;font-size:110%;border-top:5px;}
        #text TABLE.adresse TD.last {text-align:left;}
        #text  TD.first {padding-right:20px}
        #text TABLE.adresse TD.first {width:100%;}
        #text TABLE.adresse TD {font-weight:bold;}
        #text TD {padding:2px 10px 2px 0px;}

        #text TABLE.adresse2 {width:490px;font-color:#104da5; font-size:110%;border-top:10px;}
        #text TABLE.adresse2 TD.last {text-align:left;}
        #text TABLE.adresse2 TD.first {width:100%;}
        #text TABLE.adresse2 TD {font-weight:bold;}




body.indent H1 {margin-top:10px; margin-left:1px;}

body.impressum #footer {display:none;}

#footer {clear:both;font-size:11px;font-weight:bold;z-index:1;position:absolute;bottom:5px;right:33px;}
#logofuss {text-align:right;margin-right:33px;margin-bottom:25px;}





#text H3 A  {text-decoration:none;font-weight:bold;border-bottom:0; background-repeat:no-repeat;background-image:url(img/plusonly.gif);background-position:0px 2px;}

#text A {text-decoration:none; font-weight:bold;border-bottom:0px dashed #2C4D76}
 DIV.off {display:block;}
#text        A:hover{text-decoration:underline; border-bottom:0px solid #00A8EC}
 DIV.off {display:none;}


IMG {border:0;}
DIV.imgbox {margin-bottom:4px;border:1px solid #666;background:#fff;}
DIV.right {float:right;margin-left:5px;}
body DIV#gbg {margin-left:auto;margin-right:auto;padding-bottom:80px;margin-top:0px;width:1000px;}
body DIV#container {position:relative;left:0px;top:1px;width:1000px;background-image:url(img/bg.jpg); background-color:#EFEFEF;height:750px;
        margin:0;border:1px solid #666;
        }





#scroll {position:absolute;top:116px;left:15px;overflow:auto;width:881px;height:582px;padding:5px 10px 0px 0px;z-index:255;}





#col-left {float:left;width:250px;margin-bottom:30px;}
#col-left h2 {width:250px;font-weight:normal;margin-top:0;}
DIV.indent {margin-left:250px;}


        #text {padding-left:113px;padding-right:20px;text-align:justify; padding-top:25px;padding-bottom:20px;}


        /* links */
                a:link    { text-decoration:none; color:#104da5; }
                a:visited { text-decoration:none; color:#104da5; }
                a:active  { text-decoration:underline; color:#104da5; }
                a:hover   { text-decoration:underline; color:#104da5; }





td.cell                        { width:130px; border:1px solid #444444; }
td.cell_pic                { width:130px; border:1px solid #DE0080; }

td.checkbox                { font-size:8pt; color:#000000; font-weight:bold; padding:0px; margin:0px; padding-left:2px; }



h1        {
        font-size:24px;
        font-family:Arial,sans-serif;
        font-weight:normal;
        line-height:15pt;
        font-style:normal;
        color:#2B58A3;
        margin-top:12px;
        color:#104da5;
        }

h2        {
        font-size:18px;
        font-family:Arial,sans-serif;        font-weight:bold;        line-height:150%;        font-weight:normal;
        color:#104da5;
        margin-top:8px;        margin-bottom:8px;
        }

h3        {
        font-size:16px;
        font-family:Arial,sans-serif;
        font-weight:bold;
        line-height:12pt;
        font-style:normal;
        color:#104da5;
        margin-top:8px;
        }
h4        {
        font-size:13px;
        font-family:Arial,sans-serif;
        font-weight:bold;
        line-height:12pt;
        font-style:normal;
        color:#104da5;
        margin-top:8px;
        }

p        {
        font-size:13px;
        font-family:Arial,sans-serif;
        font-weight:normal;
        font-style:normal;
        color:#104da5;
        line-height:16pt;
	 margin-top:0px;
        margin-bottom:12px;
        }

ul         {
        list-style-position:outside;
        font-size:13px;
        font-weight:normal;
        margin: 8px 0px 8px 16px;
        padding:0px;
        list-style-type:square;
        }

li        {
        padding:0px;
        margin-left:15px;
        margin-bottom:5px;
         color:#104da5;
        line-height:16pt;
        }



/* formconfig */
.formconfig {}
.formconfig select  {margin:3px 0px 3px 0px;color:#104da5;background-color:#fff;}
.formconfig input                {color: #000;border: 1px solid #104da5;margin:3px 0px 3px 0px;background-color:#fff;}
.formconfig DIV.button input         {background-color:transparent;font-weight:bold;border-color:#104da5;color:#104da5}
.formconfig input.checkbox         {border:0;}
.formconfig input.radio,
.formconfig input.checkbox {border:0;}
.formconfig input.big {width:290px;}
.formconfig input.small {width:69px;}
.formconfig input.medium {width:215px;}
.formconfig input.special {width:142px;}

.formconfig DIV.textarea {margin-bottom:10px;}
.formconfig DIV LABEL {display:block;width:120px;float:left;clear:left;font-size:100%}
.formconfig DIV.checkbox LABEL {display:inline;width:90px;float:none;clear:none;font-size:90%}
 .formconfig DIV.checkboxes DIV.checkbox  {width:400px;float:left;padding-left:0px;}

.formconfig DIV.checkboxes {margin-top:10px;margin-bottom:10px;position:absolute;
        right:20px;;top:145px;width:400px;}
.formconfig DIV.checkboxes DIV.blockcomment {float:none;width:auto;font-size:85%}

.formconfig DIV.button {display:block;clear:both;}

.formconfig DIV.comment {font-weight:bold;color:#104da5; margin-left:120px;font-size:85%;display:block;clear:both;}
.formconfig .comment A {font-weight:normal;}

.formconfig TEXTAREA {width:290px;height:120px;font-size:85%;font-family:Verdana,sans-serif;border: 1px solid #104da5;background-color:#fff;}
.formconfig DIV.submit  {margin-left:148px}
                .optlabel {margin-right:10px;line-height:0;}
.formconfig .comment .missingfield {color:#104da5;font-weight:bold;}
.formconfig .message {font-weight:bold;color:#104da5;}


.formconfig DIV.anfrage {margin-bottom:20px;border:1px solid #ccc;background-color:tranparent;padding:5px;width:430px;}

.formconfig DIV.radio {margin-bottom:20px;}
.formconfig DIV.radio .optlabel {font-size:90%;font-weight:bold;padding-left:3px;}
.formconfig DIV.radio input.radio {margin-bottom:-3px;}



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

#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: transparent url(../images/blank.gif) no-repeat; /* 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) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#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;        }

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

      }