@media all and (max-width: 767px) {

body {
	background:#ccc;
}

img {
	max-width:100%;
	height:auto;
}

.csc-textpic-imagewrap {
	margin:0 !important;
}

div#content {
		width:100%;
}
div#header {
	width:100%;
	height:auto;
}

div#subheader {
	width:100%;
	height:auto;
}

div#social {
	float:left;
	margin-left:15px;
	display:none;

}
div#breadcrumb {
	display:none;
}

img.logo {
	margin-left:0;
}
#menu {
	background-image:none;
	background-color:#1a549a;
	height:31px;
	width:100%;
	margin-left:0;
}

div#searchbox {
	margin-top:4px;
}

#mainmenu {
	background-color:#1a549a;
}

ul.navigation ul {
	background-image:none;
	min-height:1px;
	min-width:1px;
}

div#inhalt {
	width:100%;
	margin-left:0;
	margin:0;
}

div#leftcontent {
	width:96%;
	padding:2%;
}
.news-list-item {
	width:95%;
	margin:auto;
}

div.news-list-text {
	float:left;
}

.news-list-img {
	width:100%;
}
.news-list-container img {
	width:100%;
	height:auto;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin:0;
}

div#adresse, div#phone, div#copy {
	float:left;
	width:96%;
	margin-left:4%;
	padding:0;
	margin-top:15px;
	clear:both;
}

div#footer {
	background-image:none;
	background-color:#1a549a;
	width:100%;
	margin-left:0;
	padding:0;
	height:170px;
	
}

iframe {
	width:100%;
}
/* NEW MENU */

/* ##########################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ##########
*/
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* Angepasst von CRNET Christian Rehkopf www.crnet.de
** Fontsize in "px" ausgetauscht nach "em" / Transparenz
*/
#mainmenu { 

float:left; 
max-width:100%;
font-size:1em; 
position:relative; 
z-index:100;
margin-top: 30px;  }
/* remove all the bullets, borders and padding from the default list styling */
#mainmenu ul { padding:0; margin:0; list-style-type:none; }
#mainmenu ul ul li { padding-left:5%; margin:0; list-style-type:none; border-left: 1px black; width:95%}
#mainmenu ul ul { display:block; }
#mainmenu li { float:left; width:96%; padding-left:4%; padding-right:0; position:relative; white-space: nowrap; border:0; }

/* style the links for the top level */
#mainmenu a, #mainmenu a:visited {
display:block;
font-size:1em;
font-weight:bold;
text-decoration:none;

width:auto;
height:30px;

line-height:30px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #mainmenu a, * html #mainmenu a:visited {

/*width:74px;
w\idth:73px;*/
}
/* style the second level background */
#mainmenu ul ul a.drop, #mainmenu ul ul a.drop:visited {
/*width:140px;*/
background:#fff;
font-size:1em;
color:#000000;
}
/* style the second level hover */
#mainmenu ul ul a.drop:hover {
/*width:140px;*/
color:#000000;
font-size:1em;

}
#mainmenu ul ul :hover > a.drop {
/*width:140px;*/
background:none;
font-size:1em;
color: black;
}
/* style the third level background */
#mainmenu ul ul ul a, #mainmenu ul ul ul a:visited {
/*width:140px;*/
background:none;
font-size:1em;
}
/* style the third level hover */
#mainmenu ul ul ul a:hover {
/*width:140px;*/

background:none;
font-size:1em;
color: black;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainmenu ul ul {
visibility:visible;
position:relative;
height:auto;
top:0;
left:0;
padding-bottom:10px;
/*width:140px;*/
}
/* another hack for IE5.5 */
* html #mainmenu ul ul {
top:0;
t\op:0;
}
/* position the third level flyout menu */
#mainmenu ul ul ul {
left:0;
top:0;
/*width:140px;*/
}
/* position the third level flyout menu for a left flyout */
#mainmenu ul ul ul.left {
left:0;
}
/* style the table so that it takes no part in the layout - required for IE to work */
#mainmenu table { margin:0; padding:0 0px 0px 0px; position:relative; top:0; left:0; /*Make the container moveable*/ }
/* style the second level links */
#mainmenu ul ul a, #mainmenu ul ul a:visited {
font-size:1em;
font-weight:normal;
height:auto;
line-height:1em;
padding:5px 20px;
/*width:140px*/ /* yet another hack for IE5.5 */
}
* html #mainmenu ul ul a {
/*width:140px;
w\idth:140px;*/
}
/* style the top level hover */
#mainmenu a:hover {
color:#000000;
background:none;
font-size:1em;
}
#mainmenu :hover > a {
color:#000000;
background:none;
font-size:1em;

}
#mainmenu ul ul a:hover {
color:#000000;
background:none;
font-size:1em;
}
#mainmenu ul ul :hover > a {
color:#000000;
background:none;
font-size:1em;
}
/* make the second level visible when hover on first level list OR link */
#mainmenu ul li:hover ul, #mainmenu ul a:hover ul { visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#mainmenu ul :hover ul ul { visibility:visible; }
/* make the third level visible when you hover over second level list OR link */
#mainmenu ul :hover ul :hover ul { visibility:visible; }




        nav {  
            border-bottom: 0;  
        }  
        nav ul {  
            display: none;  
            height: auto;  
        }  
        nav a#pull {  
            display: block;  
            width: 100%;  
            position: relative;  
        }  
        nav a#pull:after {  
            content:"";  
            background: url('nav-icon.png') no-repeat;  
            width: 30px;  
            height: 30px;  
            display: inline-block;  
            position: absolute;  
            rightright: 15px;  
            top: 7px;
			left:5px;  
        }  



}