/*CSS*/

/*
	Standard CSS Datei der Webseite:
	ProMedia Fotostudio - Bad Staffelstein
	   
	copyright 2008 ProMedia
	http://www.promedia-line.de
*/

/******************** Tags ********************/
html, body, div, p, span, h1, h2, h3, 
 ol, a, table, td, form, img {
	margin: 0;
	padding: 0;
	color: #CCC;
	}
body {
	/* font: 12px/150% "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; */
	font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	/*background: #333;*/
	background: #7D7D7D;
	}

h1 {
	display: block;
	margin: 0;
	padding: 4px 0px 0px 0px;
	font-size: 26px;
	line-height: 23px;
	/* font-variant: small-caps; */
	letter-spacing: 1px;
	color: #737373;
	}

h2 {
	display: block;
	padding: 2px 5px 4px 5px;
	font-size: 14px;
	/* font-variant: small-caps; */
	letter-spacing: 1px;
	color: #FF0;
	background: #24447D;
	}

img {
	border: 0px;
	}
#bildbaender {
        position: absolute;
        left: 300px;
}
/******************** IDs ********************/
#reportagen_bestellungsbox {
	float: left;
	margin-bottom: 10px;
	text-align: left;
	color: #FFF;
	width: 570px;
	height: auto;
	/* background: #000; */
	}
	
#special_textbox {
	text-align: left;
	/*padding-left: 50px;*/
	/*padding-top: 50px;*/
	}
	
#bestellungsbox {
	text-align: left;
	}
#special_sitemap {
	position: relative;
	text-align: left;
	/*padding-left: 20px;*/
	/*padding-top: 50px;*/
	}

#disclaimer_right {
	position: relative;
	padding: 5px;
	text-align: right;
	}
#content {
	width:100%;
	margin: 0 auto;
	text-align: center;
    }

#header {
	margin: 0px auto;
	width: 850px;
	height: 150px;
	text-align: left;
	/*border-bottom: 1px solid #FF0;*/
	background: #7D7D7D;
        position: relative;
	}

#header_surrounded {
	width: 100%;
	height: 150px;
	border-bottom: 1px solid #FF0;
	background: #7D7D7D;
	}
#mainmenu {
	display: block;
	position: relative;
	margin: 0px auto;
	padding: 5px 0px;
	width: 850px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	/* border-bottom: 3px solid #24447D; */
	}
#mainmenu_surrounded {
	width: 100%;
	line-height: 15px;
	background: #333;
	/* border-bottom: 3px solid #24447D; */
        
	}
	
#submenu {
	display: block;
	position: relative;
	margin: 0px auto;
	padding: 5px 0px;
	width: 850px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	/*border-bottom: 1px solid #FF0;*/
	background: #24447D;
	}

#submenu_surrounded {
	width: 100%;
	border-bottom: 1px solid #FF0;
	background: #24447D
	}
	
#headline {
	position: relative;
	display: block;
	margin: 0px auto;
	padding: 0px;
	width: 850px;
	height: 26px;
	text-align: left;
	/*border-bottom: 3px solid #737373;*/
	color: #737373;
	}

#headline_surrounded {
	width: 100%;
	height: 26px;
	border-bottom: 3px solid #737373;
	color: #737373;
	background: #333;
	}

#maincontent {
	position: relative;
	margin: 0px auto;
	padding: 10px;
	width: 830px;
	text-align: center;
	/* border-top: 1px solid #FF0; */
	background: #666; /*url(../images/pm_main_bg.gif) no-repeat;*/
        min-height: 450px;
	}
#maincontent_surrounded {
	width: 100%;
	text-align: center;
	/* border-top: 1px solid #FF0; */
	background: #666;/* url(../images/pm_main_bg.gif) no-repeat;*/
        /*background-image:url(../images/Anzeige.jpg);
        background-repeat: no-repeat;
        background-position: 10px 12px;*/
	}
	
#infobox {
	margin-bottom: 20px;
	text-align: left;
	color: #FFF;
	width: 830px;
	/* background: #000; */
	}

#gallerybox {
	margin-bottom: 10px;
	text-align: left;
	color: #FFF;
	width: 830px;
	height: 350px;
	/* background: #000; */
	}

#gallery_text_1sp {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	color: #CCC;
	width: 560px;
	height: auto;
	/* background: #333; */
	}

#kalender_events {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	color: #CCC;
	width: 670px;
	height: auto;
	/* background: #333; */
	}
	
#aktionen_box_ende
{
	clear: left;
	color: #FFF;
	width: 830px;
	height: 18px;
}
	
#aktionen_box {
	clear: both;
	margin-bottom: 10px;
	text-align: left;
	color: #FFF;
	width: 830px;
	height: 350px;
	
	/* background: #000; */
	}	
#kalenderbox {
	float: left;
	margin-bottom: 10px;
	text-align: left;
	color: #FFF;
	width: 130px;
	height: auto;
	/* background: #333; */
	}

#gallery_picbox {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: center;
	width: 350px;
	height: auto;
	/* background: #333; */
	}

#gallery_thumbbox {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	width: 210px;
	height: auto;
	/* background: #333; */
	}

#gallery_orderbox {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	width: 570px;
	height: auto;
	/* background: #333; */
	}

#order_buttons {
	float: right;
	text-align: right;
	padding-right: 70px;
	width: 450px;
	height: auto;
	/* background: #333; */
	}

#order_amount {
	float: left;
	width: 500px;
	/* background: #333; */
	}

#order_container_text {
	float: left;
	padding-left: 145px;
	text-align: left;
	width: 200px;
	height: auto;
	/* background: #333; */
	}

#loginbox {
	float: left;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	color: #FFF;
	width: 249px;
	height: auto;
	/* background: #333; */
	}


#gallery_navbox {
	clear: left;
	color: #FFF;
	width: 830px;
	height: 18px;
	/* background: #000; */
	}

#gallery_picnav {
	float: left;
	margin-right: 10px;
	padding: 0px;
	text-align: center;
	color: #FFF;
	width: 350px;
	height: auto;
	/* background: #333; */
	}

#gallery_pagenav {
	float: left;
	margin-right: 10px;
	padding: 0px;
	text-align: left;
	color: #FFF;
	width: 410px;
	height: auto;
        display: inline-block;
	/* background: #333; */
	}
#gallery_pagenav a {
            display:inline-block;
            width: 10px;
}
#servicelinks {
	position: relative;
	display: block;
	margin: 0px auto;
	padding: 5px 10px;
	width: 830px;
	text-align: right;
	/*border-top: 1px solid #FF0;*/
	color: #CCC;
	}
	
#servicelinks_surrounded {
	width: 100%;
	border-top: 1px solid #FF0;
	color: #CCC;
	/* beispiel*/
	background: #333;
	}

#address {
	float: left;
	padding: 10px;
	width: 290px;
	height: auto;
	color: #CCC;
	}

#copyright {
	float: left;
	padding: 10px;
	width: 520px;
	height: auto;
	color: #CCC;
	}

#footer {
	position: relative;
	margin: 0px auto;
	width: 850px;
	height: 100px;
	color: #CCC;
	text-align: left;
	/*border-top: 1px solid #FF0;*/
	background: #7D7D7D;
	}
	
#footer_surrounded {
	width: 100%;
	height: 100px;
	color: #CCC;
	border-top: 1px solid #FF0;
	background: #7D7D7D;
	}
/******************** Links ********************/
a {
	color: #FF0;
	text-decoration: none;
	}

a:hover {
	color: #D00;
	}

#mainmenu a {
	/*-Moz-Border-Radius-TopLeft: 5px;*/
	/*-Moz-Border-Radius-TopRight: 5px;*/
	margin-right: 5px;
	padding: 1px 6px 2px 6px;
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
	background: #24447D;
	border-bottom: 2px solid #333;
	}

#mainmenu a:hover {
	/* padding: 2px 6px 4px 6px; */
	color: #FFF;
	/* border-bottom: 2px solid #24447D; */
	}

#mainmenu a.selected, #mainmenu a.selected:hover {
	/*-Moz-Border-Radius-TopLeft: 5px;
	-Moz-Border-Radius-TopRight: 5px;*/
	margin-right: 5px;
	padding: 2px 6px 10px 6px;
	font-size: 12px;
	color: #FF0;
	text-decoration: none;
	background: #24447D;
	border-bottom: 2px solid #24447D;
	}

#submenu a {
	margin-right: 5px;
	padding: 1px 6px 2px 6px;
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
	}

#submenu a:hover {
	color: #FFF;
	}
	
#submenu a.over_pic {
	color: #FFF;
	}
#submenu a.selected, #submenu a.selected:hover {
	margin-right: 5px;
	padding: 1px 6px 2px 6px;
	font-size: 12px;
	color: #FF0;
	text-decoration: none;
	}

#gallery_picnav a, #gallery_pagenav a {
	padding: 2px 5px;
	text-decoration: none;
	color: #FF0;
	}

#gallery_picnav a:hover, #gallery_pagenav a:hover {
	color: #CCC;
	background: #24447D;
	}

#gallery_picnav a.selected, #gallery_picnav a.selected:hover, 
#gallery_pagenav a.selected, #gallery_pagenav a.selected:hover {
	padding: 2px 5px;
	text-decoration: none;
	color: #FF0;
	background: #24447D;
	}

#impressum_box {
	text-align: left;
	}
	
#impressum_daten_box {
	text-align: left;
	margin-bottom: 70px;
	}
	
	
#kundelogin_bestellungs_box {
	float: left;
	width: 570px;
	}
/******************** Classes ********************/
.order_bild {
	float: left;
	width: 40px;
	
	}
	
.order_format {
	float: left;
	width: 70px;

	}
	
.order_typ {
	float: left;
	width: 40px;
	
	}
	
.order_menge {
	float: left;
	width: 70px;

	}
	
.order_einzelpreis {
	float: left;
	width: 80px;
	}
	
.order_gesamt {
	float: right;
	width: 200px;
	text-align: right;
	}

.order_box {
 	height: 30px;
	width: 500px;
	}
	
.order_contact_left {
	float: left;
	width: 140px;
	padding-bottom: 5px;
	
	}
.order_contact_right {
	float: left;
	width: 200px;
	padding-bottom: 5px;
	}	
	
.order_contact {
	float: left;
	width: 400px;
	}
	
.aktion_highlight {
	clear: both;
	display: block;
	padding: 5px;
	background:#333;
	}


		
.aktion_kh {
	clear: both;
	display: block;
	padding: 5px;
	}
.order_container {
	float: left;
	margin-bottom: 10px;
	text-align: left;
	width: 500px;
	/* background: #333; */
	}

.order_picture {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	width: 350px;
	height: auto;
	/* background: #333; */
	}

.impressum_label {
	float: left;
	width: 600px;
	font-weight: bold;
	}
	
.impressum_text {
	float: left;
	width: 200px;	
	}
.r_adress_label {
	text-align: left;
	font-weight: bold;
	float: left;
	padding-top: 19px;
	padding-left: 120px;
	width: 100px;
	height: auto;
	}

.r_adress_value {
	text-align: left;
	float: left;
	padding-top: 20px;
	padding-left: 50px;
	width: 200px;
	height: auto;
	}

.thumb_container, 
.thumb_container_order {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
	text-align: center;
	width: 59px;
	height: 59px;
	border: 5px solid #737373;
	background: #7D7D7D;
	}

.thumb_container_order {
	height: 78px;
	}

.thumb_container_selected, 
.thumb_container_order_selected, 
.thumb_container_order_selected2 {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0px;
	text-align: center;
	width: 59px;
	height: 59px;
	border: 5px solid #FF0;
	background: #7D7D7D;
	}

.thumb_container_order_selected,
.thumb_container_order_selected2 {
	height: 78px;
	}

.thumb_container_order_selected2 {
	border: 5px solid #D00;
	}

.thumb_pic {
	width: 59px;
	height: 59px;
	text-align: center;
	}

.login_text {
	float: left;
	margin: 1px 5px 4px 0px;
	width: 70px;
	color: #CCC;
	}

.login_field {
	float: left;
	margin: 1px 0px 4px 0px;
	width: 162px;
	}

.pic5bm5 {
	margin-right: 1px;
	border: 5px solid #737373;
	}

.pic5b {
	border: 5px solid #737373;
	}
	
/* Kontaktformular */
.formular {
	padding: 50px 0px 0px 50px; 
	width: 600px;
	}
	
.formular_kontakt {
	width: 600px;
	}
	
.formular_reportagen {
	padding: 50px 0px 0px 50px; 
	width: 480px;
	}

.ebene {
	clear: both;
	padding: 2px 0;
	}
.eingabe {
	text-align: left;
	float: left;
	}

.label {
	font-weight: bold;
	float: left;
	text-align: right;
	padding-right: 5px;
	width: 140px;
	}

.submit_kontakt {
	padding-left: 123px;
	width: 200px;
	clear: both;
	}

.feldbreite {
	overflow: auto;
	width: 300px;
	}


.kontaktformular_textarea {
	text-align: left;
	display: block;
	float: left;
	padding-left: 50px;
	width: 350px;
	height: auto;
	}

.red {
	color: #D00;
	}

.error {
	font-weight: bold;
	color: #D00;
	}

.c333 {
	color: #333;
	}

.b {
	font-weight: bold;
	}

.pm {
	color: #333;
	}

.pm_d {
	color: #333;
	font-weight: bold;
	}

.pm_l {
	color: #CCC;
	font-weight: bold;
	}
.kalendar_ezeile {
	text-align: right;
	float: right;
	color: #FFF;
	}
	
/********* Extension Kalender *********/	

.Mo {
	float:left;
	width: 18px;
	}
	
.Di {
	float:left;
	width: 18px;

	}
	
.Mi {
	float:left;
	width: 18px;
	
	}
	
.Do {
	float:left;
	width: 18px;

	}
	
.Fr {
	float:left;
	width: 18px;
	
	}
	
.Sa {
	float:left;
	width: 18px;
	
	}
	
.So {
	float:left;
	width: 18px;
	}
	
.kalendertage {
	font-variant: small-caps;
	}
#special_textbox h1 {
	display: block;
	margin: 0;
	padding: 4px 0px 0px 0px;
	font-size: 26px;
	line-height: 23px;
	/* font-variant: small-caps; */
	letter-spacing: 1px;
	color: #FFFFFF;

}

/******************** Inputs ********************/
input, select, textarea {
	color: #333;
	background: #FFF;
	border: 1px solid #7D7D7D;
	}