@charset "UTF-8";
/* CSS Document */

/************ Reset CSS nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
/*	line-height: 1; */
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/***************************/

/*
html {
height: 101%;
}
*/
body { 
font-size: 87.5%; /* 14px */
line-height: 1.1428em;
line-height: 1.4286em;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
background: #000000 url('../img-dsg/background1.jpg') no-repeat center center fixed;

color: #000000;
}


/*Fonts special*/
strong,
h1, h4, h5, 
#CKF_einreichung-foto .bild p, 
label.error,
.b_home #zur-einreichung a span,
.b_home #countdown span.digit,
.b_auflistung h6{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#nav1 ul li a,
footer ul li a,
form.kf a,
.b_home #zur-einreichung a span span,
.b_auflistung h4 span.datum{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}


h1,h2,h3,h4,h5,h6{
margin: 0 0 1em 0;
line-height: 1.4286em;
color: #777777;
}

p,ul,ol,label,address {
margin: 0 0 1.1428em 0;
}

a,
a:link,
a:visited{
color: #0370b9;
text-decoration: none;
/*font-weight: bold;*/
}

a:hover{
text-decoration: underline;
}

address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

h1{font-size: 178.57%; margin-bottom: 0;}
h2{font-size: 178.57%; margin-bottom: 0;}
h3{font-size: 128.57%; margin-bottom: 0.7778em; text-transform: uppercase; color: #0370b9;}
h4{font-size: 114.29%; color: #0370b9;}
h5{font-size: 100%; margin-bottom: 0; color: #333333;}
h6{font-size: 100%; margin-bottom: 0;}
p {font-size: 100%;}

h5+h6{margin-top: 1.4286em;}

strong {

}

em{
font-style: italic;
}

small {
font-size: 0.8em;
}

sup {
font-size: 0.8em;
vertical-align: top;
}

sub {
font-size: 0.8em;
vertical-align: bottom;
}


.txrev {
unicode-bidi: bidi-override;
direction: rtl;
}

.offscreen{
position: absolute;
left: -99999px;
}

.tab{
float:left;
display: inline;
width: 4em;
}



.bild {
}



/***************************/

p.browseralt{
width: auto;
background: #a00;
color: #fff;
padding: 10px;
margin-bottom: 60px;

border-top: 1px solid #000;
border-bottom: 1px solid #000;

text-align: center;
}

p.browseralt a{
color: #fff !important;
text-decoration: underline !important;
}

.wf-loading #wrapper{
/**/
display: none !important;

}

.wf-active #wrapper,
.wf-inactive #wrapper{
display: block !important;
}

#wrapper{
position: relative;
width: 960px;
padding: 0px 0px;

margin: 0 auto;
}

header{
/*height: 384px;*/
padding: 0 0px;
/*background: url('../img-dsg/BG_header.png') no-repeat 0 0;*/
}

header #motiv{
height: 280px;
}

header h1{
position: absolute;
left: -99999px;
}

header h2{
overflow: hidden;
white-space: nowrap;
padding: 0px 45px 0 45px;

position: absolute;
left: -99999px;
}



#nav1{
width: auto;
height: 44px;
margin: -40px 0 0 0;
padding: 0 0px;
position: relative;
/*background: url('../img-dsg/BG_content1.png') repeat-y center top;*/
}

#nav1 ul{
list-style: none;	
padding: 0 45px;
padding: 0;
margin: 0;
overflow: hidden;
}

#nav1 ul li{
float: left;
display: inline;
height: 1%;
padding-right: 40px;
}

#nav1 ul li a,
#nav1 ul li a:link,
#nav1 ul li a:visited{
display: block;
font-size: 1.2em;
line-height: 2.5em;
color: #eeeeee;
text-decoration: none;
text-transform: uppercase;
font-weight: normal;

text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

#nav1 ul li a:hover{
color: #ffffff;
text-decoration: none;

text-shadow: 2px 2px 2px rgba(0,0,0,1);
}

#nav1 ul li a.aktiv,
#nav1 ul li a.aktiv:link,
#nav1 ul li a.aktiv:visited,
#nav1 ul li a.aktiv:hover{
/*text-decoration: underline;*/
/*color: #666666;*/
color: #ffffff;
}

#nav1 ul li a.aktiv span{
/*border-bottom: 1px dotted #0370b9;*/
}










#content{
clear: both;
padding: 40px 45px 30px 45px;
min-height: 400px;
overflow: hidden;
/*background: url('../img-dsg/BG_content1.png') repeat-y center top;*/
background: #ffffff;
/*background: rgba(255,255,255,0.95);*/
position: relative;

box-shadow: 1px 4px 4px rgba(0,0,0,0.2);
}

#content .col0{
clear: both;
}

#content .col1{
float: left;
display: inline;
width: 400px;
}

#content .col2{
float: right;
display: inline;
width: 400px;
}

#content .col3{
float: left;
display: inline;
width: 600px;
}

#content .col4{
float: right;
display: inline;
width: 200px;
}

#content ol, #content ul{
}

#content ul{
list-style-position: outside;
list-style-type: square;
margin-bottom: 0.57em;
overflow:hidden;
}

#content ol{
list-style-position: outside;
list-style-type: decimal;
}

#content ul li,
#content ol li{
margin-left: 1.4em;
margin-bottom: 0.57em;
}





footer{
padding: 10px 50px 0 45px;

padding: 10px 0;
height: 150px;
/*
background: url('../img-dsg/BG_footer.png') no-repeat center top;
*/
}

footer p#copyright{
float: right;
display: inline;
padding: 0 0px;
margin: 0;
color: #ffffff;
}

footer ul.navlist{
float: right;
display: inline;
}

footer ul li{
float: left;
display: inline;
height: 1%;
}

footer ul li a,
footer ul li a:link,
footer ul li a:visited{

padding: 0 0px 0 10px;
margin-left: 10px;
border: 0;
border-left: 1px solid #eeeeee;
display: block;

color: #ffffff;
text-decoration: none;

}

footer ul li a:hover{
color: #aaaaaa;
text-decoration: none;
}

footer ul li a.aktiv,
footer ul li a.aktiv:link,
footer ul li a.aktiv:visited,
footer ul li a.aktiv:hover{
color: #aaaaaa;
}




/* Allgemeine Styles */

.box0,
.box1,
.box2{
width: 350px;

padding: 10px 40px 10px 40px ;
background: #dfe0dc;
background: #eeeeee;

/*
background: #dfe0dc url('../img-dsg/BG_boxes1.jpg') repeat-x left bottom;

background-image: -o-linear-gradient(bottom, #b4b5b2 0%, #dfe0dc 150px);
background-image: -moz-linear-gradient(bottom, #b4b5b2 0%, #dfe0dc 150px);
background-image: -webkit-linear-gradient(bottom, #b4b5b2 0%, #dfe0dc 150px);
background-image: -ms-linear-gradient(bottom, #b4b5b2 0%, #dfe0dc 150px);
background-image: linear-gradient(bottom, #b4b5b2 0%, #dfe0dc 150px);
*/
}

.box0{
float: none;
clear: both;
display: block;
width: auto;
}

.box1{
float: left;
display: inline;
}

.box2{
float: right;
display: inline;
}

.box0 .subcol0{
float: none;
clear: both;
display: block;
width: auto;
}

.box0 .subcol1{
float: left;
display: inline;
width: 375px;
}

.box0 .subcol2{
float: right;
display: inline;
width: 375px;
}




/* Bereichs-spezifische Styles */

/* Home */

.b_home{}
/*
.b_home #content .col1{
float: none;
position: absolute;
left: 60px;
top: 80px;
z-index: 2;


width: 300px;
}

.b_home #content .col2{
width: 601px;
position: relative;

text-align: right;

}
*/




.b_home #zur-einreichung a,
.b_home #zur-einreichung a:link,
.b_home #zur-einreichung a:visited{
width: 230px;
height: 80px;
display: block;
border: 3px solid #fff;
margin-top: 30px;

color: #fff;
background: #0370b9;

text-transform: uppercase;

font-size: 1.4em;
line-height: 1.2em;

border-radius: 30px;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), 30px 30px 30px rgba(80, 170, 230, 0.25) inset, -30px -30px 30px rgba(20, 50, 90, 0.35) inset;

text-align: center;
letter-spacing: 0.1em;

text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.b_home #zur-einreichung a:hover{
text-decoration: none;
}

.b_home #zur-einreichung a>span{
display: block;
/*
width: 150px;
padding: 18px 0 0 70px;
*/

padding-top: 18px;
}

.b_home #zur-einreichung a span span{
letter-spacing: 0em;
}

.b_home #gewinnen{
margin-top: 35px;
margin-bottom: 20px;
width: 280px;
}

.b_home #gewinnen h4{
font-size: 1em;
margin-bottom: 0;
}

.b_home #gewinnen p{
margin-bottom: 0;
}


.b_home #countdown{
position: absolute;
top: 240px;
right: 58px;
width: 270px;
height: 210px;
background: #0370b9 url('../img-dsg/BG_countdown.jpg') repeat-x left bottom;

text-transform: uppercase;

border: 2px solid #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
box-shadow: 1px 2px 3px rgba(0,0,0,0.4);

height: 190px;
}

.b_home #countdown p{
margin: 0px 10px 5px 19px;
color: #fff;
}

.b_home #countdown span#digits{
display: block;
overflow: hidden;
margin: 4px 0 2px 0;
position: relative;
left: -4px;
}

.b_home #countdown span.digit{
float: left;
display: inline;
height: 102px;
width: 77px;
padding-left: 3px;

background: url('../img-dsg/BG_digit.png') no-repeat center center;
color: #000;

font-size: 3em;

font-size: 4.1958em;
line-height: 94px;
text-align: center;
}

.b_home #countdown span.digit:first-child{
}

.b_home #countdown strong{
font-size: 2em;
line-height: 1.1em;
letter-spacing: 0.1em;

font-size: 1.43em;

/*word-spacing: 1.5em;*/
}


/* Idee */

.b_idee #content .col2 {
margin-bottom: 1em;
}


/* Jury */

.b_jury{

}


/* Anmeldung / Login */

.b_anmeldung-login .col0,
.b_anmeldung-login .col3{
margin-bottom: 20px;
}

.b_anmeldung-login .box1{
float: right;
}

.b_anmeldung-login .box2{
float: left;
}



.b_anmeldung-login #tb ul ul{
list-style-type: circle;
}

.b_anmeldung-login #tb ul ul li{
margin-top: 0.57em;
margin-bottom: 0.57em;
}


/* Einreichung */

#einreichung .subcol0{
padding-top: 50px;
/*
background: url('../img-dsg/BG_trenner1.gif') repeat-x 0 10px;
*/
}

.b_einreichung .col0{
margin-bottom: 30px;
}

#link_hinweise,
#link_tb,
#link_dsbst{
position: relative;
margin-right: 13px;
}

#link_hinweise:after,
#link_tb:after,
#link_dsbst:after{
content:"▾";
margin-left: 3px;

position: absolute;
right: -12px;
top: -2px;
}

.b_einreichung #link_tb:after,
.b_einreichung #link_dsbst:after{

top: 0px;
}




/* Auflistung */

.b_auflistung{
}

.b_auflistung h4{
overflow: hidden;

}

.b_auflistung h4 span.datum{
/*
float: left;
display: inline;
*/

font-size: 0.75em;
padding-top: 0.1em;
color: #666666;

}

.b_auflistung h4 span.vollstaendigkeit{
float: left;
display: inline;
font-size: 0.875em;
color: #000000;
font-weight: normal;
padding-left: 1px;
clear: both;
}

.b_auflistung h4 span.nominiert{
float: left;
display: inline;
font-size: 0.875em;
color: #C49B48;
font-weight: normal;
margin-left: 1.5em;

text-shadow: -1px -1px 0 #FBEBA9, 2px 2px 3px rgba(0,0,0,0.3);
text-transform: uppercase;
}

.b_auflistung h5{
margin-top: 1.4286em;
margin-bottom: 0.57em;
color: #0370b9;
}

.b_auflistung h5:first-child{
margin-top: 0;
}


.b_auflistung h6{
color: #333;
margin-top: 0.57em;
}

.b_auflistung .box0{
margin-bottom: 1.4286em;
min-height: 200px;
overflow: hidden;
}

.b_auflistung .box0 p{
margin-bottom: 0.57em;
}



/* Kontakt */

.b_kontakt-impressum{
}

.b_kontakt-impressum h4{
margin-bottom: 0;
}

.b_kontakt-impressum #content{
}

.b_kontakt-impressum .col0{
}

.b_kontakt-impressum .col1{
}

.b_kontakt-impressum .col2{
}





/* Formulare ***************************/

/*
form.kf{
margin: 0;
padding: 20px 0 20px 0;
height: 1%;

color: #333;
}

form.kf a,
form.kf a:link,
form.kf a:visited{
color: #000;
text-decoration: underline;
font-weight: normal;
}

form.kf a:hover{
color: #fff;
text-decoration: underline;
}


.kf div{
margin: 0px 0 0px 0;

position: relative;
}

.kf h3{
clear: both;
padding: 20px 0 10px 0;
}

.kf h5{
margin-bottom: 10px;
}

.kf div.frm_cnt1{
width: 350px;
min-height: 43px;
}

.box0 .kf div.frm_cnt1{
width: 375px;
}

.kf div.frm_cnt2{
width: 350px;
overflow: hidden;

margin-bottom: 6px;
}

.box0 .kf div.frm_cnt2{
width: 375px;
}

.kf div.frm_cnt4{
width: 100%;
overflow: hidden;

margin-bottom: 6px;
}

#einreichung div.frm_cnt4{
width: 550px;
}

.kf div.frm_cnt1 label,
#CKF_einreichung-beschreibung label{
font-size: 0.8571em;

line-height: 14px;
margin: 0px 16px 5px 0;
padding: 0 0 0 10px;
white-space: nowrap;
display: block;
width: 120px;

position: absolute;
left: 1px;
top: 1px;
bottom: 1px;
height: 26px;
line-height: 28px;
z-index: 2;

background: #f00;
color: #000000;

background: url('../img-dsg/BG_labels1.png') no-repeat 0 0;
background: #0370b9;
color: #ffffff;

white-space: nowrap;
}

#CKF_einreichung-beschreibung label{
width: 364px;
margin: 0;

}


#CKF_einreichung-beschreibung label span{
color: #000;
margin-left: 80px;
width: 364px;
color: #777;
background-color: #fff;
padding: 0 2px;
}

input#KF_vorname,
input#KF_name,
input#KF_firma,
input#KF_strasse-nr,
input#KF_plz,
input#KF_ort,
input#KF_land,
input#KF_telefon,
input#KF_email,
input#KF_passwort,
input#KF_login-email,
input#KF_login-passwort{}


.kf div.frm_cnt1 input{
display: block;
width: 344px;

width: 214px;
padding-left: 132px;
height: 18px;
line-height: 18px;
margin: 0;

}


.kf div.frm_cnt1 textarea{

}

.box0 .kf div.frm_cnt1 input{
width: 239px;
}

.kf div.frm_cnt2 input.checkbox,
.kf div.frm_cnt2 input.radio,
.kf div.frm_cnt4 input.checkbox,
.kf div.frm_cnt4 input.radio{
margin-left: 0;
background: none;
border: 0;

}


.kf div.frm_cnt2,
.kf div.frm_cnt4{
clear: both;
}

.kf div.frm_cnt2 input,
.kf div.frm_cnt4 input{
float: left;
display: inline;
}

.kf div.frm_cnt2 label{
float: right;
display: inline;
margin-bottom: 0;

width: 325px;
}

.box0 .kf div.frm_cnt2 label{
width: 350px;
}

.kf div.frm_cnt4 label{
float: right;
display: inline;
margin-bottom: 0;

width: 525px;
}





.kf #CKF_einreichung-foto{
}

.kf div.frm_cnt1 input.file{
display: block;
width: 369px;

border: 1px solid #C9CAC9 !important;

padding: 0;
height: auto !important;
line-height: normal !important;
margin: 0 0 15px 0;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

float: right;
text-align: right;

height: 28px !important;

position: absolute;
left: -99999px;

}


.kf #CKF_einreichung-foto .bild{
clear: both;
border: 1px solid #ccc;
width: 348px;

min-height: 120px;
max-height: 400px;
background: #eee;

margin: 0 0 17px 0;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

width: 373px;
position: relative;

cursor: pointer;

overflow: hidden;
}

.kf #CKF_einreichung-foto .bild img{
display: block;

width: 373px;
}

.kf #CKF_einreichung-foto .bild p#uploadtext{

position: absolute;
right: 4px;
top: 4px;
background: #fff;
margin: 0;

color: #000;
font-size: 0.8571em;
padding: 2px;
width: 200px;
}

.kf #CKF_einreichung-beschreibung{
position: relative;
}

.kf #CKF_mitteilung{
clear: left;
width: 100%;
height: auto;
margin-bottom: 10px;
}

.kf textarea{
display: block;
width: 344px;
max-width:  344px;
min-width:  344px;
height: 150px;
max-height: 400px;
overflow: auto;
margin-bottom: 14px;

width: 369px;
max-width:  369px;
min-width:  369px;


}

.kf textarea#KF_einreichung-beschreibung{
padding-top: 27px;
height: 180px;
min-height: 180px;
max-height: 280px;
}

.kf input,
.kf select,
.kf textarea{
font-family: inherit;
font-size: 100%;
padding: 4px 2px;
background: #fff;

border: 1px solid #0370b9;

}

.kf select{
height: 28px;
padding: 4px 2px 4px 2px;


width: 350px;
}

.kf select option{
}


.kf label.error{
color: #b00 !important;
font-size: 0.7857em !important;
line-height: 1.3636em !important;
}

.kf .frm_cnt1 label.error{
position: static;
top: auto;
right: auto;

width: auto;
height: auto;

margin: 0 0 8px 0;

background: none;
text-align: right;
text-transform: none;
}

#CKF_einreichung-foto label.error{
position: absolute;
top: auto;
left: auto;
bottom: 3px;
right: 3px;
width: auto;
height: auto;
margin: 0px 0 0 0;
font-size: 0.7857em;
line-height: 1.3636em;

background: none;
text-transform: none;

text-shadow: 0px 0px 2px #fff, 0px 0px 1px #fff;
}

#CKF_einreichung-beschreibung label.error{
position: static;
top: auto;
right: auto;
width: auto;
height: auto;
margin: -10px 0 0 0;
font-size: 0.7857em;
line-height: 1.3636em;

background: none;
text-transform: none;
}

.kf input.error, .kf select.error, .kf textarea.error{
border: 1px solid #b00;
}



.kf #CKF_anmeldung-submit,
.kf #CKF_login-submit{}

#einreichung #CKF_einreichung-submit{
width: 230px;
position: absolute;
right: 0;
top: 25px;

overflow: visible;
}

.kf div input.submit{
font-size: 0.8571em !important;
line-height: 1.5em !important;


float: right;
display: inline;
margin: 0px 0px 0 0px;

border: 2px solid #fff;
cursor: pointer;

width: auto !important;
height: auto !important;

text-decoration: none;
font-weight: normal;
padding: 5px 20px 5px 10px;
color: #fff;
background: #f00 url('../img-dsg/BG_submits2.png') repeat-x right center;

padding: 5px 20px 5px 20px;
background: #0370b9;
text-transform: uppercase;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
box-shadow: 1px 2px 3px rgba(0,0,0,0.4);

}

*/

.kf a#pw-vergessen,
.kf a#pw-vergessen:link,
.kf a#pw-vergessen:visited{
padding-top: 5px;
float: left;
display: inline;
}

.kf a#pw-vergessen:hover{

}


#uploadhinweis{
font-size: 0.9em;
line-height: 1.2em;

position: absolute;
/*
top: -140px;

left: -0px;
  */
top: 60px;
right: -60px;
  
width: 250px;
background: #DFE0DC;
padding: 5px 10px;
border: 2px solid #C00F1E;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

-moz-box-shadow: 4px 8px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 8px 3px rgba(0,0,0,0.4);
box-shadow: 5px 8px 3px rgba(0,0,0,0.4);

background: #eeeeee;
background-image: -webkit-gradient(linear, left bottom, left 150px, from(#ffffff), to(#dfe0dc));/* alt */
background-image: -o-linear-gradient(bottom, #ffffff 0%, #dfe0dc 150px);
background-image: -moz-linear-gradient(bottom, #ffffff 0%, #dfe0dc 150px);
background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #dfe0dc 150px);
background-image: -ms-linear-gradient(bottom, #ffffff 0%, #dfe0dc 150px);
background-image: linear-gradient(bottom, #ffffff 0%, #dfe0dc 150px);

display: none;
}

#uploadhinweis h5{
border-bottom: 1px solid #444;
padding-bottom: 4px;
margin-bottom: 4px
}

#uploadhinweis p{
margin: 0;
}

/****************************/




/*********/


#demomenu{
position: fixed;
top: 1px;
left: 1px;
width: 100px;
}

#demomenu a,
#demomenu a:link,
#demomenu a:visited{
width: 20px;
height: 20px;
background: #ddd;
border: 1px solid #777;
color: #444;
float: left;
display: inline;
padding: 0;
text-align: center;
}


#demomenu a:hover{
background: #fff;
}


/*
body.b_save-the-date{
background: #0070BA;

background: rgb(0,67,109);
background: -moz-linear-gradient(top, rgba(0,67,109,1) 0%, rgba(0,112,186,1) 50%);
background: -webkit-linear-gradient(top, rgba(0,67,109,1) 0%,rgba(0,112,186,1) 50%);
background: linear-gradient(to bottom, rgba(0,67,109,1) 0%,rgba(0,112,186,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00436d', endColorstr='#0070ba',GradientType=0 );

font-size: 16px;
line-height: 1.25em;
}
*/


/* DEAKTIVIERUNG */
/**/
#zur-einreichung{
display: none !important;
}


/*
ul#feature-liste li .text .facebooklink {
display: none !important;
}
*/

/**/
ul.navlist a[href="anmeldung-login.php"]{
display: none !important;
}












