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

body{
background: #0070BA;
/*
background: -moz-linear-gradient(top, rgba(0,42,68,1) 0%, rgba(0,112,186,1) 500px) fixed;
background: -webkit-linear-gradient(top, rgba(0,42,68,1) 0%,rgba(0,112,186,1) 500px) fixed;
background: linear-gradient(to bottom, rgba(0,42,68,1) 0%,rgba(0,112,186,1) 500px) fixed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a44', endColorstr='#0070ba',GradientType=0 );
*/

background: #0070BA url('../img-dsg/background1.jpg') repeat-x center top;
}

hr{
clear: left;
margin: 0em 0 3em 0;
padding-top: 2em;
height: 0;
border: 0;
border-bottom: 1px solid #bbb;
}


#wrapper{
max-width: 960px;
width: auto;
/*
overflow: hidden;
*/



}

header #motiv{
height: auto;

}

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

}

#content{

padding: 40px 45px 50px 45px;
padding: 40px 4.6875% 50px 4.6875%;

-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);

}


#content .col0{
clear: both;
}

#content .col1{
width: 45.97701149425287%;
}

#content .col2{
width: 45.97701149425287%;
}

#content .col3{
width: 68.96551724137931%;
}

#content .col4{
width: 22.98850574712644%;
}
/*
#content .col1 img,
#content .col2,
#content .col3,
#content .col4{
width: 100%;
display: block;
}
*/
.bild img{
display: block;
width: 100%;
}

.box0, 
.box1, 
.box2{
background: #eeeeee none repeat scroll 0 0;
padding: 10px 4.59770114942529%;
width: 49.42528735632184%;

width: 47.5%;

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


.b_passwort-vergessen{

}
.b_passwort-vergessen .box1{
width: 100%;
}


div#cnt_uploads{
margin: 0 -1.72413793103448%;
padding: 0px 0 20px 0;
}

.bildupl{
width: 30%;
margin: 0 1.65%;
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.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;
}

form.bildupl label{
font-weight: bold;
}
form.bildupl input.file{
margin-top: 6px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}

form.kf{
clear: both;
margin: 0 -1.72413793103448%;
padding: 20px 0 40px 0;
height: 1%;

color: #333;

overflow: hidden;
}

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

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


.kf div{
margin: 0px 0 0px 0;
position: relative;
}

.kf h3{
clear: both;
padding: 20px 0 10px 0;
margin-left:  1.65%;
margin-right: 1.65%;
}

.kf h4{
clear: both;
margin-left:  1.65%;
margin-right: 1.65%;
padding-top: 20px;
}

.kf h5{
clear: both;
margin-left:  1.65%;
margin-right: 1.65%;
margin-bottom: 10px;

}

.kf hr{
clear: left;
margin: 0em 1.65% 3em 1.65%;
padding-top: 2em;
height: 0;
border: 0;
border-bottom: 1px solid #bbb;
}

.kf .ausklapper {
clear: both;
margin-left: 1.65%;
margin-right: 1.65%;
}
.kf .ausklapper h4{
margin-left: 0;
margin-right: 0;
}

.kf .ausklapper h5{
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}

.kf div.hinweis_cnt{
margin: 0 1.65%;
min-height: 60px;

float: left;
display: inline;


max-width: 568px;
}

.kf div.frm_cnt1{
width: 30%;
margin: 0 1.65%;
min-height: 60px;

float: left;
display: inline;
}
/*
.box0 .kf div.frm_cnt1{
width: 375px;
}
*/
.kf div.frm_cnt2{
width: 96.35%;
margin: 0 1.65%;
overflow: hidden;
/*min-height: 28px;*/
margin-bottom: 0px;
min-height: 60px;
clear: both;
}

.box0 .kf div.frm_cnt2{

}

.kf div.frm_cnt3{
width: 30%;
margin: 0 1.65%;
min-height: 30px;

float: left;
display: inline;
}


.kf div.frm_cnt4{
width: 96.35%;
margin: 0 1.65%;
overflow: hidden;
min-height: 60px;
margin-bottom: 6px;
}

#einreichung div.frm_cnt4{

}

.kf div label{
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
margin: 0px 0 2px 0;
padding: 0;
white-space: nowrap;
display: block;
width: auto;

white-space: nowrap;
}

span.pflicht{
color: #a00;
font-size: 1.2em;
line-height: 0.8em;
display: inline-block;
margin: 0 2px;
}

.kf div label>span.zusatz{
font-weight: normal;
}


.b_anmeldung-login .kf #CKF_dsb-akzeptiert{
height: auto;
position: relative;
padding: 0;
margin-bottom: 0;
}

.b_anmeldung-login .kf #CKF_dsb-akzeptiert label{
white-space: normal;
overflow: hidden;
margin-bottom: 15px;
font-size: 0.857142857142857em;
line-height: 1.2em;
position: relative;
}

.b_anmeldung-login .kf #CKF_dsb-akzeptiert input{
position: relative;
z-index: 1;
}

.b_anmeldung-login .kf #CKF_dsb-akzeptiert label.error{
position: absolute;
display: inline-block;
background: transparent;
left: 0;
right: 0;
top: 0;
bottom: 0;
/*background: #aa0000;*/
color: transparent !important;
z-index: 0;
margin-left: 0;
border: 2px solid #b00;
}




#CKF_einreichung-beschreibung label{
width: 364px;
margin: 0;
/*background-color: #fff;*/
}


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

#CKF_anmeldung-submit,
#CKF_login-submit{
overflow: visible;
}



.kf div.frm_cnt1 input{
display: block;

width: 100%;

height: auto;
line-height: 18px;
margin: 0;

}


.kf div.frm_cnt1 textarea{

}

.box0 .kf div.frm_cnt1 input{

}

.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;
/*margin-top: 1px;*/


}


.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{

}


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

}





.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{
/*
margin: 150px 0;
text-align: center;
*/

position: absolute;
right: 4px;
top: 4px;
background: #fff;
margin: 0;
/*opacity: 0.8;*/
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;
height: 100px;
max-height: 400px;
overflow: auto;
margin-bottom: 14px;

max-width: 100%;
min-width: 100%;

min-height: 100px;
max-height: 300px;
}

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

}

.kf input.text,
.kf select,
.kf textarea{
font-family: inherit;
font-size: 100%;

width: 100%;
padding: 4px 2px;
background: #f8f8f8;

border: 1px solid #0370b9;

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

-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.b_anmeldung-login .kf input.text,
.b_anmeldung-login .kf select,
.b_anmeldung-login .kf textarea{
background: #ffffff;
}

.kf input.checkbox,
.kf input.radio{
margin: 1px 6px 0 0;
float: left;
display: inline;
}

.kf input.checkbox~label,
.kf input.radio~label{
font-weight: normal;
}


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


width: 100%;
}

.kf select option{
}


.kf label.error{
	
position: absolute;
bottom: 2px;
right: 0;

color: #b00 !important;
font-size: 0.7em !important;
line-height: 1.1em !important;

font-weight: bold !important;
}

.kf .frm_cnt1 label.error{
width: auto;
height: auto;

margin: 0;

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

.kf .frm_cnt2 label.error{

}

.kf div#CKF_tnb-akzeptiert label.error,
.kf div#CKF_dsb-akzeptiert label.error{
bottom: auto;
right: auto;
left: 0;
top: 0;
}
.kf div .checkbox+label.error{
bottom: auto;
right: auto;
left: 0;
top: -10px;
}


.kf div#CKF_fakten-nutzungsarten-sonstige label{
font-weight: normal;
}


.kf div#CKF_tnb-akzeptiert,
.kf div#CKF_dsb-akzeptiert{
min-height: 0px;
margin-bottom: 10px;
padding-top: 10px;
}

.kf div#CKF_tnb-akzeptiert label:not(.error),
.kf div#CKF_dsb-akzeptiert label:not(.error){
white-space: normal !important;
overflow: hidden;
}




#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;
}
*/

form.bildupl input.submit,
form.bildupl div.button,
.kf div input.submit,
.kf div input.button,
.kf div button,
.b_auflistung form #nominierungen_button,
div.button{
font-size: 0.8571em !important;
line-height: 1.5em !important;

/*
float: right;
display: inline;
*/

display: block;

margin: 14px 0px 0 0px;

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

width: 100% !important;
height: auto !important;

text-decoration: none;
font-weight: normal;

color: #fff;

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

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
}
div.button{

}
form.bildupl div.button{
text-align: center;
margin: 0;
}

form.bildupl div.bild{
height: 0;
padding-bottom: 100%;
background: #efefef;
}

form.bildupl input.submit{
margin-top: 2px;
}

form.bildupl #msgBox1,
form.bildupl #msgBox2,
form.bildupl #msgBox3,
form.bildupl #msgBox4,
form.bildupl #msgBox5{
min-height: 1.2em;
}

form.bildupl .progress{
background-color: #dddddd;
border-radius: 2px;
height: 10px;
overflow: hidden;
/*
margin-bottom:0;
margin-top:6px;
*/
margin: -14px 4px 4px 4px;
}


div#speicherstatus{

float: left;
width: 60%;
margin: 10px 1.65%;

padding: 1.65%;

width: 63.3%;
padding: 0;
}

div#speicherstatus div.hinweis{
_display: none;

background: #eee;
padding: 10px 10px 1px 10px;

border: 4px solid #0070BA;

border-radius: 10px;
}


div#speicherstatus div.hinweis h5{
margin-left: 0;
margin-right: 0;
text-transform: uppercase;
}

div#speicherstatus span.mark-good{
color: #060;
}


div#speicherstatus span.mark-bad{
color: #930;
}




.b_jury ul#juryliste{
margin: 0 -1.72413793103448%;

padding: 2em 0 20px 0;
}

.b_jury ul#juryliste>li{
width: 46.7%;
margin: 0 1.65%;
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: #0370b9;
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;
}






div#objekte-feature{
clear: both;
width: auto;
}

div.feature_sort{
display: inline-block;
width: auto !important;
}
div.feature_sort.selected{
background: #085997;
}

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

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

overflow: hidden;

font-size: 1.1em;

background: #f8f8f8;
background: #f2f8fc;
margin: 0 0 20px 0;
padding: 15px;
/*
border-left: 10px solid #0370b9;
*/
}

ul#feature-liste li .bild{
width: 22.98850574712644%;
height: 0;
padding-bottom: 22.98850574712644%;
padding-bottom: 25%;
margin: 0 5% 0 2%;
/*
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;

background: #FBFBFB;
background: #fefefe;

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

    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}

ul#feature-liste li:nth-child(2n) .bild{
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}

ul#feature-liste li:nth-child(3n) .bild{
    -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
}


ul#feature-liste li .bild img{
display: block;
width: 90%;
padding: 5%
}

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;

background: #0370b9;
color: #fff;
padding: 2px;

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

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

}
ul#feature-liste li .text .aufgabe{
	/*
white-space: nowrap;
text-overflow: ellipsis;
*/
}
ul#feature-liste li .text .eingereicht{

}

ul#feature-liste li .text .facebooklink{

}
/*
ul#feature-liste li .text span.labl{
width: 15%;
display: inline-block;
float: left;
font-weight: normal;
color: #777;
font-size: 0.8em;
}
ul#feature-liste li .text span.cont{
display: inline-block;
float: left;

width: 80%;
}
*/

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

font-weight: normal;
color: #777;
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: 4px;

}

ul#feature-liste li .text .facebooklink span.cont{
padding-left: 0;
margin-top: 20px;
padding-top: 1px;
text-align: right;
padding-right: 23px;
background: url('../img-dsg/icon_like.png') no-repeat right top;
}



.b_auflistung{
}


.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 .cnt_bilder{
margin: 0 -1.72413793103448%;
padding: 0px 0 0px 0;
clear: both;
overflow: hidden;
}

.b_auflistung div.bildupl{
width: 16.7%;
margin-bottom: 10px;
}
.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{

margin-bottom: 2em !important;
float: right !important;
width: auto !important;
display: none;
}
.b_auflistung.edit #content form #nominierungen_button{
display: inline;
}


.b_auflistung div.eintrag div.toggle{
float: right;
display: inline;

color: #ffffff;
padding: 5px 20px 5px 20px;
background: #0370b9;

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

margin-bottom: 1em;
border: 2px solid #fff;

text-transform: uppercase;
text-align: center;
min-width: 2em;

font-size: 0.8571em !important;
line-height: 1.5em !important;

cursor: pointer;
/*
position: absolute;
right: 0;
bottom: 0;
*/

margin-top: -3em;
position: relative;
}
.b_auflistung div.eintrag div.toggle:before{
content:"+";
font-size: 2em;
line-height: 1em;
}
.b_auflistung div.eintrag.open div.toggle:before{
content:"–";
}

.b_auflistung h4{
width: 70%;
width: 100%;
width: auto;
clear: both;
/*
float: left;
display: inline;
*/
}

.b_auflistung h4 span.datum{

/**/
float: right;
display: inline;
}

.b_auflistung div.eintrag{
border-top: 1px solid #777;
padding: 20px 0;
position: relative;
clear: both;
}

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




div.galerieblock{
margin: 0 -1.72413793103448%;
padding: 0px 0 20px 0;
}

div.galerieblock>ul{
list-style: none;
margin: 0;
padding: 0;
}

#content div.galerieblock>ul>li{
width: 30%;
margin: 0 1.65%;
margin-bottom: 30px;
float: left;
display: inline;
position: relative;
}
#content div.galerieblock>ul>li>a{
display: block;
}
#content div.galerieblock>ul>li>a>img{
display: block;
width: 100%;
}

@media (max-width: 1000px) {

#wrapper{
margin: 0 10px;
}

}

@media (max-width: 850px) {


#content .col3{
width: auto;
}


.bildupl,
.kf div.frm_cnt1,
.kf div.frm_cnt3{
width: 46.7%;
}

div#cnt_uploads>.bildupl:nth-child(3n-2){
clear: none;
}
div#cnt_uploads>.bildupl:nth-child(2n-1){
clear: left;
}

.kf div.frm_cnt2 label{
white-space: normal;
}
.kf div.frm_cnt2 label>span.zusatz{
display: inline-block;
}

}

@media (max-width: 780px) {

#nav1{
width: auto;
height: auto;
margin: 0 0 0 0;
background: #0370b9;
z-index: 1;
}

#nav1 ul{

padding-top: 5px;
padding-bottom: 5px;

}

#nav1 ul li{

padding-right: 10px;
padding-left: 10px;

}

#nav1 ul li a,
#nav1 ul li a:link,
#nav1 ul li a:visited{

font-size: 1.05em;
line-height: 2.5em;
color: #eeeeee;

}


.b_auflistung #content .col1,
.b_auflistung #content .col2,
.b_auflistung #content .col3{
display: block;
width: auto;
float: none !important;
clear: both;
margin: 0 0 1.6em 0;
}

.b_auflistung #content p{
margin: 0 0 0.4em 0;
}



}



@media (max-width: 640px) {

#content .col1,
#content .col2,
#content .col3,
#content .col4,
.box0, 
.box1, 
.box2,
.kf div.frm_cnt1,
.kf div.frm_cnt3{
display: block;
width: auto;
float: none !important;
clear: both;
}

.b_jury ul#juryliste>li{
width: auto;
margin: 0 1.65%;
margin-bottom: 30px;
float: none;
display: block;
position: relative;
overflow: hidden;
}


.b_jury ul#juryliste>li .bild{
width: 15%;
margin-right: 5%;
}

.b_jury ul#juryliste>li .text{
width: 80%;

}

.b_auflistung h4 span.datum,
.b_auflistung h4 span.vollstaendigkeit,
.b_auflistung h4 span.nominiert{

/**/
clear: left;
float: none;
display: block;
margin-left: 0;
}


}

@media (max-width: 600px) {

#nav1 ul li{
width: 33.3%;
padding: 0;
}

#nav1 ul li a,
#nav1 ul li a:link,
#nav1 ul li a:visited{

text-align: center;
}


ul#feature-liste li .bild{
display: block;
width: 50%;
padding-bottom: 55%;
margin: 20px auto;
float: none !important;
clear: both;
}


ul#feature-liste li .text{
display: block;
width: auto;
float: none !important;
clear: both;
}


ul#feature-liste li .text .facebooklink span.cont{
margin-top: 0px;
/*
padding-left: 0;
text-align: center;
*/
text-align: left;
padding-left: 90px;

display: inline-block;
}

}



@media (max-width: 500px) {



.b_jury ul#juryliste>li{

}


.b_jury ul#juryliste>li .bild{
width: 80px;
margin-right: 10px;
}

.b_jury ul#juryliste>li .text{
width: auto;
float: none;
display: block;
}

.b_auflistung div.bildupl{
width: 30%;
margin-bottom: 10px;
}

.b_auflistung div.eintrag div.toggle{
margin-top: -1em;
}



#content div.galerieblock>ul>li{
width: 46.66%;
margin: 0 1.65%;
margin-bottom: 20px;
}



}





@media (max-width: 420px) {

.b_einreichung .bildupl{
display: block;
width: auto;
float: none !important;
clear: both;

}

ul#feature-liste li{
padding: 5px;
font-size: 1em;
}


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

color: #555;
/*
font-size: 0.55em;
padding-top: 0.25em;
*/

font-size: 0.6em;
padding-top: 0.25em;
}

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

padding-left: 70px;
}

ul#feature-liste li .text .facebooklink span.cont{
padding-left: 70px;
}


}