/* CSS Document */
html{overflow:scroll;}
html, body{ height:100%; width: 100%; margin: 0; padding: 0; text-align: center; font: normal 11pt Verdana,Arial,Helvetica;}
body { overflow:visible; background-color: #fff; background: url(../images/backs/back_verlauf_v.jpg) left top repeat-x;}
div#site{ margin: 0 auto; padding: 0; text-align: left; width: 900px; background-color: #fff; font: normal 11pt Verdana,Arial,Helvetica; }
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
input.sub_unvisible{display:none;}
a.help .helper{ display: none; position:absolute; top: 0; left: 180px; width: 100px; font-weight: normal; text-align: left; font-size: 8pt; border: 1px solid #666; background-color:#fff; z-index: 1000;}
a.help:hover .helper{ display: block; z-index: 1000;}
/*Mein Konto*/
a.myAccountBt, a.myAccountBt_act{ color: #666666; border: 1px solid #666; padding-left: 10px; padding-right: 10px; margin: 0; background-color:#DADADA; text-decoration:none;}
a.myAccountBt:hover, a.myAccountBt_act:hover{ color: #000; text-decoration:none;}
a.myAccountBt_act{ border-bottom: none; background-color:#fff;}
/*******TOP******/
div#top{ margin: 0; padding: 0; background:url(../images/backs/top_verlauf.jpg);}
div#top div#logo{ position: relative; left: 17px; top: 15px; width:200px; z-index: 999; float: left;}
div#top div#bannerads{float:left;margin-left:30px;margin-top:30px;width:350px;}
div#top div#specials{ height: 102px; position: relative;float:left;}
div#newsletter_Akt{ margin-left:10px;z-index: 100; font-size:10px;}
div#newsletter_Akt input{ font-size:11px; margin-left: 5px;}
div#top div#specials div#myAccount{ position: absolute; left: 410px; top: 35px; z-index: 100;}
div#top div#specials div#stats{ position: relative; top: 20px; color: #999999; font: normal 8pt Verdana,Arial,Helvetica; right: 10px;}
div#topBack{ background:url(../images/backs/top_verlauf.jpg); height: 120px; width: 100%; z-index:1;}
div#content{ display: table-row; border-style:hidden; height: auto; margin: 0; padding: 0;}
div#wegweiser{ clear:both; display: block; width: auto; height:15px; font: normal 9pt Verdana,Arial,Helvetica; padding-left: 10px; padding-top: 5px; background: none; overflow:hidden;}
div#wegweiser.c_0{ height:5px;}
div#content div#left{ display: table-cell; border:none; height: 100%; width: 180px; margin: 0; vertical-align:top; padding: 5px;}
div#content div#right{ display:table-cell; margin: 0; height: auto; font: normal 10pt Verdana,Arial,Helvetica; padding-left: 5px; padding-top: 5px; padding-right: 5px;}
div#navigation{ clear: both; margin-top: 3px;}
div#navigation div#bts{ margin: 0; padding: 0; position: relative; border: none; height: 31px; background: url(../images/navi/verlauf_hell.gif) left top; border-top: 1px solid #666; border-bottom: 5px solid #999;}
div#navigation div#bts div#alle{ width: 770px;}
div#navigation div#bts a{ display: block; text-align:center; padding-top: 6px; height: 22px; color: #000000; font-size: 10pt; text-decoration:none;}
div#navigation div#bts div#alle a{ width: 127px; background-image:url(../images/navi/verlauf_hell.gif); border: none; border-left: 1px solid #666; float: left;}
div#navigation div#bts div#alle a.active{ background-image:url(../images/navi/verlauf_dunkel.gif);}
div#navigation div#bts div#alle a:hover{background-image:url(../images/navi/verlauf_dunkel.gif);}
div#navigation div#bts div#alle a#bt_galerie{ border-bottom: 3px solid #CC0000; }
div#navigation div#bts div#alle a#bt_galerie.active{ height: 18px; border-bottom-width: 7px;}
div#navigation div#bts div#alle a#bt_aktuelles{ border-bottom: 3px solid #003399; }
div#navigation div#bts div#alle a#bt_aktuelles.active{ height: 18px; border-bottom-width: 7px;}
div#navigation div#bts div#alle a#bt_kalender{ border-bottom: 3px solid #2A9F02; }
div#navigation div#bts div#alle a#bt_kalender.active{ height: 18px; border-bottom-width: 7px;}
div#navigation div#bts div#alle a#bt_fotografen{ border-bottom: 3px solid #666;}
div#navigation div#bts div#alle a#bt_fotografen.active{ height: 18px; border-bottom-width: 7px;}
div#navigation div#bts div#alle a#bt_produkte{ border-bottom: 3px solid #FF6600; }
div#navigation div#bts div#alle a#bt_produkte.active{ height: 18px; border-bottom-width: 7px;}
div#navigation div#bts div#alle div#blankL{ width: 50px; background: url(../images/navi/verlauf_hell.gif) right top no-repeat; height: 31px; float: left;}
div#navigation div#bts div#alle div#blankR{ width: 76px; background: url(../images/navi/verlauf_hell.gif) left top no-repeat;float: left; height: 31px; border-left: 1px solid #666;}
/*******Content******/
div#anmeldung{ position:relative; top: 0; padding-bottom: 5px; padding-left: 2px; width: auto; border: 1px solid #ccc; background-color:#FFFFFF;}
div#anmeldung div.titel, div#anmeldung div.titel a{ font: bold 10pt Verdana,Arial,Helvetica; color: #666; text-decoration: none;}
div#anmeldung div.titel a:hover, div#anmeldung div.titel a:hover{ font: bold 10pt Verdana,Arial,Helvetica; color: #333;text-decoration: none;}
div#anmeldung div.body{ font: normal 10pt Verdana,Arial,Helvetica;color: #333; padding: 5px;}
div#anmeldung label{ font: normal 9pt Verdana,Arial,Helvetica; color: #666;}
div#anmeldung input{ border: 1px solid #666; font: normal 10pt Verdana,Arial,Helvetica; color: #000; margin-left: 5px;}
div#anmeldung a#passForgot, div#anmeldung a#register{ position: relative; left: 10px; line-height: 10px; margin-top: 0; font: normal 8pt Verdana,Arial,Helvetica; color: #003366;}
div#leftNavi div.titel, div#leftNavi div.titel a{ font: bold 10pt Verdana,Arial,Helvetica; color: #666; text-decoration: none;}
div#leftNavi div.titel a:hover, div#leftNavi div.titel a:hover{ font: bold 10pt Verdana,Arial,Helvetica; color: #333; text-decoration: none;}
div#leftNavi div.body{ padding: 5px;}
div#leftNavi{ display: block; margin-top: 20px; padding-left: 5px; height: 180px;}
div#leftNavi a{ font: normal 10pt Verdana,Arial,Helvetica; line-height:20px; color: #333;}
div#auswahl{ position:relative; top: 10px; padding-bottom: 2px; padding-left: 2px; width: auto; border: 1px solid #ccc; background-color:#FFFFFF;}
div#auswahl div.titel, div#auswahl div.titel a{ font: bold 10pt Verdana,Arial,Helvetica; color: #666; text-decoration: none;}
div#auswahl div.titel a:hover, div#auswahl div.titel a:hover{ font: bold 10pt Verdana,Arial,Helvetica; color: #333;text-decoration: none;}
div#auswahl div.body{ font: normal 10pt Verdana,Arial,Helvetica; color: #333; padding: 4px; overflow:auto; height: 200px;}
div#auswahl div.body a.title{ font-weight:bold; font-size: 9pt; color: #333333;}
div#auswahl div.body div.bild{ clear: both; margin-top: 8pt;}
div#auswahl a.b_name{ font-size: 10pt; font-weight:normal; color: #cc0000;}
div#auswahl a.b_name:hover{ color: #000;}
div#auswahl a.delete{ font-size: 8pt; font-weight:normal; color: #333333;}
div#auswahl a.delete:hover{ color: #000;}
div#auswahl .img{float:left;width: 73px;margin-bottom:5px;}
div#galerieOver{ float:left; text-align: left; width: 565px; min-height: 400px; vertical-align:top; padding: 5px; padding-right:0; border: 1px solid #ccc; background-color: #fff;}
.homePageCalenderItem{ margin-bottom: 10px;}
div#stage{ background-color: #ccc; text-align: left; width: 565px; height: 200px; vertical-align:top; padding: 5px; padding-right:0; border: 1px solid #ccc;}
/*Seitentitel*/
div#seitenTitel{
width:auto;
height:16px;
margin-right:7px;
}
div#seitenTitel a{
color: #666;
font-size: 10pt;
font-weight:bold;
text-decoration: none;
}
div#seitenTitel a:hover{
color: #333;
}
/*ENDE Seitentitel*/
/*Inhalte aller statischen Seiten*/
div#inhalt{
background-color: #fff;
text-align: left;
width: 565px;
min-height: 100px;
vertical-align:top;
padding: 5px;
padding-right:0;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
div#inhalt div#text{
padding-right:15px;
padding-left:5px;
position:relative;
text-align:left;
}
div#inhalt h1{
font-size: 10pt;
font-weight:bold;
}
div#inhalt h2{
font-size: 10pt;
}
div#inhalt h3{
font-size: 10pt;
}
div#inhalt a{
color: #333;
}
/*ENDE Inhalte aller statischen Seiten*/
div#suchfenster{
width: auto;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
}
div#suchfenster td{
font: normal 8pt Verdana,Arial,Helvetica;
color: #666;
text-align:left;
}
div#suchfenster td#submit{
text-align:right;
}
div#suchfenster input, div#suchfenster select{
margin-left: 3px;
margin-top: -2px;
border: 1px solid #999;
}
input#s_date{
width: 80px;
}
input#s_plz{
width: 40px;
}
input#s_ort{
width: 140px;
}
input#s_veranstaltung{
width: 120px;
}
input#s_location{
width: 100px;
}
select#s_rubrik_cb{
margin-left: 5px;
}
a#bt_71_21{
display: block;
width: 71px;
height: 18px;
text-align: center;
padding-top:3px;
font-size: 8pt;
}
a#bt_71_21_anmelden, a#bt_71_21_anfrage{
display: block;
width: 71px;
height: 18px;
text-align: center;
padding-top:3px;
font-size: 8pt;
margin-left: 90px;
margin-top: 5px;
}
a#bt_71_21:active{
padding-top:4px;
height:17px;
}
a.blau{
background: url(../images/buttons/button_blau_back.gif);
color: #fff;
}
a.rot{
background: url(../images/buttons/button_red_back.gif);
color: #fff;
}
a.gruen{
background: url(../images/buttons/button_gruen_back.gif);
color: #fff;
}
a.grey{
background: url(../images/buttons/button_grey_back.gif);
color: #333;
}
a.bt_short_red, a.bt_short_grey{ display: block; width: 71px; height: 18px; text-align: center; padding-top:3px; font-size: 8pt; color: #333; background: url(../images/buttons/button_grey_back.gif);}
a.bt_long_red{ display: block; width: 91px; height: 18px; text-align: center; padding-top:3px; font-size: 8pt; color: #fff; background: url(../images/buttons/button_red_long_back.gif);}
a.bt_short_red{ color: #fff; background: url(../images/buttons/button_red_back.gif);}
div#suchfenster input#s_submit{
border: none;
background: url(../images/buttons/button_suchen_r_n.gif)
}
div#suchfenster input#s_submit:hover{
border: none;
background: url(../images/buttons/button_suchen_r_n_ov.gif)
}
div#suchfenster input#s_submit.y{
background: url(../images/buttons/button_suchen_y.gif)
}
div#suchfenster input#s_submit:hover.y{
background: url(../images/buttons/button_suchen_y_ov.gif)
}
div#suchfenster input#f_submit.b{
border: none;
background: url(../images/buttons/button_suchen_b_n.gif)
}
div#suchfenster input#f_submit:hover.b{
background: url(../images/buttons/button_suchen_b_n_ov.gif)
}
div#suchfenster input#k_submit{
border: none;
background: url(../images/buttons/button_suchen_g_n.gif)
}
div#suchfenster input#k_submit:hover{
background: url(../images/buttons/button_suchen_g_n_ov.gif)
}
input#f_anfrage.b{
background: url(../images/buttons/button_anfrage_b.gif)
}
input#f_anfrage:hover.b{
background: url(../images/buttons/button_anfrage_b_ov.gif)
}
/*
galerie Innerhalb
*/
div#picStage{
position:relative;
clear:both;
text-align:center;
border: none;
width: 550px;
}
div#paste2selection{
position:relative;
float:left;
left:0px;
top:0;
width:66px;
height: 70px;
margin: 0;
padding:0;
}
#addPic2Selection{font-size:8pt;color:#999999;text-decoration:none;display:block;height:100%;width:100%; }
#addPic2Selection img{width:100%;height:100%;border:0;}
#addPic2Selection.n{background:url(../images/icons/hinzufuegen.jpg) top left no-repeat;}
#addPic2Selection.n:hover{background-image:url(../images/icons/hinzufuegen_hover.jpg);}
#addPic2Selection.i{background:url(../images/icons/hinzufuegen_hell.jpg) top left no-repeat;}
#previewPic{float:left;width:440px;text-align:center;}
div.picThumb, div.picThumb_active{
float: left;
margin: 2px;
padding: 5px;
width:95px;
height:90px;
border: 1px dotted #ccc;
background-color:#F2F2F2;
background-color:#F9F8E3;
position:relative;
text-align:center;
}
div.picThumb_active{
border:1px solid #ff0000;
}
div.picThumb_active img, div.picThumb img{
border:none;
}
/*Ende Galerie innerhalb*/
div#alben{ position:relative; margin-top: 15px; width: 560px;}
div.product{ width: 250px; margin-right: 2px; padding: 5px; margin-left: 0px; border: 1px dotted #ccc; background-color:#fff; margin-bottom:5px; height: 150px;}
.product .titel{font-weight:bold;}
span.formatPrice{display:block;font-size:14px;font-weight:bold;}
div.news{ float:left; width: 262px; margin: 2px; padding: 5px; height: 80px; border: 1px dotted #ccc; background-color:#fff;}
div#newsDateTitle{ clear:both; margin-top: 10px; border-bottom: 1px solid #003399; padding-left: 5px;}
div.news a{ color: #333; font-size: 9pt;}
/* ALBUM */
div.album_search, div.album{
float: left;
width: 170px;
height: 164px;
margin: 2px;
padding: 5px;
border: 1px dotted #ccc;
background-color:#F2F2F2;
background-color:#F9F8E3;
position:relative;
text-align:center;
}
div.album_search{ height: 185px;}
div.album_search div.titel, div.album_search div.body, div.album div.titel, div.album div.body{ font: bold 8pt Verdana,Arial,Helvetica; color: #666;}
div.album div.titel{height:27px;}
div.album_search div.titel{height:40px;}
div.album_search div.body, div.album div.body{ font-weight: normal; text-align:center;}
div.album_search div.body div.pic, div.album div.body div.pic{
position:relative;
width:110px;
height:105px;
border: 1px solid #E2E2E2;
text-align:center;
margin:auto;
padding-top:5px;
background-color:#fff;
}
div.album_search .alb_gal_anz, div.album .alb_gal_anz{position:absolute;bottom:2px;width:100%;left:0;}
div.album_search .alb_gal_dat, div.album .alb_gal_dat{margin-top:4px;}
div.album_search a, div.album a{ color: #666;}
div.album_search a:hover, div.album a:hover{ text-decoration:underline;}
div#categorien{
position:relative;
margin:0;
margin-top: 15px;
margin-left:0px;
width: 570px;
height: 170px;
border: 1px solid #ccc;
/* border-bottom: none;*/
background-color:#FFFFFF;
}
div#cat{ width: 170px; float: left;}
div#cat div#titel, div#cat div#titel a, div#galerieOver div#titel a{ font: bold 10pt Verdana,Arial,Helvetica; color: #666; text-decoration: none;}
div#cat div#titel a:hover, div#galerieOver div#titel a:hover{ font: bold 10pt Verdana,Arial,Helvetica; color: #333; text-decoration: none;}
a#fotografLink, a#tLink{ font: normal 9pt Verdana,Arial,Helvetica; color: #666;}
a#fotografLink:hover, a#tLink:hover{ text-decoration:underline; color: #333;}
/*******Footer******/
div#foot{ position:relative; clear: both; width: 890px; margin: 0 auto; padding: 0 5px 0 5px; text-align: left; background-color:#E8E8E8; color: #999999; font: normal 10pt Verdana,Arial,Helvetica; text-align:center; border-top: 1px solid #ccc;}
div#foot div#fcontent{ width: 890px; margin: 0 auto; padding: 0px;}
div#foot div#fcontent div.left{ color: #999999; font: normal 8pt Verdana,Arial,Helvetica; font-style:italic; float: left; margin-top: 2px;}
a.footLink{ color: #999; text-decoration:none;}
a.footLink:hover{ color: #666;}
div#foot div#fcontent.c000000 div a{ color: #666; text-decoration:none;}
div#foot div#fcontent.c000000 div a{ color: #333;}
div#foot div#fcontent.cFFFFFF div a{ color: #fff; text-decoration:none;}
div#foot div#fcontent.cFFFFFF div a:hover{ color: #ccc;}
/*AKTUELLES */
#aktuellesEingabe label{ display: block; font-family:Arial, Helvetica, sans-serif;; font-size: 9pt; margin-right:5px;}
#aktuellesEingabe input{ margin-left: 5px; margin-right: 5px; margin-bottom: 10px;}
#aktuellesEingabe input#desc{ width: 280px;}
/*pageFlip*/
#footNavigation{ padding-top: 5px; width: 100%;}
#footNavigation div.pF_cont{ display: block; position: relative; margin:0 auto 0 auto; float: right; right: 20px;}
#footNavigation .back, #footNavigation .weiter{ float:left; width:20px; margin-top: 2px;}
#footNavigation .select{ float:left; width:auto; margin: 5px; margin-top: 0;}
#footNavigation .select a{ color: #666666; text-decoration: none; padding: 2px;}
#footNavigation .select a:hover{ color: #000;}
#footNavigation .select a.act{ color: #000000; font-weight: bold;}
/*PICFLip*/
#bildFootNavigation{ position: relative; right: 20px; float: right;}
#bildFootNavigation a{ margin: 2px; float: left;}
#bildFootNavigation div, #bildFootNavigation img{ float: left;}
#bildFootNavigation div{ position: relative; top: -2px;}
a.site_foot_nav, a.site_foot_nav_active{ font-size:9pt; font-weight:bold; color:#CC0000; padding-bottom: 2px; margin: 2px;}
a.site_foot_nav{ font-weight:normal; color: #999;}
.endFloat{clear:both; height:0;}
.profil_1{ margin-top: 20px;}
label.label{ width: 120px;}
#best_anmeldung {padding:0px;}
#best_anmeldung label, #delivAdd_change label, #invoiceAdd_change label{ display: block; font-size:80%; color: #666;}
#best_anmeldung input, #delivAdd_change input, #delivAdd_change select, #invoiceAdd_change select, #invoiceAdd_change input{ margin-left: 5px;}
#best_registrierung{float:left;margin-left:80px;width:250px;}
.err{color:#ff0000;font-style:italic;}
.textLink{font-weight:bold;font-size:11px;color:#666;border:1px solid #ccc;padding:2px;display:block;width: 100px;margin-top:3px;background-color:#E4E4E4; text-align:center}
.textLink:hover{background-color:#ccc;}
#o_s_1, #o_s_2, #o_s_3, #o_s_4, #o_s_5{ float: left; padding-left: 15px; padding-right: 15px; color: #CC0000; font-size:8pt;}
.o_s{ font-weight: normal; border-bottom: 3px solid #ccc;}
.o_s_active{ font-weight: bold; border-bottom: 3px solid #cc0000;}
#order_steps{ width: 100%; margin-top:10px; margin-bottom:10px;}