@media only screen and (min-width: 1200px) {
	body { width: 1100px; }
	#content { width: 1100px; }
	#contentlinks { width: 300px; }
	#contentrechts { width: 770px }
	
	body, #content p, #content ul li, #mainnavi ul li a {
		font-size: 14px; line-height: 20px;
	}
	#mainnavi ul li ul li { padding-right: 8px; }
	#mainnavi ul li ul li a,
	#contentlinks table {
		font-size: 12px;
	}
	#contentlinks #logo,
	#contentlinks #mainnavi,
	#contentlinks .footerlinks { width: 284px; }
	
	#contentrechts .kursmitte {
		width: 710px;
	}
	#contentrechts .kursmitte .kurslinks { width: 290px }
	#contentrechts .kursmitte .kursrechts { width: 339px; margin-right: 78px; }
}


@media only screen and (max-width: 960px) {

body {
	width: 768px;
	margin:0 auto;
	padding:0;	
	background: #e4ded7 url(back_body.gif) repeat-x 0 0;	
	background-attachment:fixed;
}
#content { width: 100%; }
#contentlinks { width: 220px; }
#logo, #mainnavi, .footerlinks { width: 100%; }
#contentrechts { width: 520px; box-sizing: border-box; padding-right: 10px; }
#contentrechts .slideshow { width: 520px !important; }
img.bildschatten650 { width: 506px !important; height: 155px !important; }

.kurstop, .kursbottom, .kursbottomform, .kursbottomanmeldung { display: none; }
.kursmitte { 
	padding: 10px 15px;
	margin-bottom: 2em;
	box-sizing: border-box; 
	background-image: none;
	/*background-color: #DAD5CC;*/
	border: 1px solid #aaa;
	-webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
		 			border-radius: 6px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(158,158,158,1);
		 -moz-box-shadow: 0px 0px 5px 0px rgba(158,158,158,1);
		 			box-shadow: 0px 0px 5px 0px rgba(158,158,158,1);
	background: #d5cfc6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1Y2ZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2U4ZTNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #d5cfc6 0%, #e8e3dd 70%);
	background: -webkit-linear-gradient(top,  #d5cfc6 0%,#e8e3dd 70%);
	background: linear-gradient(to bottom,  #d5cfc6 0%,#e8e3dd 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cfc6', endColorstr='#e8e3dd',GradientType=0 );

}
.kurslinks { width: auto; }
.kursrechts { width: auto; float: none; display: block; margin: 0; }
.termine .headline { margin-left: -18px; }

#form_formular p label { margin: 5px 0; width: 29%; }
#form_formular .formlabel-ort label { display: none; }
#form_formular .formlabel-ort {}
#form_formular p.formselect select { width: 100%; max-width: 322px; }
#form_formular p.formtext input, #form_formular p.formpassword input { width: 97.5%; max-width: 310px; }

#form_formular p.formtext input#el_11 { margin-top: 3px; }
#form_formular p.formtextarea label { margin: 5px 0; width: 97.5%; }
#form_formular p.formtextarea textarea { width: 97.5%; }
#form_formular .submit { margin: -10px 0 30px 0px !important; }

#content .zweispalter { width: 100%; }
#content .zweispalter_a { width: 100%; float: none; }
#content .zweispalter_b { width: 100%; float: none; margin: 0; }

}

@media only screen and (max-width: 960px) and (min-width:768px) {
	.footerlinks .sm-icons a { margin: 0 1px; }
}

@media only screen and (max-width: 768px) {

body {width: 100%;}

#contentlinks { width: 100%; float: none; position: relative; border-bottom: 1px solid #A39B8F; }

#contentrechts { margin: 20px 0; }

#content h1 { line-height: .8em; }
.zweiteueberschrift { margin-top: -8px; }

#content .footerlinks { display: none; }
#footer { display: block; margin: 0; padding: 0 1em 2em; }
#footer .footerlinks { margin: 0; padding: 0; background: none; }

#logo { height: inherit; width: 75%; background: none; padding-left: 10px; }
#logo a { margin-top: 5px; }

#nav-toggle { display: block; position: absolute;top: 30px; right: 25px; }
#nav-toggle button { padding: 2px 5px; background: #f2f0ed; border: 1px solid #A39B8F; 
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s; 
}
#nav-toggle button:hover { background: #fff; }
#nav-toggle button .bar { display: block; margin: 5px; border-bottom: 3px solid #A39B8F; width: 25px; }

#mainnavi { display: none; }
#mainnavi ul { display: block; }
#mainnavi ul li, #mainnavi ul li a, #mainnavi ul li a.active,
#mainnavi ul li ul li, #mainnavi ul li ul li a, #mainnavi ul li ul li a.active { 
	float: none; display: block;
	text-align: left;
	margin: 0; padding: 0;
}

#mainnavi > ul > li {
	padding: 3px; border-top: 1px solid #A39B8F;
}
#mainnavi ul ul {
	width: 100%;
}
#mainnavi ul li ul { margin: 0 0 13px; }
#mainnavi ul li, #mainnavi ul li ul li {
}
#mainnavi ul li a, #mainnavi ul li a.active {
	padding: 8px 12px; display: block;
}
#mainnavi ul li ul li a, #mainnavi ul li ul li a.active {
	padding: 6px 12px; display: block;
}
#mainnavi ul li ul li a:hover { margin: inherit; padding: 6px 12px; }


#contentrechts { width: 100%; box-sizing: border-box; padding: 0 10px; }

}


.kurslinks-mobile { display: none; }


@media only screen and (max-width: 545px) {

#contentrechts .slideshow { width: 300px !important; margin: 0 !important; }
img.bildschatten650 { width: 286px !important; height: 96px !important; }

.textbild .floatLeft { float: none; }
.kurslinks { width: 100%; display: block; float: none; }
.kurslinks .sonstiges, 
.kurslinks h2, 
.kurslinks br { display: none; }
.kurslinks-mobile { display: block; }
.kursrechts { /*hyphens: auto;*/ }
.kursbild { float:none; max-width: calc(100% - 15px); }
.sonstiges p { width: calc(100% - 22px); margin-left: 0; }

.textbild .floatRight.d-xs250-block { float: none; margin: 0;}

}