/* styled by festland */

body{
	padding:0px;
	margin:0px;
	background-color:#B8B8B8;
	font-family: Arial, verdana;
	font-size:11px;
	line-height: 1.25em;
	background-image: url(../img/body_bg.jpg);
	background-position:center top;
	
}

/* allgemein */

a{
	text-decoration:none;
	color:#5eac3c;
	outline: none;
}

a:hover{
	color:#777;
}

p{
	padding:0px;
	margin:5px 0px 10px 0px;
}

.grey_text{
	color:#777;
}

.text{
	padding:0px 15px 0px 0px;
}

img{
	display:block;
	border: none;
}


/* struktur */
#wrap{
	position:relative;
	width:1002px;
	margin:auto;
	text-align:left;
	padding:0px 0px 2px 0px;
}

#banner{
	cursor:pointer;
	height:170px;
	width:1002px;
	background-image: url(../img/ph_banner.png);
	background-position:169px 60px;
	background-repeat:no-repeat;	
}

#content{
	width:1002px;
	background-image: url(../img/price.png);
	background-position:0px 10px;
	background-repeat:no-repeat;		
}

.popup {
	position:absolute;
	left:0px;
	top:177px;
	width:170px;
	height:277px;
	cursor:pointer;
}


#content_left{
	width:636px;
	position:relative;
	left:169px;
	top:0;
}

#content_right{
	width:195px;
	position:absolute;
	left:807px;
	top:203px;
}

#footer{
	position:relative;
	color:#fff;
	font-size:11px;
	width:580px;
	margin:auto;
	text-align: center;
}

#footer a:hover {
	color:#000 !important;
	}	

.clearer{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

/* boxes */
.box_content_wrap{
	overflow:hidden;
	height:0px;
	position: relative;
}

.box_wrap{
	width:556px;
	padding:7px 40px 0 40px;
	background-image: url(../img/ph_box_bg.png);
	background-position:left top;
	background-repeat:repeat-y;
	position: relative;
}

.box_content{
	padding:0px 0px 15px 0px;
	position: relative;
}

/* right side */

#content_right p{
	font-size:11px;
	width:160px;
}

#content_right ul{
	font-size:11px;
	padding:0px 0px 0px 15px;
	margin:0px;
}

#content_right li{
	padding:0px 0px 5px 0px;
	margin:0px;
}

/* forms */
.form_title, .message_title{
	color:#777;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:100px;
	padding:0px;
}

.message_title{
	float:left;
	width:210px;
}

.message_title p{
	color:#000;
	font-weight:normal;
	font-size:11px;
}

#receivers{
	float:left;
	width:540px;
}

.remove{
	cursor:pointer;
	float:right;
	background-image: url(../img/remove.png);
	background-repeat: no-repeat;
}

.form_content_right label{
	display:inline-block;
	width:55px;
	padding-right:15px;
}

.form_content_left label{
	display:inline-block;
	width:95px;
	padding-right:15px;
}

.form_content_left{
	float:left;
	margin:0px 10px 5px 0px;
	position: relative;
}

.form_content_right{
	float:left;
	margin:0px 0px 5px 0px;
}

input, textarea, submit, select{
	font-family: arial, verdana;
	font-size:11px;
	color:#777;
	border:1px solid #afafaf;
}

input.flightbox_checkbox {
	margin: 0px 5px 0px 102px;
	padding: 0px;
	border: none;
}

p.notice {
	color:#777;
	margin-top: 3px;
	margin-bottom: 3px;
}

textarea{
	overflow: auto;
	width:270px;
	padding:2px;
}

select {
	margin:0px 2px 0px 0px;
}

.input_button{
	cursor:pointer;
	color:#fff;
	text-align:center;
	padding:4px 0px 0px 0px;
	margin:0px 0px 2px 0px;	
	width:100px;
	height:20px;	
	background-image: url(../img/green_button_back.png);
	background-repeat: no-repeat;
	background-position: left top;
}

input.short_input{
	width:75px;
	margin:0px 5px 0px 0px;
}

input.long_input{
	width:157px;
	margin:0px 5px 0px 0px;
}

input.prefix_input{
	width:39px;
}

input.number_input{
	width:115px;
}

.form_more{
	margin:10px 10px 0px 0px;
	padding:2px 0px 10px 85px;
}

.form_more a{
	display:block;
	height:14px;
	padding:2px 0px 0px 25px;
	background-image: url(../img/plus_icon.png);
	background-repeat:no-repeat;
	background-position: left top;
	color:#5eac3c;
}

.form_more a:hover{
	color:#777;
}

.message{
	padding:15px 0px 0px 0px;
	margin:0px 10px 0px 0px;
}

.form_message{
	float:left;	
	margin-right:18px;
}

.form_button{
	float:left;	
	padding-top:52px;
	vertical-align: bottom;
}


#radio_postcards, #radio_mms, #radio_ecards{
	cursor:pointer;
	display:inline-block;
	padding:15px 0px 0px 5px;
	margin:0px 35px 0px 0px;	
	font-size:14px;
	font-weight:bold;
	color:#777;
	height:37px;
	line-height:37px;
	width:125px;
}

#postcards, #ecards, #mms{
	border:none;
}


#radio_postcards{
	background-image: url(../img/karte_icon.png);
	background-position: 0 20px;
	background-repeat: no-repeat;
	padding-left:50px;
	
}

#radio_mms{
	background-image: url(../img/handy_icon.png);
	background-position: 5px 13px;
	background-repeat: no-repeat;
	padding-left:50px;
}

#radio_ecards{
	background-image: url(../img/email_icon.png);
	background-position: 0 14px;
	background-repeat: no-repeat;
	padding-left:50px;
}

.sujet_wrap{
	float:left;
	text-align:center;
}

a.sujet {
	display: block;
	width: 104px;
	height: 74px;
	cursor: pointer;
	float: left;
	margin: 0px 0px 9px 9px;
} a.sujet:hover, a.sujet:active {
	border: solid 1px #fff;
	width: 102px;
	height: 72px;
	background-position: -1px -1px;
} a.sujet:active {
	background-position: 0px 0px;
} a.sujet.first {
	margin-left: 0px;
}

#sujet1, #sujet2, #sujet3, #sujet4, #sujet5, #sujet6, #sujet7, #sujet8, #sujet9, #sujet10 {
	border:none;

}

.radio_sujet1, .radio_sujet2, .radio_sujet3, .radio_sujet4, .radio_sujet5, .radio_sujet6, .radio_sujet7, .radio_sujet8, .radio_sujet9, .radio_sujet10{
	background:transparent;
	display:block;
	cursor:pointer;
	height:81px;
	width:110px;
	background-position: top left;
	background-repeat:no-repeat;
}

.radio_sujet1 {background-image: url(../img/1.png);}
.radio_sujet2 {background-image: url(../img/2.png);}
.radio_sujet3 {background-image: url(../img/3.png);}
.radio_sujet4 {background-image: url(../img/4.png);}
.radio_sujet5 {background-image: url(../img/5.png);}
.radio_sujet6 {background-image: url(../img/6.png);}
.radio_sujet7 {background-image: url(../img/7.png);}
.radio_sujet8 {background-image: url(../img/8.png);}
.radio_sujet9 {background-image: url(../img/9.png);}
.radio_sujet10 {background-image: url(../img/10.png);}

.login_button{
	display:block;
	float:left;	
	cursor:pointer;
	color:#5eac3c;
	text-align:center;
	padding:4px 5px 0px 0px;
	margin:0px 0px 2px 0px;	
	width:75px;
	height:20px;	
	background-image: url(../img/grey_button_back.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.input_error{
	
	/*background-color:#ffedec;*/
	background-image: url(../img/validation_error.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

.input_ok {
	
	background-image: url(../img/validation_ok.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

/* ScrollBar Start */

div.scrollBar {
	display:none;
	position:absolute;
	top:140px;
	left:276px;
	z-index:10;
	font-size:0px;
	line-height:0px;
}

div.scrollBar_bar {
	position:absolute;
	top:0px;
	left:0px;
	width:5px;
	height:243px;
	border:solid 1px #a7a7a7;
	background-color:#FFFFFF;
	z-index:10;
}

div.scrollBar_dragger {
	background-color:#a7a7a7;
	width:5px;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
}

div.scrollBar_buttonUp, div.scrollBar_buttonDown {
	position:absolute;
	left:0px;
	width:7px;
	height:7px;
	background-color:#FFFFFF;
	z-index:10;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center;
}
div.scrollBar_buttonUp {
	top:-7px;
	background-image:url(../pix/scrollBar_buttonUp.gif);
}
div.scrollBar_buttonDown {
	top:467px;
	background-image:url(../pix/scrollBar_buttonDown.gif);
}

.errorCode {
	color:#f83c25;
	background-image: url(../img/validation_error.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left: 20px;
	padding-top: 2px;
}

/* ScrollBar End */

.logo {
	position:absolute;
	left:719px;
	top:32px;
	display:block;
	width:283px;
	height:74px;
	z-index:10;
	background-image: url(../img/ph_logo.png);
	background-position:left top;
	background-repeat:no-repeat;
}
		
.intro {

	position: relative;

	height:311px;
	width:637px;

	background-image: url(../img/ph_intro.png);
	background-position:left top;
	background-repeat:no-repeat;	
}

#intro_image {
	position: absolute;
	top: 50px;
	left: 47px;
}


.fbconnect {
	position:absolute;
	left:23px;
	top:168px;
	display:block;
	width:94px;
	height:29px;
	background-image: url(../img/ph_fbconnect.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:none;
}

.fbconnect:hover {
	background-image: url(../img/ph_fbconnect_over.png);
}

.fblike {
	position: absolute;
	top: 132px;
	left: 670px;
	display:block;
}

/*
.fblike {
	position:absolute;
	left:685px;
	top:124px;
	display:block;
	width:98px;
	height:29px;
	background-image: url(../img/ph_fblike.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.fblike:hover {
	background-image: url(../img/ph_fblike_over.png);
}
*/

#new_pict { display: none; }

.new_pict {
	border:0;
	background:transparent;
	width:105px;
	height:32px;
	display:block;
	margin:12px 0 0 5px;
	background-image: url(../img/btn_neuesbild.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor: pointer;
}

.new_pict:hover {
	background-image: url(../img/btn_neuesbild_over.png);
}

.back {
	border:0;
	background:transparent;
	width:100px;
	height:32px;
	display:block;
	margin:12px 0 0 5px;
	background-image: url(../img/btn_back.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor: pointer;
}

.back:hover {
	background-image: url(../img/btn_back_over.png);
}

.vorschau {
	border:0;
	background:transparent;
	float:left;
	margin-right:10px;
	width:93px;
	height:32px;
	background-image: url(../img/btn_vorschau.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:none;
	cursor: pointer;
}

.vorschau:hover {
	background-image: url(../img/btn_vorschau_over.png);
}

.abschicken {
	border:0;
	background:transparent;	
	width:110px;
	height:32px;
	background-image: url(../img/btn_abschicken.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor: pointer;
}

.abschicken:hover {
	background-image: url(../img/btn_abschicken_over.png);
}

.logout {
	border:0;
	background:transparent;	
	width:110px;
	height:32px;
	background-image: url(../img/btn_logout.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor: pointer;
}

.logout:hover {
	background-image: url(../img/btn_logout_over.png);
}

.los {
	border:0;
	background:transparent;	
	width:110px;
	height:32px;
	background-image: url(../img/btn_los.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor: pointer;
}

.los:hover {
	background-image: url(../img/btn_los_over.png);
}

.fertig {
	border:0;
	background:transparent;	
	width:100px;
	height:32px;
	margin-top:12px;
	background-image: url(../img/btn_weiter.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:none;
	cursor: pointer;
}

.fertig:hover {
	background-image: url(../img/btn_weiter_over.png);
}

.newmsg {
	display:block;
	margin-left:300px;
	border:0;
	background:transparent;	
	width:122px;
	height:32px;
	margin-top:20px;
	background-image: url(../img/btn_neue_nachricht.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor: pointer;
}

.newmsg:hover {
	background-image: url(../img/btn_neue_nachricht_over.png);
}

.wclose {
	display:block;
	margin-left:430px;
	border:0;
	background:transparent;	
	width:147px;
	height:32px;
	margin-top:20px;
	background-image: url(../img/btn_close.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor: pointer;
}

.wclose:hover {
	background-image: url(../img/btn_close_over.png);
}
.box_top {
	width:636px;
	height:18px;
	background-image: url(../img/ph_box_top.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.box_bottom {
	width:636px;
	height:27px;
	background-image: url(../img/ph_box_bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
}


.postit {
	visibility: hidden;
	height:308px;
	width:195px;
	background-image: url(../img/Infoabende_1.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	position: absolute;
	top: 0px;
	left: 0px;
}

.postit:hover {
	background-image: url(../img/Infoabende_1_aktiv.png);
}

.anmeldung {
	position:absolute;
	left:5px;
	top:250px;
	height:238px;
	width:167px;
	padding:56px 0 0 23px;
	background-image: url(../img/Anmeldung.png);
	background-position:left top;
	background-repeat:no-repeat;	
}

.imageContainer {
	position: relative;
	float:left;
	height:192px;
	width:270px;
	margin:18px 20px 18px 0;
	background-image: url(../img/swfupload/dummy.png);
	background-position:left top;
	background-repeat:no-repeat;	
}

.imageContainer .mask {
	height:192px;
	width:270px;
	background-image: url(../img/mask/f_1_t.png);
}

.alink {
	color:#5eac3c;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	cursor: pointer;
}

.alink:hover {
	color:#777;
}

.title_2, .title_2_active, .title_2_inactive {
	padding:0;
	line-height:57px;
}

.title_2 img, .title_2_active img, .title_2_inactive img {
	float:left;
	padding-right:28px;
}


.title_1, .title_1_active, .title_1_inactive {
	padding:0;
	line-height:45px;
}


.title_1 img, .title_1_active img, .title_1_inactive img {
	float:left;
	margin-left:-11px;
	padding-right:10px;
}

.box_text {
	font-size:17px;
	color:#777;
}
.form_titel {
	padding-top:8px;
	font-size:17px;
	color:#777;
	line-height:24px;
}

h1 {
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:22px;
	color:#777;
}

.line {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border-bottom:1px solid #777;
	margin-bottom:10px;
}

.form_titel input {
	margin-right:5px;border:none;
}

#selectorBox {
	visibility:visible;
}

.cam {
	background-image: url(../img/kamera_icon.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.pokal {
	background-image: url(../img/pokal_icon.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.letter {
	background-image: url(../img/Brief2.png);
	background-position:left center;
	background-repeat:no-repeat;
}
	
/*======================================================
	SWFUPLOAD
======================================================*/

object {
	margin:0px;
	padding:0px;
}

div#swfUpload_box {
	position: absolute;
	top: 71px;
	left: 43px;
	color: #777777;
	z-index: 500;
}

div#swfUpload_box .contentBox {
	
}

div#swfUpload_box div#divStatus {
	margin:0px 0px 5px 0px;
}

div#swfUpload_content {}

div#swfUpload_content div.fsUploadProgress.fieldset.flash {
	border: solid 1px black;
	display: block;
	visibility: visible;
}

div#swfUpload_content .progressWrapper {}

div#swfUpload_content .progressContainer {
	width: 158px;
	padding-left: 2px;
}
/* Message */
div#swfUpload_content .message {}
/* Error */
/*
div#swfUpload_content .red,
div#swfUpload_content .green,
div#swfUpload_content .blue {
	border: solid 1px #819CA7;
	background-color: #E5F2F8;
	width: auto;
}
*/
div#swfUpload_content #fsUploadProgress {
	display: none;
	position: absolute;
	top: -10px;
	left: 0px;
	width: 162px;
	height: 46px;
	padding: 0px 10px;
	border: solid 1px #fff;
	background-color: #cac9c9;
	background-image: url(../img/swfupload/preloader_bg.gif);
	background-repeat: no-repeat;
	background-position:11px 25px;
	color: #777777;
}

div#swfUpload_content #swfUpload_content_button {
	margin: -9px 0px 0px 21px;
}
div#swfUpload_content .progressName {
	display: none;
}

div#swfUpload_content .progressBarInProgress,
div#swfUpload_content .progressBarComplete,
div#swfUpload_content .progressBarError {
	font-size: 0;
	width: 0%;
	height:10px;
	background-color: #fff;
	background-image: url(../img/swfupload/preloader.gif);
}

div#swfUpload_content .progressBarComplete {
	width: 100%;
	background-color: #618391;
}

div#swfUpload_content .progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

div#swfUpload_content .progressBarStatus {
	height: 18px;
	padding: 6px 0px 3px 0px;
	text-align: center;
}

div#swfUpload_content a.progressCancel {
	font-size: 0;
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../pix/icons/16/cancel.png);
	background-repeat: no-repeat;
	float: right;
}

div#swfUpload_content a.progressCancel:hover {
	background-position: 0px 0px;
}

button#btnCancel {
	display: none;
}

#divStatus { display: none; }

#userImage_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../img/empty.gif);
	background-repeat: repeat;
	display: none;
	z-index: 5000;
}

.fb_connect {
	display: block;
	width:100px;
	height: 29px;
	background-image: url(/img/fb_connect.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

input#persistentLogin {
	margin: 0px 0px 0px 102px;
	padding: 0px;
}

label.persistentLogin_label {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#fb_tooltip {
	position: absolute;
	top: 313px;
	left: -176px;
	cursor: pointer;
	z-index: 1000;
}


.contest_imageContainer {
	position: relative;
	width: 171px;
	float: left;
	margin: 0px 0px 0px 13px;
	padding-top: 0px;
}

.contest_imageContainer div.image {
	display: block;
	border: none;
	margin-bottom: 3px;
	width: 171px;
	height: 121px;
	background-position: center;
	cursor: pointer;
	
}

.contest_imageContainer div.image.active {
	border: solid 3px #fff;
	outline: solid 3px #5EAC3C;
	width: 165px;
	height: 115px;
}

.contest_imageContainer iframe {
	border: none;
	width: 125px;
	height: 21px;
	margin-bottom: 10px;
}

#pager {
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	height: 24px;
	padding-top: 20px;
}

#pager a {
	display: inline-block;
	width: 24px;
	height: 19px;
	padding-top: 5px;
}

#pager a.active {
	color: #ffffff;
	background-image: url(../img/pager_active.png);
}

#voting_uploadButton {
	background-image:url(../img/Button_hochladen.png);
	width:147px;
	height: 148px;
	position: absolute;
	bottom: -65px;
	left: 470px;
	z-index: 10;
}

#sendMessage_votingButton {
	background-image:url(../img/Button_abstimmen.png);
	width:147px;
	height: 148px;
	position: absolute;
	/*bottom: -15px;*/
	top:-8px;
	left: 505px;
	z-index: 10;
}

a.fb_share {
	float:right;
	display:block;
	height:20px;
	color:#3b5998;
	background-image:url(../img/fb_share.gif);
	background-position: right bottom;
	padding-right: 6px;
}

a.fb_share span {
	display:block;
	background-image:url(../img/fb_share.gif);
	background-position: left top;
	padding: 3px 0px 0px 22px;
	height:17px;
}