@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: "" "";
}


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

body { 
font-size: 10pt;
line-height: 1.4286em;
font-family: "Lucida Grande",Helvetica,Arial,Tahoma,Verdana,sans-serif;
background: none;
color: #000;
}

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

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

a,
a:link,
a:visited{
color: #0370b9;
text-decoration: underline;
}

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

h1{font-size: 178.57%; margin-bottom: 0; font-weight: bold;}
h2{font-size: 178.57%; margin-bottom: 0;}
h3{font-size: 128.57%; margin-bottom: 0.7778em;}
h4{font-size: 114.29%; font-weight: bold;}
h5{font-size: 100%; margin-bottom: 0; font-weight: bold;}
h6{font-size: 100%; margin-bottom: 0;}
p {font-size: 100%;}

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

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;
}

strong {
font-weight: bold;
}

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{
display: none;
}

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



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

#wrapper{
width: auto;
max-width: 650px;
margin: 0 auto;
}

header{
overflow: hidden;
margin-bottom: 2em;
position: relative;
}

header #motiv{
overflow: hidden;
margin-bottom: 0em;
}

header #motiv img{
display: block;
width: 100%;
}

header h1{
position: absolute;
left: 0;
top: 0;

font-weight: bold;
color: #0370b9;

padding-top: 11.7%;
}

header h2{
}

#nav1{
display: none;
}

#content{
clear: both;
margin: 0;
}


#content .col0{
clear: both;
}

#content .col1{
float: left;
display: inline;
width: 47.5%;
}

#content .col2{
float: right;
display: inline;
width: 47.5%;
}

#content .col3{
float: left;
display: inline;
width: 75%;
}

#content .col4{
float: right;
display: inline;
width: 20%;
}

#content .col2 img{
display: block;
width: 100%;
}


#content ol, #content ul{
}

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

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

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

#countdown{
display: none;
}


footer {
clear: both;
}

footer p{
float: left;
display: inline;
}

footer ul{
display: none;
}




/* Module */

form.kf{
display: none;
}




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

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

.box0 .subcol1{
float: left;
display: inline;
width: 47.5%;
}


.box0 .subcol2{
float: right;
display: inline;
width: 47.5%;
}


.box0 .subcol1 img,
.box0 .subcol2 img{
width: 100%;
}







/* Bereichs-spezifische Styles */


#zur-einreichung{
display: none;
}

#objekte-feature>p,
#objekte-feature>h5{
display: none;
}

div.feature_sort{
display: none;
}


ul#feature-liste{
list-style: none;
margin: 20px 0;
padding: 0;
}

ul#feature-liste li{
margin: 0 0 0px 0;
padding: 15px 0;
/*border-top: 1px solid #0370b9;*/

overflow: hidden;

font-size: 1.1em;

margin: 0 0 20px 0;

/*
border-left: 10px solid #0370b9;
*/

page-break-inside: avoid;

}

ul#feature-liste li .bild{
width: 25%;
height: 0;
padding-bottom: 25%;
margin: 0 5% 0 0;
/*
border-radius: 50%;
*/
/*
border: 10px solid #fff;
border-bottom: 40px solid #fff;
*/
overflow: hidden;

float: left;
display: inline;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;

}


ul#feature-liste li .bild img{
display: block;
width: 100%;

}

ul#feature-liste li .text{
width: 70%;
padding-top: 1%;

float: right;
display: inline;
}

ul#feature-liste li .text p{
margin-bottom: 0.5em;
overflow: hidden;
position: relative;
}
ul#feature-liste li .text .objektbezeichnung{
font-weight: bold;


}
ul#feature-liste li .text .verarbeiter{

}
ul#feature-liste li .text .objektort{

}
ul#feature-liste li .text .aufgabe{

}
ul#feature-liste li .text .eingereicht{

}

ul#feature-liste li .text .facebooklink{

}


ul#feature-liste li .text span.labl{
width: 90px;
display: block;

font-weight: normal;
font-size: 0.7em;
padding-top: 0.15em;
text-transform: uppercase;

position: absolute;
left: 0;
top: 0;


}
ul#feature-liste li .text span.cont{
display: block;

padding-left: 90px;
}

ul#feature-liste li .text .objektbezeichnung span.labl,
ul#feature-liste li .text .facebooklink span.labl{
display: none;
}

ul#feature-liste li .text .objektbezeichnung span.cont{
padding-left: 0;

}

ul#feature-liste li .text .facebooklink span.cont{
display: none;
}



.b_jury ul#juryliste{
margin: 0 ;

padding: 2em 0 20px 0;
}

.b_jury ul#juryliste>li{
width: 46.7%;
margin: 0 3% 0 0;
margin-bottom: 30px;

float: left;
display: inline;

position: relative;

overflow: hidden;
/*
background: #F2F8FC;
*/
}


.b_jury ul#juryliste>li:nth-child(2n-1){
clear: left;
}

.b_jury ul#juryliste>li .bild{
float: left;
display: inline;
width: 25%;
min-height: 50px;
margin-right: 3%;
overflow: hidden;
background: #eee;
}

.b_jury ul#juryliste>li .bild img{
display: block;
width: 100%;
}

.b_jury ul#juryliste>li .text{
float: left;
display: inline;
width: 70%;
/*padding-top: 3%;*/
}

.b_jury ul#juryliste>li h4{
margin: 0;
color: #000000;
padding-left: 0px;
}

.b_jury ul#juryliste>li h5{
margin: 0 0 10px 0;
}

.b_jury ul#juryliste>li ul{
list-style: square;
overflow: visible;
}

.b_jury ul#juryliste>li ul li{
margin: 0 0 0.5714em 1.1em;
}





.bildupl{
width: 30%;
margin: 0 3% 0 0;
margin-bottom: 30px;

float: left;
display: inline;

position: relative;
}
/*
form.bildupl + div.bildupl{
clear: left;
}
*/
div#cnt_uploads>.bildupl:nth-child(3n-2){
clear: left;
}

.bildupl .bild img{
display: block;
width: 100%;
}

.bildupl.main .bild{
position: relative;
}



.bildupl.main .bild:after{
content: "♥";
font-size: 2em;
line-height: 40px;
color: #fff;
background: #a00;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
position: absolute;
top: 10px;
left: 10px;
font-weight: bold;

box-shadow: 2px 2px 4px #000;
}

.bildupl p{
font-size: 0.8em;
line-height: 1.2em;
padding-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


.b_auflistung{
}


.b_auflistung #content>h3,
.b_auflistung #content>.col0{
display: none;
}



.b_auflistung #content .col1,
.b_auflistung #content .col2,
.b_auflistung #content .col3{
width: 30%;
margin-left: 5%;
float: left;
display: inline;
margin-bottom: 1em;
}
.b_auflistung #content .col1{
margin-left: 0;
clear: left;
}

.b_auflistung #content .col3+.col0{
page-break-before: always;
}

.b_auflistung .cnt_bilder{
margin: 0 0;
padding: 0px 0 0px 0;
clear: both;
overflow: hidden;
}

.b_auflistung div.bildupl{
width: 16.7%;
}
.b_auflistung div.bildupl.main .bild::after {
    background: #a00 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
	content: "♥";
    font-size: 1.3em;
    font-weight: bold;
    height: 30px;
    left: 4px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 30px;
}

.b_auflistung #content form #nominierungen_button{
display: none;
}
.b_auflistung.edit #content form #nominierungen_button{
display: none;
}


.b_auflistung div.eintrag{
display: none;
}

.b_auflistung div.eintrag.open{
display: block;
}

.b_auflistung div.eintrag div.toggle{
display: none;
}
.b_auflistung div.eintrag div.toggle:before{
display: none;
}
.b_auflistung div.eintrag.open div.toggle:before{
display: none;
}

.b_auflistung h4{
width: 70%;
float: left;
display: inline;
}

.b_auflistung h4 span.datum{
display: block;
float: none;
}

.b_auflistung div.eintrag{
/*border-top: 1px solid #777;*/
padding: 20px 0;

clear: both;
}

.b_auflistung h4 span.datum,
.b_auflistung h4 span.vollstaendigkeit,
.b_auflistung h4 span.nominiert{
font-size: 0.875em;
line-height: 1.2em;
font-weight: normal;
}

.b_auflistung h4 span.nominiert{
font-size: 0.875em;
line-height: 1.2em;
font-weight: bold;
text-transform: uppercase;
margin-left: 1.5em;
}

.b_auflistung div.eintrag .bedienfelder{
padding: 4px 10px;
background: #efefef;
overflow: hidden;
max-width: 30%;
float: right;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;

text-align: center;
display: none;
}
body.b_auflistung.edit div.eintrag .bedienfelder{
display: inline;
}

.b_auflistung div.eintrag .contents{
overflow: hidden;
clear: both;
}










ul#tb{
display: block !important;
}

div#dsbst{
display: block !important;
}




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