/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px) {

	header div.anmeldung {
		background: url("../img/layout/border-h.png") repeat-x scroll 0 bottom transparent;
		bottom: 0;
		padding: 1.25em 0 .5em;
		position: relative;
		right: auto;
		text-align: center;
		width: 100%;
	}
	
	header div.anmeldung > a {
		display: inline-block;
		line-height: 50px !important;
	}
}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}

}


/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {

	header {
		height: auto;
		margin-top: 10px;
	}
	header nav {
		margin-top: auto;
	}
	header nav ul li {
		margin: 0 1em 0 0;
	}
	header nav ul:last-child{
		margin-bottom: 1em;
	}
	/* inhalt */

	section,
	nav.hauptnavi,
	.box.half,
	.box.onethird,
	.box.twothird,
	footer .footernavigation,
	footer .footerinfo,
	footer .footer_sociallist,
	aside > div,
	.wrapper > nav,
	.kontaktbox .left,
	.kontaktbox .right
	{
		clear: both;
		left: auto;
		margin: 0;
		width: 100%;
	}
	footer ul.footernavigation li, footer ul.footer_sociallist li, footer ul#hilfsnavi li {
		margin: 0 1em 0 0;
	}
	footer ul.footer_sociallist {
		position: relative;
	}
	
	nav.hauptnavi,
	nav.hauptnavi .zusatznavigation,
	nav.hauptnavi ul.partner
	{
		margin: 0;
	}
	nav.hauptnavi {
    	margin-top: -1em;
	}
	nav.hauptnavi > ul {
/*		clear: both;
		overflow: hidden;
*/
	}
	nav.hauptnavi ul.partner {
		float: left;
		margin-top: 1em;
		overflow: hidden;
		width: 100%;
	}
	nav.hauptnavi ul.partner li {
		float: left;
		margin-bottom: 1.5em;
		margin-right: 5%;
		overflow: hidden;
		width: 45%;
	}
	nav.hauptnavi a {
		font-size: 90%;
		padding: 0;
	}
	nav.hauptnavi > ul > li > ul {
		background: none ;
		border: none;
		border-radius: 0;
		clear: none;
		float: none;
		left: 0;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	nav.hauptnavi li li a {
    	line-height: 2.8em;
	}
	
	nav.hauptnavi > ul > li > ul > li {
		float: left;
		height: 2em;
		margin-right: 1em;
		overflow: hidden;
	}

	h1 {
		clear: both;
		float: left;
		margin-top: 0.5em;
		overflow: hidden;
		width: 100%;
	}

	nav.hauptnavi > ul > li > a {
		float: left;
		margin-right: 1em;
		padding: 0.2em 0;
	}
	header nav > div > div {
		position: relative !important;
	}
	body > div > header > div.holder {
		padding-bottom: 1em;
	}
	.box.forumbeschrieb {
		border-top: 1px solid #999;
		margin-top: 0;
	}

    .mobileOnly {
        display: block !important;
    }

	.partner.first li a {
		width: 100% !important;
	}
	.partner_last dt a, .partner.first > li > a {
		display: table-cell;
		float: left;
		text-align: center;
		vertical-align: middle;
	}
	
	footer > div > div {
		position: relative;
		right: 0;
		top: 0;
	}
	footer .footerinfo {
		background: none;
		padding: 0;
	}
	footer .footerinfo > li > span {
		margin-bottom: 1em;
		width: 100%;
	}
	footer ul.footernavigation {
		margin-top: 1.5em;
	}
	address {
		overflow: visible;
	}
	nav .partner a {
		clear: none !important;
		float: left;
		margin-right: 5% !important;
		max-height: 65px;
		max-width: 65px;
		min-height: 65px;
		width: 10%;
	}
    div.mainnavigation-wrap,
    div.servicenavigation-wrap 
    {
        display: none;
    }
    div.servicenavigation-wrap {
        margin: 0 -10px;
        padding: 0 10px 10px !important;
        width: 120%;
    }
    div.servicenavigation nav div > div > ul {
        float: none;
        line-height: 2em;
    }
    div.servicenavigation-wrap li {
        display: block;
    }
    div.servicenavigation ul li li {
        margin-left: 10px;
    }
	.servicenavigation .icon.top {
		display: none;
		height: 25px;
/*		right: 75px;*/
                left:0;
		position: absolute;
		top: 5px;
		width: 20px;
	}
    .menu.icon {
        line-height: 25px;
        padding: 5px 0;
    }
    .menu.icon:after {
        display: inline-block;
        float: left;
        font-size: 25px;
        margin-right: 0.25em;
    }
    
    div.wrapper nav > div > .menu.icon {
        background: #B50312;
        color: #FFF;
        margin: 0 -10px;
        padding: 5px 10px;
    }
    div.wrapper nav > div > .menu.smo-open {
        background-color: #333;
    }
    div.wrapper nav > div > .menu.icon:after {
	    color: #FFF;
    }
    .servicenavigation nav {
        position: relative;
        width: 100%;
    }
    .servicenavigation nav .zusatznavigation {
        position: absolute;
        right: 0;
        top: 5px;
    }
    .servicenavigation nav .zusatznavigation li {
        float: left;
        margin-right: 10px;
    }
/*    .servicenavigation nav .zusatznavigation a {
        display: inline-block;
        line-height: 40px;
        height: 25px;
        overflow: hidden;
        position: relative;
        text-indent: -9999px;
        width: 25px;
    }*/
    .servicenavigation nav .zusatznavigation a {
        display: inline-block;
    }
/*    .servicenavigation nav .zusatznavigation a:after {
        line-height: 25px;
        font-size: 25px;
        position: absolute;
        right: 0;
        text-indent: 9999px;
        top: 0;
    }*/
    .servicenavigation nav .zusatznavigation a.kontakt:after {
        line-height: 20px;
        font-size: 20px;
        top: 2px;
        position: relative;
    }
    .menu, 
    .hideMobile {
        display: none !important;
    }
    .showMobile {
        display: block !important;
    }
    #ul-sponsoren > li {
        clear: both;
        float: left;
        width: 100%;
    }
    
    .wrapper > nav > div {
        margin-top: 0;
        padding-top: 0;
    }
    
/*	.part_goenner > ul > li img {
		max-width: 200px !important;
		width: 100%;
	}*/
.fixed.dotted.backgrounded {
    height: 32px;
}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	/* inhalt */

	section,
	nav.hauptnavi,
	.box.half,
	.box.onethird,
	.box.twothird,
	footer .footernavigation,
	footer .footerinfo,
	.part_programm dt,
	.part_programm dd,
	.start_referenten > ul > li,
	.money_interviews > ul > li,
	.box.bildtext > ul > li,
	.box.full.anzeige > div,
	.width13,
	.width23
	{
		clear: both;
		left: auto;
		margin: 0 !important;
		width: 100% !important;
	}
    div.anzeige .width13 {
        margin-bottom: 1em !important;
	}
	header {
		margin: 10px 0 0;
	}
	.wrapper > nav {
		margin-bottom: 0;
	}
	.box.forumbeschrieb h1 {
		font-size: 2em;
	}
	.box.forumbeschrieb a {
		padding: 10px;
	}
	.box.forumbeschrieb a:after {
		bottom: 25px;
		font-size: 400%;
		top: auto;
	}
	
    .relative > blockquote {
        bottom: 0;
        font-weight: 300;
        left: 0;
        max-width: 100%;
        min-width: 100%;
        padding: 1em 0;
        position: relative;
        top: 15px;
    }
    .relative > blockquote q {
        min-height: 10px;
        padding: 0;
    }
    .relative > blockquote q span,
    .relative > blockquote q span.icon-quote-right {
        bottom: 0;
        left: auto;
        position: relative;
        right: auto;
        top: auto;
    }
    .relative > blockquote q span.icon-quote-right {
        margin-left: 5px;
    }
    footer #hilfsnavi,
	.else .headline
	{
		display: none;
	}
	footer ul.footernavigation,
	.kontaktbox .left
	{
		margin-bottom: 1.5em;
	}
	footer ul.footernavigation li {
	    margin: 0 1em 0 0;
	}

	.partner_last dt a, .partner.first > li > a {
		height: 70px;
	}
	.part_partner ul.last li {
        background: none;
		border-left: medium none;
		border-top: 1px solid #333333;
        display: inline-block;
		width: 100%;
	}
	header div.anmeldung {
		background-color: #EFEFEF;
	}
/*
	.partner_last .box.bordered {
		background: none;
		border: none !important;
		box-shadow: none !important;
	}
	.partner_last dt {
		float: none;
		height: auto;
		width: 100%;
	}
*/
	.partner_last dt a * {
		max-width:  100px;
	}
		.partner_last dt a, .partner.first > li > a {
		border: medium none;
		display: block;
		float: none;
		height: auto !important;
	}
	.box.anzeige {
		height: 120px;
	}
	.box.anzeige a {
		z-index: 5;
	}
	.box.anzeige a img {
		float: right;
		width: 100%;
	}

	.box.partner > div.mainpartner,
	.box.partner > div
	{
		clear: both;
		float: left;
		width: 100%;
	}
	.box.partner > div.knowpartner {
		margin-top: 1em;
	}
	.part_programm > ul > li
	{
		margin-bottom: 3em;
	}

	.part_goenner > ul > li {
		width: 48% !important;
	}
	
	.part_goenner > ul > li:nth-child(3n+1) {
		clear: none !important;
		margin-left: 2% !important;
	}
	.part_goenner > ul > li:nth-child(2n+1) {
		clear: both !important;
		margin-left: 0 !important;
	}
	
	.part_goenner_neu > ul > li {
		margin: 0 0 1em 2% !important;
		max-height: 105px;
		padding: 10px !important;
		width: 48% !important;
	}
	.part_goenner_neu > ul > li:nth-child(4n+1) {
		clear: none !important;
		margin-left: 2% !important;
	}
	.part_goenner_neu > ul > li:nth-child(2n+1) {
		clear: both !important;
		margin-left: 0 !important;
	}
	.part_goenner_neu > ul > li .imagewrap img {
		max-width: 165px;
	}
	
	
form input[type="button"], 
form input[type="submit"], 
button,
p.validationinfo 
{
	margin: 0;
    width: 100%;
}
.InLineValidate,
p.validationinfo
{
   padding: 5px 0 0 0;
}
p.validationinfo,
.InLineValidate,
form > ul > li > label,
form input[type="text"],
form select,
form textarea,
form select,
form.divCaptcha,
form .divCaptcha input[type="text"]
{
	width: 100% !important;
}

dl {
    clear: both;
    float: left;
    margin-bottom: 1em;
    width: 100%;
}

dt {
    width: 100%;
}
dd {
    overflow: visible;
}
.part_speaker > ul > li {
    float: left;
    margin: 0 5% 2em 0% !important;
    width: 45% !important;
}
.part_speaker > ul > li:nth-child(2n+1) {
    clear: both;
}
.part_speaker > ul > li:nth-child(3n+1) {
    clear: none;
}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
    .part_goenner > ul > li .imagewrap img, .part_goenner_neu > ul > li .imagewrap img {
        max-width: 50%;
    }
    .part_partner_tooltip > ul > li {
        display: block !important;
        float: none !important;
        height: 140px;
        margin: 0 0 1em 0 !important;
        max-height: 140px;
        width: 100% !important;
        background-size: 50% auto;
    }
    .headline h3, .oldforum dd .slogan {
    	font-size: 1.8em;
    }
	aside div#grauzone div {
		width: 100%;
	}
	footer ul li.top {
		padding: 0;
	}
	footer ul li.form {
		float: left;
	}
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	header .zusatznavigation > li {
		float: right;
		margin: 35px 0 0;
	}
	.kontakt {
		position: absolute;
		right: 5%;
		top: 0;
	}
	
	#map_canvas {
		height: 240px !important;
	}

	
	/* main nav */
	.hauptnavi a {
		font-size: 90%;
		padding: 10px 8px;
	}

	nav.hauptnavi > ul > li > ul {
		background: none ;
		border: none;
		border-radius: 0;
		clear: both;
		float: left;
		left: 0;
		margin: 0;
		padding: 0;
		position: relative;
	}

	.part_team > ul > li {
		float: left;
		margin: 0 0 1.5em !important;
		min-height: inherit;
		width: 100%;
	}
	.part_team dt {
		width: 30%;
	}
	.part_team > ul > li:nth-child(2n+1) {
		clear: none;
	}

	box.aktuell a span.intro, .part.aktuell a span.intro {
		clear: both;
		padding-left: 70px;
		width: 65%;
	}
	.box.aktuell a span.newsdate,
	.part.aktuell a span.newsdate
	{
		float: left;
		overflow: hidden;
		width: 70px;
	}
	.part.aktuell a span.newstitle
	{
		width: 100%;
	}
	.box.aktuell a span.newstitle {
    	width: 100%;
	}
	
	nav .partner a {
		max-height: 35px;
		max-width: 35px;
		min-height: 35px;
	}
	.part_goenner > ul > li {
		clear: both !important;
		margin-left: 0 !important;
		width: 100% !important;
	}
    .part_goenner.part_partnerneu > ul > li,
	.part_goenner_neu > ul > li {
		margin: 0 0 1em 0 !important;
		max-height: 105px;
		padding: 10px !important;
		width: 99% !important;
	}
        
        
        .part_partner_tooltip > ul > li .part_basic {
            overflow: hidden;
        }

}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 400px) {
    .part_goenner.part_partnerneu > ul > li,
	.part_goenner_neu > ul > li {
		margin: 0 0 1em 0 !important;
		max-height: 105px;
		padding: 10px !important;
		width: 99% !important;
	}
	.part_goenner_neu > ul > li:nth-child(4n+1),
	.part_goenner_neu > ul > li:nth-child(2n+1) {
		clear: both !important;
		margin-left: 0 !important;
	}
}
/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	.box.forumbeschrieb > img {
		visibility: hidden;
	}
	.box.anzeige {
		height: 120px;
	}


}