html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 width: 100%;
}

html {
 overflow: auto;
 overflow-y: scroll;
 overflow-x: auto;
}

body {
 background-color: #000000;
 background-image: url(../img/main_body_bg.gif);
 background-position: top left;
 background-repeat: repeat-x;
 font-family: verdana, arial, sans-serif;
 font-weight: normal;
 font-size: 11px;
 color: #818282;
 line-height: 16px;
 scrollbar-base-color: #232323;
 scrollbar-3dlight-color: #404040;
 scrollbar-arrow-color: #404040;
 scrollbar-darkshadow-color: #404040;
 scrollbar-face-color: #232323;
 scrollbar-highlight-color: #232323;
 scrollbar-shadow-color: #232323;
 scrollbar-track-color: #232323; 
}

a {
 outline: none;
 font-family: verdana, arial, sans-serif;
 font-weight: normal;
 font-size: 11px;
 color: #818282; 
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
 color: #FFF;
}

p {
 margin: 0;
 padding: 0;
 padding-bottom: 5px;
 font-family: verdana, arial, sans-serif;
 font-weight: normal;
 font-size: 11px;
 color: #818282; 
 line-height: 16px;
}


h1 {
 margin: 0;
 padding: 0;
 padding-bottom: 10px;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 16px;
 color: #818282; 
 line-height: 20px; 
}

.bold {
 font-weight: bold;
}

.small {
 font-weight: normal;
 font-size: 10px;
}

.red {
 color: #b03e3c !important;
}

.darkred {
 color: #8e0a1f !important;
}

a.small {
 color: #FFF;
}

h1 span.small {
 font-size: 12px;
 font-weight: normal; 
}


input, textarea, select {
 font-family: verdana, arial, sans-serif;
 font-weight: normal;
 font-size: 11px;
 color: #818282; 
 padding: 3px; 
}

input, textarea {
 padding: 3px;
 margin-bottom: 3px;
}

textarea {
 overflow: auto;
}

.input, .input_small {
 padding: 0px;
 padding-top: 4px;
 padding-left: 5px;
 padding-right: 5px;
 margin: 0px;
 margin-bottom: 4px;
 width: 178px;
 height: 16px;
 border: none;
 background-color: #e7e7e7;
 background-image: url(../img/input_bg.jpg);
 background-repeat: no-repeat;
 background-position: top left; 
 color: #000;
}

.input_small {
 width: 155px !important;
 background-image: url(../img/input_small_bg.jpg) !important;
}

.textarea {
 padding: 4px;
 margin: 0px;
 margin-bottom: 4px;
 width: 372px;
 height: 109px;
 border: none;
 background-color: #e7e7e7;
 background-image: url(../img/textarea_bg.jpg);
 background-repeat: no-repeat;
 background-position: top left; 
 color: #000;
}

.input_error {
 background-image: url(../img/input_bg_error.jpg);
}


input.submit {
 border: 1px solid #0f0f0f;
 background-color: #232323;
}

.submit_eintragen {
 cursor: pointer;
 width: 196px;
 height: 44px;
 background-color: #232323 !important;
 background-image: url(../img/input_eintragen.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 border: none;
 outline: none;
}












div#overlayer {
 position: absolute;
 top: 0px;
 left: 50%;
 margin-left: -327px;
 background-color: #232323;
 padding: 0px;
 border: 5px solid #404040;
 width: 650px;
 z-index: 2000;
}

div#overlayer  div#overlayer_content {
 padding: 10px;
 height: 474px;
 overflow: auto;
 overflow-x: hidden;
 scrollbar-base-color: #232323;
 scrollbar-3dlight-color: #404040;
 scrollbar-arrow-color: #404040;
 scrollbar-darkshadow-color: #404040;
 scrollbar-face-color: #232323;
 scrollbar-highlight-color: #232323;
 scrollbar-shadow-color: #232323;
 scrollbar-track-color: #232323;
}

* html div#overlayer  div#overlayer_content { height: 470px; }
*+html div#overlayer  div#overlayer_content { height: 470px; }

div#overlayer p.loading {
 text-align: center; 
 padding: 40px;
 font-size: 10px;
 color: #404040;
} 

div#overlayer p.loading img {
 margin-bottom: 10px;
}

div#overlayer div#headline {
 background-color: #404040;
 padding: 0;
 margin: 0;
 height: 25px;
}

div#overlayer p#info {
 float: left;
 width: 390px;
 padding-top: 3px; 
 padding-left: 5px;
 color: #b03e3c;
 font-weight: bold;
 font-size: 14px;
 white-sapce: nowrap;
}

div#overlayer p#info .small {
 font-size: 10px;
 color: #818282;
}

div#overlayer p#close {
 float: right;
 width: 100px;
 cursor: pointer;
 text-align: right;
}




/* newsletter */
div#overlayer p#newsletter {
 border-top: 1px solid #404040;
 background: #5a0010;
 padding: 10px;
}

div#newsletter {
 text-align: center;
 padding-top: 10px;
}

div#newsletter div#newsletter_container {
 width: 720px;
 margin: auto auto;
}



div#newsletter div#newsletter_container p.newsletter_input {
 width: 165px; /* 188 */
 height: 32px; 
 padding: 0px; 
 padding-top: 9px; 
 float: left; 
 margin-right: 20px; 
 background-image: url(../img/input_schatten_bg.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

* html div#newsletter div#newsletter_container p.newsletter_input {
 margin-right: 10px;
}
/* newsletter */










div#global_warpper {
 background-image: url(../img/global_wrapper_bg.jpg);
 background-position: center top;
 background-repeat: no-repeat;  
}

div#main_wrapper {
 position: relative;
 width: 1100px;
 margin: auto auto;
 background-image: url(../img/main_container_bg.jpg);
 background-position: 184px 162px;
 background-repeat: no-repeat; 
}

div#head_logo {
 width: 1100px;
 height: 86px;
 background-image: url(../img/header_top_bg.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 text-align: center;
}




div#head_menu {
 width: 1100px;
 height: 37px;
 background-image: url(../img/header_menu_bg.jpg);
 background-position: top left;
 background-repeat: no-repeat;
}

div#main_menu {
 width: 802px;
 height: 37px;
 margin-left: 149px;
}

div#head_menu #main_menu ul {
 margin: 0;
 padding: 0;
}

div#head_menu #main_menu ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline;
}

div#head_menu #main_menu ul li a {
 float: left;
 height: 37px;
 margin: 0;
 padding: 0;
 margin-right: 3px;
}


div#head_taskbar {
 width: 1100px;
 height: 39px;
 background-image: url(../img/taskbar_bg.jpg);
 background-position: top left;
 background-repeat: no-repeat;
}


div#lady_left {
 float: left;
 width: 184px;
}

div#lady_right {
 float: right;
 width: 178px;
}

div#main_container {
 float: left;
 width: 738px;
}


div#main_container div#main_content {
 padding-left: 34px;
 padding-right: 34px; 
 padding-top: 30px;
 padding-bottom: 30px;
}

div#main_container div.home_site {
 padding: 20px 0px 10px 5px !important;
}





div#footer {
 padding-top: 25px;
 padding-bottom: 20px;
 width: 1100px;
}

div#footer p, div#footer a {
 text-align: center;
 font-family: verdana, arial, sans-serif;
 font-weight: normal;
 font-size: 11px;
 color: #5b5b5b;
 text-decoration: none;
}

div#footer a:hover {
 text-decoration: underline;
}








/* lightbox setting */
a.lightbox_image img {
/*
 filter:alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
 border: 1px solid #2b2b2b;
*/
}

a:hover.lightbox_image img {
/*
 filter:alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0;
*/ 
}


#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: #2d2e2f; 
 border: 5px solid #404040;
 border-bottom: none;
 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:../img/lightbox/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(../img/lightbox/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
 background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer { 
 font: 10px Verdana, Helvetica, sans-serif; 
 background-color: #2d2e2f; 
 margin: 0 auto; 
 line-height: 1.4em; 
 overflow: auto; 
 width: 100%; 
 border: 5px solid #404040;
 border-top: none; 
}

#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: 92px; 
 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; 
}


/* lightbox setting */



/* global content setting */
.images_container {
 background-image: url(../img/images_img_bg.jpg); 
 background-position: top left;
 background-repeat: no-repeat; 
 padding: 4px; 
 width: 135px; 
 height: 135px;
 overflow: hidden;
}

.images_big_container {
 background-image: url(../img/images_img_big_bg.jpg); 
 background-position: top left;
 background-repeat: no-repeat; 
 padding: 4px; 
 width: 300px; 
 height: 347px;
 overflow: hidden;
}
/* global content setting */


/* location */
div.location p.images_container {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
/* location */



/* home */
div.home_event {
 float: left;
 width: 200px; /* 215 */
 height: 396px; /* 422 */
 padding: 0px;
 padding-top: 26px;
 padding-left: 15px;
 margin-right: 44px;
 background-image: url(../img/home_event_bg.jpg);
 background-position: top center;
 background-repeat: no-repeat; 
 overflow: hidden;
}
div#main_content .last {
 margin-right: 0px !important;
}


/* dates */

div#site_container h1 {
 background-image: url(../img/site_h1_bg.jpg);
 background-position: top center;
 background-repeat: no-repeat; 
 margin: 0px !important;
 padding: 0px !important; 
 padding-top: 5px !important;
 padding-left: 7px !important;
 height: 22px; /* 27 */ 
 width: 663px; /* 670 */
 line-height: 16px;
 color: #747474;
 font-size: 13px;
}

div#site_container div.site_main_container {
 background-image: url(../img/site_container_bg.jpg);
 background-position: top left;
 background-repeat: repeat-y;
}

div#site_container div.dates_main_content_news {
 padding: 10px;
}

div#site_container div.dates_main_content_news div.img_container {
 background-image: url(../img/date_img_bg.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 padding-top: 4px;
 padding-left: 4px;
 margin-right: 16px;
 width: 137px; /* 157 */
 height: 170px; /* 174 */
 float: left;
}

div#site_container div.dates_main_content_news div.img_container div.img_content {
 width: 133px;
 height: 166px; 
 overflow: hidden;
 cursor: pointer;
}

div#site_container div.dates_main_content_news div.info_container {
 width: 485px;
 float: left;
}

div#site_container div.dates_main_content_news div.info_container h1 {
 background: transparent !important;
 margin: 0px !important;
 padding: 0px !important; 
 padding-bottom: 5px !important;
 line-height: auto !important;
 width: auto !important; 
 height: auto !important;  
 font-size: 12px;
 font-weight: bold;
 line-height: 14px;
 color: #b03e3c;
}

div#site_container div.dates_main_content_news div.info_container p {
 font-weight: normal;
 font-size: 11px;
 color: #858586;
 line-height: 14px;
}

div#site_container div.dates_main_content_news div.info_container p.date {
 font-weight: bold;
 font-size: 11px; 
 color: #ababab;
}

div#site_container div.dates_main_content_news div.info_container p.button {
 padding-top: 10px;
}

div#site_container div.dates_main_content_news div.info_container p.button img {
 cursor: pointer;
}






div#site_container div.dates_main_content {
 position: relative;
 float: left; 
 background-position: top left; 
 background-repeat: no-repeat; 
 padding-bottom: 5px;
 cursor: pointer;
}

div#site_container p.dates_date {
 float: left; 
 text-align: center; 
 width: 65px; 
 padding: 3px; 
 background-color: #404040; 
}

div#site_container span.dates_day {
 color: #FFF;
}

div#site_container p.dates_headline {
 float: left; 
 margin-left: 82px; 
 padding: 3px; 
 background-color: #404040; 
 width: 463px;
}

div#site_container div.dates_content {
 float: left; 
 margin-left: 153px; 
 border-top: 1px solid #404040; 
 margin-top: 2px; 
 padding: 3px; 
 width: 463px; 
 background-color: #2d2e2f;
 overflow: hidden;
}

div#site_container div.dates_content p { 
 line-height: 20px; 
}

div#overlayer div#gaesteliste {
 border-top: 1px solid #404040;
 background-color: #404040;
 padding: 10px;
 padding-bottom: 0px;
 height: 110px;
 overflow: hidden;
}

div#overlayer div#gaesteliste .submit_eintragen {
 background-image: url(../img/input_eintragen_hell.jpg);
}

div#overlayer select {
 margin-top: 5px;
 margin-bottom: 5px;
}

/* ajax container */
div#overlayer  div#overlayer_content div#date_picture {
 float: left;
 width: 200px;
 padding-right: 15px;
 overflow: hidden;
}

div#overlayer  div#overlayer_content div#date_info {
 float: left;
 width: 545px;
 overflow: hidden;
}

/* dates */







/* location */

a.lightbox_location {
 margin-right: 15px;
}
a.lightbox_location img {
 margin-bottom: 10px; 
}

/* location */


/* galerie */

a.lightbox_galerie {
 margin-right: 5px;
}
a.lightbox_galerie img { 
 margin-bottom: 5px;  
}


div#galerie_container h1 {
 background-image: url(../img/date_h1_bg.jpg);
 background-position: top center;
 background-repeat: no-repeat; 
 padding-top: 9px;
 padding-left: 7px;
 height: 23px;
 width: 615px;
 color: #c1c1c1;
 font-size: 13px;
}

div#galerie_container div.galerie_tmb {
 padding-bottom: 20px;
}

div#galerie_container div#galerie_site {
 padding: 5px;
 background-color: #2d2e2f;
}

div#galerie_container div#galerie_site p {
 text-align: center;
 margin: 0; 
 padding: 0;
}

div#galerie_container div#galerie_site p a {
 font-weight: bold;
}

div#galerie_container div#galerie_site p a.aktiv {
 color: #FFF;
}
/* galerie */







/* friends */
div.friends {
 float: left;
 padding-left: 10px;
 width: 205px;
 padding-bottom: 15px;
}

div.friends div.friends_logo {
 float: left;
 margin-left: 18px;
 padding: 4px;
 width: 150px;
 height: 72px;
 background-image: url(../img/friends_img_bg.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 overflow: hidden;
}

* html div.friends div.friends_logo {
 margin-left: 9px;
}

div.friends div.friends_logo a img {
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6; 
}

div.friends div.friends_logo a:hover img {
 filter:alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0; 
}

div.friends div.friends_content {
 float: left;
 padding-left:10px;
 width: 150px;
}