/* General */
* {
        margin: 0;
        padding: 0;
}

html, body {
        background: #666;
        font-size: 10pt;
        font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}

body {
        font-size: 100.01%;
}

a {
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

img {
        border: none;
}


.col-50-left {
}

.col-50-right {
}

.col-50-center {
        background: #ddd;
}


div#col-body {
        margin: 0 0 0px 0;
        width: 550px;
        float: left;
        padding: 0 0 0 0;
}




.tablebanner {
        height: 90px;
        width: 550px;
        background: url(../images/banner_form_75.jpg) no-repeat bottom center;
}



.tablebottom {
        height: 20px;
        width: 550px;
        background: #666;
}




h1 {
        font-size: 10pt;
        color: #333;
        font-weight: bold;
        background: #999;
        margin: 0 0 10px 0;
        padding: 11px 10px 10px 10px;
}

div#col-body h2 {
        font-size: 10pt;
        color: #F77321;
        padding: 20px 10px 5px 10px;
}

div#col-body h2 a {
        font-size: 10pt;
        color: #F77321;
}

div#col-body h3 {
        font-size: 10pt;
        color: #333;
        margin: 0 10px 5px 10px;
        padding: 10px 0px 5px 0px;
        font-weight: bold;
        border-bottom: solid 1px #ccc;
}

div#col-body h4 {
        font-size: 10pt;
        color: #333;
        margin: 0 10px 5px 10px;
        padding: 10px 0px 5px 0px;
        font-weight: bold;
        border-bottom: solid 1px #ccc;
}

div#col-body p {
        font-size: 10pt;
        color: #333;
        padding: 0 10px 10px 10px;
        line-height: 1.3;
}

div#col-body a {
        color: #F77321;
}

.cont_img_left {
        padding: 5px 10px 5px 0;
        float: left;
}

.cont_img_right {
        padding: 5px 0 5px 10px;
        float: right;
}

.cont_img_left_lb {
        padding: 5px 10px 20px 0;
        float: left;
        background: url(../images/dot_17_170_imglg.gif) no-repeat bottom left;
        rel: lightbox[Images];
}

.cont_img_right_lb {
        padding: 5px 0 20px 10px;
        float: right;
        background: url(../images/dot_17_170_imglg.gif) no-repeat bottom right;
}




/* Contact form */
div.kontaktformular label {
        float: left;
        width: 130px;
}

div.kontaktformular input {
        vertical-align: middle;
}

div.kontaktformular p.abschicken {
        margin: 0 0 0 130px;
}

div.kontaktformular p.abschicken input {
        font-size: 10pt;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
        width: 370px;
}

div.kontaktformular textarea {
        height: 150px;
}


/* Guestbook */

div.vpgb_eintrag {
}

div#vpgb_nav {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 10px;
}

.table_gb {
        width: 530px;
        margin: 0px 10px 15px 10px;
        border-spacing: 0px;
}

.table_gb_td_header {
        vertical-align: top;
        font-weight: bold;
        padding: 0 0 5px 0;
}

.table_gb_td_data {
        font-size: 8pt;
        line-height: 1.3;
        width: 160px;
        padding: 5px 10px 0 0;
        vertical-align: top;
        background: #ccc;
        padding: 5px 5px 5px 5px;
}

.table_gb_td_content {
        font-size: 8pt;
        line-height: 1.3;
        vertical-align: top;
        background: #eee;
        padding: 5px 5px 5px 5px;
}

.table_gb_td_image {
        vertical-align: top;
}



.table_gb_navi {
        width: 530px;
        margin: 0px 10px 10px 10px;
        border-spacing: 0px;
}

.table_gb_td_naviL {
        width: 100px;
        background: #666;
        padding: 2px 0 3px 5px;
        vertical-align: top;
        font-weight: bold;
 }
.table_gb_td_naviC {
        background: #666;
        padding: 2px 0 3px 0;
        vertical-align: top;
        font-weight: bold;
        text-align: center;
 }
.table_gb_td_naviR {
        width: 100px;
        background: #666;
        padding: 2px 5px 3px 0;
        vertical-align: top;
        font-weight: bold;
        text-align: right;
 }


/* FORM */


.phptab {
        width: 540px;
        margin: 0 10px 0 0;
}

.title_01 {

 font-size: 10pt;
 color: #BBB;
 font-weight: bold;
 padding: 10px 0 0 0;
 }
.title_01_bb {

 font-size: 10pt;
 color: #BBB;
 font-weight: bold;
 padding: 10px 0 10px 0;
 border-bottom: solid 1px #E5E5E5;
 }

.title_02 {

 font-size: 10pt;
 color: #BBB;
 font-weight: bold;
 padding: 10px 0 0 0;
 }


.text_01 {

 font-size: 10pt;
 color: #666;
}
.text_01_bb {

 font-size: 10pt;
 color: #666;
 padding: 5px 0 5px 0;
 border-bottom: solid 1px #E5E5E5;
}
.text_01_ind {

 font-size: 10pt;
 color: #666;
 padding: 0px 0px 0px 10px;
}
.text_02 {

 font-size: 10pt;
 color: #666;
}

.text_03 {

 font-size: 8pt;
 color: #999;
}

.text_04 {

 font-size: 8pt;
 color: #999;
}

.text_04_ind {

 font-size: 8pt;
 color: #999;
 padding: 0px 0px 0px 10px;
}

.line_01 {
 border-bottom: solid 1px #E5E5E5;
}

.link_01 {
 display: block;
}

div#modstat  {
 display: block;
 margin: 10px 0 0 0;
}

div#imgstat  {
 margin: 10px 10px 1px 10px;
 padding: 5px;
 background: #333;
}


.stat_01 {
 font-size: 8pt;
 color: #666;
 display: block;
 padding: 3px 5px 3px 5px;
 margin: 0 10px 0px 0px;
 background: #333;
}

.stat_01_a {
 font-size: 8pt;
 color: #666;
 display: block;
 padding: 3px 5px 3px 5px;
 margin: 0 10px 1px 10px;
 background: #333;
}

.stat_01_b {
 font-size: 8pt;
 color: #BBB;
 display: block;
 padding: 3px 5px 3px 5px;
 margin: 0 10px 1px 10px;
 background: #333;
}

.stat_01_c {
 font-size: 8pt;
 color: #BBB;
 display: block;
 padding: 3px 5px 3px 5px;
 margin: 0 10px 1px 10px;
 background: #333;
}

.stat_01_d {
 font-size: 8pt;
 color: #BBB;
 display: block;
 padding: 3px 5px 3px 5px;
 margin: 0 10px 1px 10px;
 background: #333;
}

.stat_01_r {
 font-size: 8pt;
 color: #111;
 display: block;
 padding: 3px 5px 3px 5px;
 margin: 0 10px 1px 10px;
 background: #EEBB99;
}

.stat_01_g {
 font-size: 8pt;
 color: #111;
 display: block;
 padding: 3px 5px 3px 5px;
 margin: 0 10px 1px 10px;
 background: #BBEE99;
}

.list_01 {

 font-size: 10pt;
 color: #BBB;
}

.list_02 {

 font-size: 10pt;
 color: #BBB;
}

.list_03 {

 padding: 5px 0 0 0;
 font-size: 8pt;
 color: #BBB;
}


.input_form_img {
        margin: 0 5px 0 5px;
 }

.input_form {

 font-size: 10pt;
 color: #111;
 background: #BBB;
 border: solid 1px #BBB;
 padding: 2px;
 margin: 0;
 width: 320px;
}

.input_form_r {
 font-size: 10pt;
 color: #111;
 background: #EEBB99;
 border: solid 1px #EEBB99;
 padding: 2px;
 margin: 0;
 width: 320px;
}

.input_form_g {
 font-size: 10pt;
 color: #111;
 background: #BBEE99;
 border: solid 1px #BBEE99;
 padding: 2px;
 margin: 0;
 width: 320px;
}

.input_form_off {
 font-size: 10pt;
 color: #111;
 background: #333;
 border: solid 1px #333;
 padding: 2px;
 margin: 0;
 width: 320px;
}

.input_form_go {
 font-size: 10pt;
 color: #F77321;
 font-weight: bold;
 background: #333 ;
 border: solid 1px #333;
 padding: 2px;
 margin: 0;
}

.input_form_go_sec {
 font-size: 10pt;
 color: #F77321;
 font-weight: bold;
 background: #333;
 border: solid 1px #333;
 padding: 2px;
 margin: 0;
}

.tab_form {
        width: 100%;
        margin: 10px 0 0 0;
}





/* Galerie */

.gal_tab {
  width: 520px;
}

.gal_td {
  text-align: center;
  width: 33%;
}

.gal_td_img {
  height: 122px;
  text-align: center;
  background: #999;
}

.gal_img {
  border: 1px solid #999;
}

.gal_td_text {
  background: #ccc;
  padding: 0 3px 0px 3px;
  font-size: 8pt;
  color: #333;
  text-align: left;
}
.gal_td_link {
  background: #ccc;
  padding: 3px 0px 3px 0px;
}





/* Lightbox */

        #lightbox {
                position: absolute;
                top: 10px;
                left: 0;
                width: 100%;
                /*z-index: 100;*/
                z-index: 990;
                text-align: center;
                line-height: 0;
        }
        #lightbox a img { border: none; }
        #outerImageContainer {
                position: relative;
                background-color: #000;
                width: 250px;
                height: 250px;
                margin: 0 auto;
                padding: 30px;
                border: solid 2px #333;
        }
        #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;*/
                z-index: 970;
        }
        #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 {
                color: #fff;
                font: 10px Verdana, Helvetica, sans-serif;
                background-color: #333;
                margin: 0 auto;
                padding: 10px 30px 10px 30px;
                line-height: 1.4em;
                border: solid 2px #333;
        }
        #imageData {
                padding:0 10px;
        }
        #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;*/
                z-index: 980;
                width: 100%;
                height: 500px;
                background-color: #000;
                filter:alpha(opacity=60);
                -moz-opacity: 0.6;
                opacity: 0.6;
        }
        .clearfix:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
        }
        * html>body .clearfix {
                display: inline-block;
                width: 100%;
        }
        * html .clearfix {
                /* Hides from IE-mac \*/
                height: 1%;
                /* End hide from IE-mac */
        }