@charset "UTF-8";
/*
 *      Author: Guido De Gobbis <guido [dot] degobbis [at] kunze-verlag [dot] de>
 */

@import url(template/logo.css);
@import url(template/moduletable.css);
@import url(template/hlist.css);
@import url(template/kontakt.css);
@import url(template/content.css);
@import url(template/editor.css);
@import url(template_color.css);
@media only screen and (max-width:785px)
{	
	#container,
	#topnav_out,
	
	#content_out,
	#content_in,
	
	#header_out,
	#header_in,
	
	#mainnav_out,
	#mainnav_in,
	#mainnav_in ul.menu,
	
	#right_in iframe, 
	#footer_con,
	#footer_out,
	#footer_in,
	.mod2,
	#copyright_out ,
	#copyright_in { float: none !important; max-width: 100% !important; width: auto !important; height: auto !important; position: relative !important; }
	
	img { height: auto; max-width: 100%; vertical-align: middle; }
	
	#logo_out  { padding: 10px; }
	#logo h1 a .title { padding-top: 10px; }
	  
	.slogan,
	#content_out, 
	#content_in { margin: 0 !important; }
	#content_l, #content_r { max-width: 460px; }
	
	
}

@media only screen and (max-width:617px)
{
	#topnav_out { color: #303030; left: 10px; top: 0px; }
	#topnav_out h5 { color: #303030; }
	
	.hlist li {	/* display: block; */ position: relative; text-align: left;	}
	
	.hlist .level-2 { position: relative; }
	.hlist .level-2 li.deeper > a > span:after { content: ''; }
	.hlist .level-3 { display: none; }
	.oh { overflow: visible; }
	
	.logo-img { display: none; }
	h1, .title { font-size: 115% !important; font-weight: bold; }
	h2, .slogan { font-size: 108% !important; font-weight: normal; clear: both; }
	h3, h4 { font-size: 100% !important; font-weight: bold; }
	
	#logo_out { margin-top: 0; }
	
	#logo_out,
	#logo,
	#logo h1,
	#logo h2,
	#logo h1 a span,
	#logo h2 a span,
	#header_out,
	#header_in { float: none !important; max-width: 100% !important; width: auto !important; height: auto !important; position: relative !important; }	
	#header_in img { display: none; }
	
	#contentwrapper_r,
	#contentwrapper_l,
	#contentwrapper_lr,
	#content_l,
	#content_r,
	#content_lr, 
	#left_out,
	#right_out { float: none !important; max-width: 100% !important; width: auto !important; height: auto !important; position: relative !important; }
	
	#logo h1 a span.out,
	#logo h2 a span.out {     
		height: auto;
	    left: 0em;
	    position: relative;
	    top: 0em;
	    width: auto; }
	
	#jform_contact_message { width: 97%; }
	/* #copyright_in a { font-size: 80% !important; } */ 
		
	img { display: block; height: auto;	max-width: 90%; vertical-align: middle;	float: none !important;	margin: auto 0 !important; }
	
	#content img { margin-bottom: 8px !important; }
	
	.leftteam {width:100%;}
	.rightteam {width:100%;}
}

@media only screen and (max-width:497px)
{
	.logo-img, .logo-img img { display: none !important; margin: 0 auto !important; }
	
	#header_in img { display: none; }
		
	.hlist li { display: block; }
	.hlist li a { border: none; }
	
}