/* CSS Document */
html{
overflow:scroll;
}
html, body{
	height:100%;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

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: 770px;
	background-color: #fff;
	font: normal 11pt Verdana,Arial,Helvetica;
	
/*	border-right: 1px solid #EBEBEB;*/
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

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;
}
div#top div#specials div#myAccount{
	position: relative;
	float: left;
	left: 60px;
	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: 20px;
	padding-top: 5px;
	padding-right: 20px;
	text-align: left;

}


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: 1px 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: 120px;
	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 #cacdd9;	
}
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 #d2d4de;	
}
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 #dadbe4;	
}
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 #dfe1e8;	
}
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 #e6e7ed;	
}
div#navigation div#bts div#alle a#bt_produkte.active{
	height: 18px;
	border-bottom-width: 7px;
}
div#navigation div#bts div#alle a#bt_presse{
	border-bottom: 3px solid #edeef3;	
}
div#navigation div#bts div#alle a#bt_presse.active{
	height: 18px;
	border-bottom-width: 7px;
}



div#navigation div#bts div#alle div#blankL{
	width: 20px;
	background: url(../images/navi/verlauf_hell.gif) right top no-repeat;
	height: 31px;
	float: left;
}
div#navigation div#bts div#alle div#blankR{
	width: 10px;
	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;
	height: 40px;
}
div#auswahl div.body div.bild a.delete, div#auswahl div.body div.bild a.recommend{
	font-size: 8pt;
	font-weight:normal;
	color: #333333;
}
div#auswahl div.body div.bild a.delete:hover, div.auswahl div.body div.bild a.recommend:hover{
	color: #000;
	
}



div#galerieOver{
	background-color: #fff;
	text-align: left;
	width: 565px;
	min-height: 400px;
	vertical-align:top;
	padding: 5px;
	padding-right:0;
	border: 1px solid #ccc;
}

.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: 0px;
	padding-right:0;
	margin-top: 10px;
	margin-bottom: 10px;
}
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_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);
}

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{
	clear:both;
	text-align:center;
	border: none;
	width: 550px;
	height: 350px;
}
div#picStage div#paste2selection{
	position:absolute;
	margin-top:100px;
}
div.picThumb, div.picThumb_active{
	float:left;
	margin:1px;
	height:30px;
	border:none;
}
div.picThumb_active img{
	border:1px solid #ff0000;
}
div.picThumb img{
	border:1px solid #fff;
}
div.picThumb a:focus img{
	border:1px solid #ff0000;
}
div#picStage div#picFlip{

}

/*Ende Galerie innerhalb*/





/*  Kalender  */
table#kalenderTable{
	width:298px;
}
table#kalenderTable, table#kalenderTable td{
	border:1px solid #666;
	border-collapse:collapse;
}

td#t1, td#t2, td#t3, td#t4, td#t5, td#t6, td#t7{
	width: 40px;
	text-align: center;
}
td.c1, td.c2, td.c3, td.c4, td.c5, td.c6, td.c7{
	height: 40px;
	vertical-align: top;
}
table#kalenderTable td div.date{
	font-size:8px;
	color: #666;
}
table#kalenderTable div.eventsAvail{
	background-color: #D1D1D1;
	height: 100%;
}
table#kalenderTable div.eventsNo{
	background-color: #fff;
}


table#kalenderTable td#activeCalTD{
	border: 2px solid #cc0000;
}
/*
table#kalenderTable td#c6,table#kalenderTable td#c7, table#kalenderTable td#t6, table#kalenderTable td#t7{
	background-color:#D8D8D8;
}
*/
table#kalenderTable td:hover{
	background-color:#D2D2D2;
}


div#monthFlipper{
	width: 300px;
	text-align:center;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom: 2px solid #ccc;
	margin-left: 10px;
	margin-bottom: 5px;
}
div#dayFlipper{
	width: 100%;
	text-align:center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom: 1px solid #2A9F02;
	margin-bottom: 5px;
}
/* Ende Kalender */




div#alben{
	position:relative;
	margin-top: 15px;
	width: 560px;

}
div#product{
	width: 166px;
	height: 130px;
	margin-right: 2px;
	padding: 5px;
	margin-left: 0px;
	border: 1px dotted #ccc;
	background-color:#fff;
}

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 #F0E800; 
	padding-left: 5px;
}
div.news a{
	color: #333;
	font-size: 9pt;
}

/* ALBUM */
div.album{
	float: left;
	width: 166px;
	height: 130px;
	margin-right: 2px;
	padding: 5px;
	margin-left: 0px;
	border: 1px dotted #ccc;
	background-color:#fff;
}
div.album.first{
	margin: 0px;
}
div.album.last{
	margin-right: 5px;
}

div.album div.titel{
	font: bold 8pt Verdana,Arial,Helvetica;
	color: #666;
}

div.album div.body{
	font: normal 8pt Verdana,Arial,Helvetica;
	color: #666;
}
div.album div.body div.pic{
	width:100%;
	height:90px;
	padding-left:3px;
	padding-top:3px;
	float: right;
}

div.album a{
	color: #666;
}
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#textLink{
	font: normal 9pt Verdana,Arial,Helvetica;
	color: #666;
}
a#fotografLink:hover, a#textLink:hover{
	text-decoration:underline;
	color: #333;
}


/*******Footer******/
div#foot{
	position:relative;
	clear: both;
	width: 760px;
	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: 760px;
	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;
}

.profil_1{
	margin-top: 20px;
}
label.label{
	width: 120px;
}