body {
 width: 100%;
 height: 100%;
 padding: 0px;
 margin: 0px;
 text-align: center;
 background-color: #788880;
}

h1, h2 {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 22pt;
 font-weight: bold;
 color: #b4d4b4; 
}

h1 {
 margin-top: 20px;
}

h2 {
 margin-top: 15px;
}

h3 {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11pt;
 font-weight: normal; 
 color: #ffbb62;
 margin-top: 0px;
}

span.berlin {
 color: #ffbb62;
}

span.herzblut {
 color: #f47428;
}

span.s {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #f47428;
 background-color: #f47428;
}

span.w {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #030d10;
 background-color: #030d10;
}

p {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal;
}

a {
 color: #f47428;
}

a:hover {
 color: #ffbb62;
}

a, a:hover , a:active, a:focus {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal;
 outline-style: none;
 text-decoration: none;
 text-align: left;
}

span.green a {
 color: #659779;
}

span.green a:hover {
 color: #f47428;
}

/* css balken */
#balken_oben {
 width: 100%;
 height: 50px;
 position: absolute;
 margin-top: 0px;
 margin-left: 0px;
 top: 0px;
 left: 0px;
 background-color: #030d10;
 z-index: 70;
}

#verlauf_oben {
 width: 100%;
 height: 4px;
 position: absolute;
 margin-top: 46px;
 margin-left: 0px;
 top: 0px;
 left: 0px;
 background-color: #030d10;
 background: url(bg/verlauf_oben.jpg);
 background-repeat: repeat-x;
 z-index: 71;
}

#copyright {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold; 
 color: #244333;
 text-align: right;
 margin-top: 10px;
 margin-right: 10px;
 padding: 0px;
}

#balken_unten {
 width: 100%;
 height: 10%;
 position: absolute;
 margin-bottom: 0px;
 margin-left: 0px; 
 bottom: 0px;
 left: 0px;
 background-color: #030d10;
 z-index: 5;
}

#verlauf_unten {
 width: 100%;
 height: 4px;
 position: absolute;
 margin-top: 0px;
 margin-left: 0px;
 top: 0px;
 left: 0px;
 background-color: #030d10;
 background: url(bg/verlauf_unten.jpg);
 background-repeat: repeat-x;
 z-index: 6;
}

#balken_schriftzug {
 border: 1px solid #030d10;
 height: 20px;
 position: absolute;
 top: 17px;
 right: 10px;
 text-align: right;
 color: #030d10;
 z-index: 7;
}

#balken_schriftzug a img {
 border: 1px solid #030d10;
 outline-style: none;
 text-decoration: none;
}
/* end css balken */

#main {
 border: 1px solid #788880;
 width: 910px;
 height: 550px;
 text-align: left;
 margin: auto; 
 padding: 0px;
}

#main_transparent {
 border: 1px solid #788880;
 width: 910px;
 height: 550px;
 text-align: left;
 margin: auto; 
 padding: 0px;
 opacity: 0.20;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 filter: alpha(opacity=20);
 -moz-opacity: 0.20;
 -khtml-opacity: 0.2;
}

/* css index */
#index {
 background-color: #030d10;
}

#header_index {
 width: 930px;
 height: 90px;
 position: relative;
 z-index: 60;
}

#main_index {
 border: 1px solid #030d10;
 width: 930px;
 height: 550px;
 margin: auto;
 padding: 0px;
 background-color: #030d10;
}

#main_content_index {
 border: 1px solid #030d10;
 width: 928px;
 height: 408px; 
 position: relative;  
 margin: auto;
 margin-top: 0px;
 margin-left: 0px;
 background-color: #030d10;
 z-index: 20;
}

#main_content_index img {
 border: 0px;
 width: 928px;
 height: 408px;
}

#main_content_index a, #main_content_index a:hover, #main_content_index a:active, #main_content_index a:focus {
 border: 0px;
 outline-style: none;
 text-decoration: none;
 color: #030d10;
}
/* end css index */

/* css header */
#header {
 width: 908px;
 height: 100px;
 position: relative;
 z-index: 60;
}

#header_engl {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align: left; 
 position: absolute;
 margin-top: 82px;
 margin-left: 2px;
 padding: 0px;
 z-index: 61;
}

#header_engl a, #header_engl a:active , #header_engl a:focus, #header_engl a:hover {
 font-size: 8pt;
 font-weight: bold;
 color: #244333;
}

#header_engl a:hover {
 color: #f47428;
}

#header_engl span {
 font-size: 8pt;
 color: #244333;
}
/* end css header und logo */

/* css main_content bzw. hintergrund */
#main_content_start {
 border: 1px solid #788880;
 width: 908px;
 height: 388px; 
 position: relative; 
 margin: auto;
 margin-top: 0px;
 margin-left: 0px;
 overflow: auto;
 background-color: #030d10;
 background: url(bg/start_grossstadtkinder_bg.jpg);
 z-index: 20;
}

/* #main_content_white, #main_content_blank  {
 border: 1px solid #788880;
 width: 908px;
 height: 388px; 
 position: relative; 
 margin: auto;
 margin-top: 0px;
 margin-left: 0px;
 overflow: auto;
 background-color: #fff;
 background: url(bg/main_bg_white.jpg);
 z-index: 20;
}*/

#main_content_black {
 border: 1px solid #788880;
 width: 908px;
 height: 388px;
 position: relative;
 margin: auto;
 margin-top: 0px;
 margin-left: 0px;
 overflow: auto;
 background-color: #030D10;
 background: url(bg/main_bg_black.jpg);
 z-index: 20;
}
/* end css main_content */

/* css content bzw. inhalt der seite*/
#content {
 border: 1px solid #030d10;
 width: 870px;
 height: 365px;
 position: absolute;
 top: 107px;
 margin-left: 20px;
 overflow: auto;
 background-color: transparent;
 z-index: 30;
}

/* #content_white {
 border: 1px solid #fff;
 width: 870px;
 height: 365px;
 position: absolute;
 top: 107px;
 margin-left: 20px;
 overflow: auto;
 background-color: transparent;
 z-index: 30;
} */

#content_black {
 border: 1px solid #030d10;
 width: 870px;
 height: 365px;
 position: absolute;
 top: 107px;
 margin-left: 20px;
 overflow: auto;
 background-color: transparent;
 z-index: 30;
}

#content_black p {
 color: #659779;
}

#content_start {
 border: 1px solid #030d10;
 width: 870px;
 height: 355px; 
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal;
 position: absolute;
 top: 118px;
 margin-left: 20px;
 overflow: auto;
 background-color: transparent;
 z-index: 30;
}

#content_start p {
 color: #659779;
}
/*end css content */

/* css galerie */
#galerie table {
 border-spacing: 19px;
 margin-top: 75px;
}

#galerie td {
 border: 1px solid #659779;
 width: 100px;
 height: 100px;
 padding: 0px;
}

#galerie img {
 border: 0px;
 width: 100px;
 height: 100px;
}
#galerie a, #galerie a:active, #galerie a:focus {
 opacity: 0.80;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 -moz-opacity: 0.80;
 -khtml-opacity: 0.8;
}

#galerie a:hover {
 opacity: 1.00;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 -moz-opacity: 1.00;
 -khtml-opacity: 1.0;
}

/* css galerie_link */
.galerie_link2, .galerie_forward {  
 position: absolute;
 top: 446px; 
 text-align: left;
 margin-left: 20px;
 color: #f47428;
 z-index: 35;
}

.galerie_link2 a, .galerie_forward a {
 font-size: 16pt;
 color: #f47428;
}

.galerie_link2 a:hover, .galerie_forward a:hover {
 font-size: 16pt;
 color: #ffbb62;
}

.agb {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #f47428;
 vertical-align: 3px;
}
/* end css galerie_link */
/* end css galerie */

#page_nr {
 border: 1px solid transparent;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16pt;
 font-weight: bold;
 line-height: 18px; 
 color: #f47428;
 position: absolute;
 top: 450px;
 margin-left: 856px;
 background-color: transparent;
 z-index: 40;
}

#smile {
 border: 1px solid #030d10;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 16pt;
 font-weight: bold;
 line-height: 18px; 
 color: #f47428;
 position: absolute;
 top: 450px;
 margin-left: 832px;
 background-color: #030d10;
 z-index: 40;
}

/* css menue */
.menue {
 position: relative;
 margin-top: 8px;
 background-color: #788880;
 z-index: 80;
}

.menue_list {
 width: 990px;
 height: 20px;
 margin-left: -37px;
}

.menue ul {
 margin-top: 0px;
 list-style-type: none;
 list-style-position: outside;
}

.menue li {
 display: inline;
}

.menue a, .menue a:hover, .menue a:active span, .menue a:focus span {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #030d10;
}

.menue a span, .menue a:active span, .menue a:focus span {
 font-weight: bold;
 color: #244333;
}

.menue a:hover span {
 font-weight: bold;
 color: #f47428;
}
/* end css menue */

/* css window_open */
#window_open {
 border: 1px solid #788880;
 width: 908px;
 height: 388px;
 text-align: left;
 position: absolute;
 left: 5%;
 top: 25%;
 background-color: #030d10;
 background: url(bg/window_open_black.jpg); 
 z-index: 85;
}

#window_open p {
 font-size: 13px;
 font-weight: normal;
 color: #659779;
}

#window_open_content  {
 border: 1px solid #030d10;
 width: 862px;
 height: 360px;
 position: relative;
 margin: auto;
 margin-top: 5px;
 margin-left: 20px;
 background-color: transparent;
 z-index: 90;
}

#window_open_text {
 border: 1px solid #030d10;
 width: 210px;
 position: absolute;
 top: 72px;
}
/* css close window */
.close_window {
 border: 1px solid #f47428;
 width: 10px;
 position: absolute;
 right: 10px;
 bottom: 361px;
 padding-bottom: 1px;
 padding-left: 2px;
 background-color: #030d10;
 z-index: 93;
}

.close_window a , .close_window a:active, .close_window a:focus {
 font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #f47428;
}

.close_window a:hover {
 color: #ffbb62;
}
/* end css close window */

.forward {
 width: 230px;
 position: absolute;
 left: 20px;
 bottom: 28px;
 z-index: 94;
}

.forward a, .forward a:active, .forward a:focus, .forward a:hover  {
 font-size: 16pt;
 text-decoration: none;
}

.zoom_in{
 width: 230px;
 position: absolute;
 left: 20px;
 bottom: 65px;
 z-index: 94;
}

.zoom_in a, .zoom_in a:active, .zoom_in a:focus, .zoom_in a:hover  {
 font-size: 16pt;
 text-decoration: none;
}

.zoom_small {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #f47428;
 vertical-align: 3px;
}
/* end css window_open*/

/* css bild */
#bild_widescreen {
 border: 1px solid #244333;
 width: 630px;
 height: 270px;
 position: absolute;
 right: 33px;
 bottom: 33px;
 padding: 0px;
 background-color: #030d10;
 z-index: 95;
}

#bild_widescreen img {
 width: 630px;
 height: 270px;
}

#bild {
 border: 1px solid #244333;
 width: 360px;
 height: 270px;
 position: absolute;
 right: 33px;
 bottom: 33px;
 padding: 0px;
 background-color: #030d10;
 z-index: 95;
}

#bild img {
 width: 360px;
 height: 270px;
}
/* end css bild */

/* css t-shirts */
.shop_link {
 border: 0px solid #030d10;
 text-align: left;
 position: absolute;
 top: 450px;
 margin-left: 285px;
 z-index: 45;
}

.shop_link a {
 font-size: 11pt;
}
/* end css t-shirts */

/* css kontaktformular  und kontaktperson */
#content_kontakt {
 border: 1px solid #030d10;
 width: 882px;
 height: 375px;
 position: absolute;
 top: 108px;
 margin-left: 20px;
 overflow: auto;
 background-color: transparent;
 z-index: 30;
}

#content_kontakt p {
 color: #659779;
}

#content_kontakt table {
 border: 1px solid #030d10;
 border-collapse: collapse; 
 width: 820px;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: left;
 color: #ffbb62;
 margin-left: 10px;
}

#content_kontakt th {
 border: 1px solid #030d10;
 font-weight: normal;
 width: 90px;
 height: 28px;
}

#content_kontakt textarea {
 border: 1px solid #244333; 
 width: 710px;
 height: 100px;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal; 
 color: #f47428;
 background-color: #030d10;
}

.vorname, .nachname, .plz, .stadt {
 border: 1px solid #244333;
 width: 300px;
 height: 18px;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal; 
 color: #f47428;
 background-color: #030d10;
}

.firma, .strasse, .land, .betreff, .email, .tel {
 border: 1px solid #244333;
 width: 710px;
 height: 18px;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal; 
 color: #f47428;
 background-color: #030d10;
}

.anfrage {
 vertical-align: top;
 padding-top: 6px;
}

.anfragetext {
 height: 114px;
}

.captcha {
 border: 1px solid #244333;
 width: 50px;
 height: 18px;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal; 
 color: #f47428;
 background-color: #030d10;
}

#content_kontakt small {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 font-weight: normal;
}

#reset, #submit {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
/* end css kontaktformular */

#window_open_text_contact {
 width: 800px;
 margin-top: -34px;
}

#kontaktperson_bild {
 border: 1px solid #244333;
 width: 100px;
 height: 100px;
 position: absolute;
 top: 50px;
 left: 696px;
 padding: 0px;
 z-index: 95; 
}

#kontaktperson_bild img {
 width: 100px;
 height: 100px;
}
/* end css kontaktperson */