/*
Allgemein
*/

* {
    color:white;
    font-family:arial,sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
}

body {background-color:#000;}

h1 {
    font-size:32px;
}
h2 {
    font-size:16pt;
}
/*
Links
*/
a.hi, #content_top_left_nav a:hover {
    color:#718b9f;
}
.content_blue a:hover, a.button, #content_top_left_nav a {
	text-decoration:none;
}
.button, .button_smaller {
    font-size:19pt;
    background: #969696 url(/images/css/bg_button.gif) 1px 1px repeat-x;
    padding:7px 12px;
    border:1px solid #000;
    letter-spacing:0px;
    cursor:pointer;
    color:white;
}

.button_smaller {
	font-size:10pt;
	 padding:4px 7px;
	 text-decoration:none;
}

.button:hover, .button_smaller:hover {
    opacity:0.5;
}
/*
Forms
*/
select,option,input,textarea {
	color:black;
}
/*
Klassen
*/
.pointer {
	cursor:pointer
}

.left {
    float:left;
}
.content_left {
	float:left;margin-right:20px;width:580px;
}

div.content, div.content_hi {
    background-color:#312929;
    padding:20px;
    margin-bottom:10px;
}

div.content a:hover {
	text-decoration: none;
}

.content ol {
	margin-left:20px;
}
.content ol li {
	margin-bottom:10px;
}
div.content_blue {
    background-color:#718b9f;
    padding:20px;
}

.blue {
    background-color:#718b9f;
}
.border_white {
	border:1px solid white;
}

br.clear {
    clear:both;
}

/*
Elemente
*/

#mister_submit_view {
	border:1px solid green;
	position:fixed;
	z-index:1234;
	background-color:#050;
	display:none;
}
#mister_ajax,#mister_preview,#zoom_img {
	position:absolute;
	display:none;
	z-index:1200;
}
#mister_preview {
	background-color:black;
	z-index:1100;
	top:0px;
	left:0px;
}
#zoom_img{
	z-index:1110;
	top:100px;margin:0px auto;border:2px solid white;
	cursor:pointer;
}

#content {
    width:960px;
    margin:26px auto 0;
}

#footer {
    width:960px;
    margin:20px auto 5px;
    text-align:center;

}
#footer #footer_medienpartner {
    margin: 20px auto 30px;
}
#content_top_left, #content_top_right {
    height:134px;
}
/*links oben*/

#content_top_left {
    width:600px;
    min-width:600px;
    float:left;
    padding-left:20px;
}
#content_top_left_nav {
    width:480px;
}

/*Navigationscontainer abhängig von Awardphase*/
#nav_after_public {
	width:580px;
}
#nav_pre_submit {
	width:470px;
}

#nav_show_winner {
	width:550px;
}

#nav_submit {
	width:560px;
}

#nav_post_jury {
    width:540px;
}


#content_top_left_logo {
    margin-top:34px;
}
#content_top_left #content_top_left_nav  img {
	margin: 0px 5px 3px;
}
/*rechts oben*/

#content_top_right {
    width:320px;
    min-width:320px;
    margin-left:20px;
    float:left;
}

#content_top_right img {
    margin-left:130px;
}


/*
Seiten
*/
/*Startseite*/
#container_start #key_visual {margin-top:19px}
#container_start #key_visual_img {width:620px;}
#container_start #key_visual_text a { text-decoration:underline }
#container_start #key_visual_text {  width:280px;height:260px;float:left;}
#container_start a {
	text-decoration:none;
}

#container_start #vote { margin-top:20px;min-height:100px;}
#container_start #vote #vote_text_01 { width:120px;margin-left:28px;}
#container_start #vote #vote_text_02 {margin-left:28px;}
#container_start #vote #vote_text_03 {margin-left:28px;width:290px;}
#container_start #vote #vote_text_03 #vote_text_03_text {margin-top:14px;}
#container_start #kontakt  {margin-top:20px;height:170px;}
#container_start #kontakt #nade {margin-top:10px}
#container_start #kontakt #apa {float:left;margin-left:30px}
#container_start #kontakt #nach {float:left;margin-left:30px}
#container_start #kontakt #kontakt_medienpartner {float:left;width:280px;height:130px}
#container_start #kontakt #medienpartner img {margin:2px;}
#container_start #kontakt #medienpartner {margin-top:10px}

#container_start #footer #footer_medienpartner { display:none }

/*jury*/

#container_jury .content img {
	float:left;
}

#container_jury .content .jury {
	margin-left:90px;
}
/*preise*/

#container_preise .winner_text {
	width:400px;
	text-align: justify
}

#container_preise p {
	margin-bottom:5px;
}
#container_preise h2 {
	margin-bottom:10px;
}
#container_preise img {
	margin-bottom:10px;
}
/*medienecho*/
#container_medienecho p {
	width:500px;
	margin-top:20px;
}

/*jury*/
#container_jury .jury {
	padding-right:30px;
}

#container_jury img {
	margin-top:8px;
}

/*sieger2009*/
#container_sieger2009 #winner { margin: 20px 0px 0px 270px; width:420px; }
#container_sieger2009 .winner  { height:340px }
#container_sieger2009 .winner p,#container_sieger2007 #winner #top_winner { text-align: center; }
#container_sieger2009 .winner .winner_item { float:left;text-align: center; width:260px;height:320px;margin-right:20px}
#container_sieger2009 .winner .winner_item .img_container{ height:220px; }
#container_sieger2009 h2 { font-size:22pt;margin-bottom:15px}

/*sieger2008*/
#container_sieger2008 #winner { margin: 20px 0px 0px 270px; width:420px; }
#container_sieger2008 .winner  { height:290px }
#container_sieger2008 .winner p,#container_sieger2007 #winner #top_winner { text-align: center; }
#container_sieger2008 .winner .winner_item { float:left;text-align: center; width:260px;height:290px;margin-right:20px}
#container_sieger2008 .winner .winner_item .img_container{ height:180px; }
#container_sieger2008 h2 { font-size:22pt;margin-bottom:15px}

/*sieger2007*/
#container_sieger2007 #winner { margin: 20px 0px 0px 270px; width:420px; }
#container_sieger2007 .winner  { height:290px }
#container_sieger2007 .winner p,#container_sieger2007 #winner #top_winner { text-align: center; }
#container_sieger2007 .winner .winner_item { float:left;text-align: center; width:260px;height:290px;margin-right:20px}
#container_sieger2007 .winner .winner_item .img_container{ height:180px; }
#container_sieger2007 h2 { font-size:22pt;margin-bottom:15px}



/*einreichen*/
#container_einreichen #einreichen_preview_image_container {
padding:10px;padding-bottom:0px
}

#container_einreichen #select_kat_id {
height:20px;
overflow:hidden;
}
#container_einreichen #select_kat_id:hover {
	overflow:hidden;
}


#container_einreichen .image_zoom {
position:relative;bottom:300px;left:255px
}

#container_einreichen #file_container {
padding:10px;height:180px;
}

#container_einreichen #btn_durchsuchen {
	width:118px;
	height:25px;
	background: url(/images/buttons/but_durchsuchen.gif) 0px 0px no-repeat;
  text-align:center;  
  padding-top:5px;
  float:right;
  cursor:pointer;
}
#container_einreichen #rechte {
	position:fixed;
	display:none;
	background-color:black;
	width:450px;
	border:1px solid white;
	padding: 30px 30px;
	z-index:12345;
}

#container_einreichen #btn_preview { 
	width:120px;
	float:right;
	background: url(/images/buttons/but_durchsuchen.gif) 0px 0px no-repeat;	
	color:white;
	cursor:pointer;
}
#container_einreichen #btn_einreichen {
	width:200px;
	float:right;
}

#container_einreichen #checkbox_rechte_container_img {
	cursor:pointer;
	float:left;
	margin-right:10px;
	margin-top:-2px;
}
#container_einreichen #checkbox_fotograf_wie_einreicher_container_img {
	cursor:pointer;
	float:left;
	margin-right:10px;
	margin-top:-4px;
}

#container_einreichen .form select {
	width:370px;
}

#container_einreichen #rechte img {
	float:right;
}
#container_einreichen #rechte_info {
	cursor:pointer;
}
#container_einreichen #server_error_container {
	position:absolute;
	border:1px solid white;
	background-color:black;
	padding:20px;
	width:500px;
	z-index:12345;
	display:none;
}
#container_einreichen #server_error_container_text {
	color:red;
}
#container_einreichen #server_error_container img {
	float:right;
	margin:-15px;
	cursor:pointer;
}

#container_einreichen h2 {
	font-size:16pt;
}

#container_einreichen #einreichen_form_container_left {
	width:600px;
}

#container_einreichen #oirechte {
	height:32px;
}

/*Einreichen Preview*/
#container_einreichen #preview_data_left {
	margin-left:20px;
	width:300px;
}
#container_einreichen #preview_data_right {
	margin-left:20px;

}

/*Einreichen-Buttons*/
#container_einreichen #btn_einreichen, #container_einreichen #btn_einreichen_final {
width:228px;
	height:39px;
	background: url(/images/buttons/but_bewerbung_einreichen.gif) 0px 0px no-repeat;
  text-align:center;  
  padding-top:5px;
  float:right;
  cursor:pointer;
  font-size:14pt;
	text-decoration:none;  
}


#einreichen_form_container_right {
	margin-left:40px;
}

/*uebersicht*/
#container_uebersicht #placeholder {
width:50px;
}

#container_uebersicht #edit_submission, #weitere_bilder {
	height:39px;
  text-align:center;  
  padding-top:5px;
  float:right;
  cursor:pointer;
	text-decoration:none; 
	width:120px;
	float:left;
	background: url(/images/buttons/but_durchsuchen.gif) 0px 0px no-repeat;	
	color:white;
}



#container_uebersicht #edit_submission:hover {
}

#container_uebersicht  .content{
min-height:400px;
}

#container_uebersicht .image_zoom {
	position:relative;
	bottom:300px;
	left:260px;
}

#container_uebersicht .btn_details {
	width:118px;
	height:24px;
	background: url(/images/buttons/but_details_ansehen.gif) 0px 0px no-repeat;
  text-align:center;  
  padding-top:5px;
  float:left;
  margin-left:26px;
  cursor:pointer;
  text-decoration:none;
}

#container_uebersicht #go2einreichen {
	width:220px;
}
#container_uebersicht #info_box {
	float:right;
	width:260px;

}

#container_uebersicht .submission_kat_container{

}
#container_uebersicht .submission{
	width:180px;float:left;
	height:250px;
	margin-bottom:10px;
}

#container_uebersicht #weitere_bilder {
	float:right;
}


/*pers. Daten*/
#container_account #account_data {
	height:600px;
}

#container_account #account_left {
	width:575px;
	float:left;
}
#container_account #account_right {
	margin-left:650px;
	margin-top:20px;
}

#container_account #account_right input {
	width:200px;
}

#container_account #btn_update {
	width:110px;
	float:right;
}

#container_account #checkbox_permanent_container_text {
	margin-left:35px;
	margin-top:-20px;
}
#container_account #checkbox_permanent_container img {
	cursor:pointer
}

#container_account #account_right #btn_chg_pwd {
		width:160px;
		float:right;
		margin-right:20px;
}

/*register*/

#container_register  #isubmit {
	height:39px;
  text-align:center;  
  padding-top:5px;
  float:right;
  cursor:pointer;
	text-decoration:none; 
	width:120px;
	font-size:14pt;
	float:left;
	background: url(/images/buttons/btn_registrieren.gif) 0px 0px no-repeat;	
	color:white;
}


#container_register #notok {
	width:620px;
	float:left;
	margin-right:0px;
}

#container_register #login_box {
	float:right;
	width:250px;
}

#container_register #login_box h2 {
	font-size:22pt;
}

#container_register #login_box #l_passwort,
#container_register #login_box #l_email {
	width:240px;
}
#container_register #login_box #login_submit {
	height:39px;
	width:84px;
  padding-top:5px;
  cursor:pointer;
	text-decoration:none; 
	font-size:12pt;
	float:right;
	background: url(/images/buttons/btn_login.gif) 0px 0px no-repeat;	
	color:white;
}
#container_register #login_box a {
	float:left;
}


#container_register select {
	width:370px;
}
#container_register #isubmit {
	width:140px;
	float:right;
}

#container_register  textarea {
height:80px;
}
#container_register  #ianrede {
	width:120px;
}

#container_register #ipermanent {
	width:20px;
}

#container_register #checkbox_permanent_container_text {
	margin-left:35px;
	margin-top:3px;
}
#container_register #checkbox_permanent_container img {
	cursor:pointer;
	margin-left:10px;
	float:left;
}


/*zaehlbare felder */
#bild_info_counter,#medienecho_counter,#begruendung_counter,#kommentar_counter {
	font-size:8pt;
}


/*Forms, Tabellen*/

.form  textarea, .form input, .form select {
	width:360px;
	padding:5px;
	margin-bottom:10px;
}
.form select {
	width:370px; 
}

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

table td {

}
.tbl_left {
	width:220px;
}

.form_left {
	float:left;
	width:200px;
}
.form_right {
margin-left:220px;
}

.form_error {
	color:red;
}
.form_error_bg {
	background-color:red;
}

.error {
	display:none;
	color:red;
}

/*Submission preview*/
.pv_left {
	float:left;width:120px;
}
.pv_right {
	 margin-left:130px;
	clear:right;
}


/*Uebersicht / Einreichen Submission anzeige*/
#container_uebersicht .submission_image_container, #container_einreichen .submission_image_container {
height:300px;width:300px;background-color:#c9c1be
}

/*Uebersicht*/

#container_uebersicht .submission .submission_title {
	text-align:center;width:170px;
	height:22px;
	
}
#container_uebersicht #submission_page_nav a {
	text-decoration:none;
}

#container_uebersicht #submission_page_nav #zurueck{
	float:left;
}

#container_uebersicht #submission_page_nav #vor{
	float:right;
}

#container_uebersicht #submission_nav_container {
	display:none;
	width:920px;
}
#container_uebersicht #submission_nav_container #uebersicht {
	text-decoration:none;
}

#container_uebersicht #submission_nav_container div.arrow {
	display:inline;

}
#container_uebersicht #kat_label_container {
	width:550px;
	float:left;
}

#container_uebersicht #submission_nav_inner_container {
	margin-top:5px;
	height:15px;
}
#container_uebersicht #preview_submission_container {
	min-height:300px;
	display:block;
}

#container_uebersicht .image_container {
	background-color:#C9C1BE;
	width:170px;height:170px;
}

/*Loginseite*/
#container_login #content_login {
	padding:20px;
	width:610px;
}
#container_login #login_submit {
	float:right;
}

#container_login #btn_login_save {
	width:170px;
}
#container_login #btn_login_require {
	width:170px;
}


/*Kategorienbeschreibung*/
#container_bildkategorien h2 {
	margin-bottom:10px;
}

#preview_image {
	border:1px solid white;
}
.image_zoom {
	cursor:pointer;
}

/*Subnavigation*/
#subnav {
	height:50px;
	text-align:center;
}

#subnav a {
	font-size:12pt;
}
#subnav_nav {
	width:500px;
	float:left;
}
#subnav_info {
padding-top:40px;
float:right;
position:relative;
width:460px;
bottom:20px;
font-size:10pt;
}
#subnav_info a {
	font-size:10pt;
}


.subnav_hi, .subnav_low {
	float:left;
	width:130px;
	height:40px;
	padding:20px 10px 10px 10px;
	margin-bottom:10px;

}
.subnav_hi, .subnav_low:hover {
	background-color:#312929;
	text-decoration:none;
}

/*
Seperator
*/

.seperator {
	width:100%;
	background-color:white;
	height:1px;
	margin: 10px 0px;
}

/*
Fileupload
*/

div.filecontainer {
	position: relative;

}

div.fileinput {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}


input.file {
	position: relative;
	left:150px;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}


/*
Preview image
*/
.preview_image_container {
	border:1px solid white;
	padding:100px;
	background-color:#312929;
}

/*
Login
*/
#container_login #login_submit {
	width:120px;
}


/*Hilfebox permanent*/
#help_permanent {
	display:none;
	position:absolute;
	border:1px solid white;
	background-color:black;
	width:250px;
	padding:10px;
}
#help_permanent img {
	float:right;
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
}





/*dynamische Formkomponenten*/
.select {
	position: absolute;
	height: 21px;
	padding: 2px 24px 0 8px;
	overflow: hidden;
	color:black;
}

.select_ikat_id {
	background: url(/images/css/select.gif) repeat-x;
	width:330px;
	}

.select_ianrede {
	background: url(/images/css/select.gif) -250px 0px repeat-x;
	width:80px;
}
.select_iland {
	background: url(/images/css/select.gif) -250px 0px repeat-x;
	width:80px;
}


/* Downloadbereich */
#container_downloads .image_box {
	background-color:black;
	float:left;
	margin:15px;
	width:150px; height:150px; /*box_dim*/
}