@media (min-width: 768px) and (max-width: 959px){

html {
	background-image: url('../../../files/images/layout/bg_html.jpg');
	background-position: left 250px;
	background-repeat: repeat-x;
	
	}
	
body {
	font-family: 'Cabin';
	background-image: url('../../../files/images/layout/hintergrundbild.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	
	}

	.logo {
		transform: translateY(50px);
	  }
	  .logo img {
		width: 250px !important;
	  }

#wrapper {
	width: auto;
}

#top_startseite #container {
	background-image: url('../../../files/images/layout/schatten-content-oben.png');
	background-position: center top;
	background-repeat: no-repeat;
	margin-top:-11px;
	padding-top:50px;
	padding-bottom:35px;
	}
	
#container {
	margin-top:155px;
	padding-top:50px;
	padding-bottom:35px;
	z-index: 5px;
	}	
	
h1 {
	text-transform:uppercase;
	font-size: 36px;
	font-weight:300;
	}

h2 {
	margin-bottom:10px;
	font-weight:300;
	font-size:26px;
	}

#main h2 {margin-top: 20px;}
#main .ce_text.first h2 {margin-top: 0px;}

h3 {
	margin-bottom: 15px;
}

#top_impressum h2 {
	margin-top: 25px;
	}

#main h1 {
	margin-top: 10px;
	margin-bottom: 20px;
	}

#top_hilfestellungen #main h1 {
	line-height: 36px;
	margin-top: 0px;
	font-size: 28px;
}

#top_hilfestellungen #main h2 {
	margin-top: 0px;
	line-height: 32px;
}

#main {
	width: auto;
	margin: 0 50px 0 50px;
	float: none;
	}	
	
#right {
	margin: 0 50px 0 50px;
	float: none;
	}	

#top_hilfestellungen #main .ce_text {
	margin-bottom: 30px;
}

#top_lichtvolles #main .ce_text {margin-bottom: 30px;}

#top_hilfestellungen #main .ce_text.last {text-align: center;}
#top_hilfestellungen #main .ce_text ul {display: table;}
#top_hilfestellungen #main .ce_text p {display: table;}
#top_hilfestellungen #main .ce_text p.sonder {margin-left: 175px;}

.ce_text {
	font-size: 15px;
	line-height: 26px;
	}


.ce_text ul {
	margin-left: 17px;
	margin-top: 15px;
	}
	
#footer .inside {
	width: auto;
	margin: 0 auto;
	text-align:center;
	}	

#footer .adresse {
	letter-spacing: 2px;
	font-size: 16px;
	padding-top: 7px;
	margin-left: 20px;
	margin-right: 20px;
	}

#footer .fm-logo {
	margin-top: 15px;
	padding-bottom:20px;
	}

#footer .trenner img {
	width: 90%;
}

/** ---------------------- slider ---------------------- **/
#titelbild {
	clear:both;
	margin-top:155px;
	}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
    }


.owl-prev {
	background-image: url('../../../files/images/layout/slider-links.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 44px;
	height:44px;
	position: absolute;
	left: 10px;
	bottom: 38%;
	}	

.owl-next {
	background-image: url('../../../files/images/layout/slider-rechts.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 44px;
	height:44px;
	position: absolute;
	right: 10px;
	bottom: 38%;
	}

/** ---------------------- Kontaktformular ----------------------**/
.ce_form label {
	line-height: 44px;
	}

.ce_form .col_0 {
	padding-right: 15px;
	}
	
.ce_form input, .ce_form textarea, .ce_form .subumit {
	font-family: "Open Sans Condensed"; /* Schrift �ndern */
	}	



/** ---------------------- Nachrichten ---------------------- **/
#main .layout_latest {
	margin-bottom: 30px;
	}

#main .layout_latest.first {
	margin-top: 5px;
	}

#main .layout_latest h2 {
	margin-top: -5px;
	}

#main .layout_latest .image_container {
	margin-right: 20px;
	}

#main .layout_latest .teaser {
	font-size: 18px;
	}

#main .layout_latest .more, p.back {
	margin-top: 7px;
	}
	
#main .layout_latest .more a, #main .layout_latest .more a:link, #main .layout_latest .more a:visited {
	font-size: 18px;
}

.back a, .back a:link, .back a:visited {
	font-size:18px;
}

#right .layout_latest {
	margin-bottom: 20px;
	height:85px;
	}

#right .layout_latest .image_container {
	margin-left:12px;
	margin-right: 12px;
	}
	
#right .layout_latest .image_container img {
	border-bottom: 11px solid black; /* Farbe �ndern */
}

#right .layout_latest h2 {
	position: absolute;
	left: 105px;
	margin-top: 3px;
	font-size:22px;
}
	
#right .layout_latest .teaser {
	display:none;
	}

#right .layout_latest .more a {
	text-indent: -9999px;
	position: absolute;
	display: block;
	background-image: url('../../../files/images/layout/pfeil-nachrichten-rechts.png'); 
	background-position: left top;
	background-repeat:no-repeat;
	width: 33px;
	height: 33px;
	right: -15px;
	margin-top:25px;
	}


#right .layout_latest .more a:hover {
	text-indent: -9999px;
	position: absolute;
	display: block;
	background-image: url('../../../files/images/layout/pfeil-nachrichten-rechts.png'); 
	background-position: left bottom;
	background-repeat:no-repeat;
	width: 33px;
	height: 33px;
	right: -15px;
	margin-top:25px;
	}
	
/** ---------------------- kontakt-button ---------------------- **/

.kontakt-button-link {
	background-image: url('../../../files/images/layout/kontakt.png'); 
	background-position: left top;
	background-repeat:no-repeat;
	width: 281px;
	height:281px;
	display:block;
	margin: 0 auto;
	margin-bottom: 35px;
	}
	
.kontakt-button-link:hover {
	background-image: url('../../../files/images/layout/kontakt.png'); 
	background-position: left bottom;
	background-repeat:no-repeat;
	width: 281px;
	height:281px;
	display:block;
	margin-bottom: 35px;
	}	


/** ---------------------- Gallerie ---------------------- **/
.ce_gallery {
	margin-top: 15px;
	margin-bottom: 15px;
	}

.ce_gallery ul li {
	margin-right: 10px;
	float: left;
}

.ce_gallery ul li .image_container {
	height: auto;
}

.ce_gallery ul li img {
	width: 100%;
	height: auto;
}

.ce_gallery ul li.col_last {
	margin-right: 0px;
	}


/** ---------------------- logo ---------------------- **/
.logo {
	float:left;
	}

.logo-social {
	padding-top:35px;
	margin-left: 20px;
	margin-right: 20px;
	}


/** ---------------------- social-buttons ---------------------- **/
.social-buttons {
	float:right;
	margin-top: 80px;
	}

.social-buttons ul li {
	float:left;
	list-style-type:none;
	margin-left: 20px;
	}


/** ---------------------- nav-main ---------------------- **/
#header nav {
	display: none;
	}

#header nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	display:block;
	}
	
#header nav ul li {
	float:left;
	display:list-item;
	list-style: none; 
	width:198px;
	text-align: center;
	height: 52px;	
	border-style: solid; border-width: 0px 2px 0px 0px; -moz-border-image: url(../../../files/images/layout/border-nav.png) 0 30 0 30 stretch; -webkit-border-image: url(../../../files/images/layout/border-nav.png) 0 30 0 30 stretch; -o-border-image: url(../../../files/images/layout/border-nav.png) 0 30 0 30 stretch; border-image: url(../../../files/images/layout/border-nav.png) 0 30 0 30 stretch;
	}

#header nav ul li.last {
	width: 200px;
	border-width: 0px 0px 0px 0px;
	}

#header nav ul li ul li {
	border-width: 0px 0px 0px 0px;
	border: none;
	}

#header nav ul li a, #header nav ul li a:link, #header nav ul li a:visited {
	display:block;
	padding-top:12px;
	padding-bottom: 17px;
	text-decoration:none;
	font-size: 16px;
	
}

#header nav ul li span {
	display:block;
	padding-top:12px;
	padding-bottom: 17px;
	font-size: 16px;
	height: 52px;
	text-decoration:none;
	background-image: url(../../../files/images/layout/bg-nav-main-hover.jpg);
	background-position: left top;
	}

#header nav ul li:hover { 
	background-image: url('../../../files/images/layout/bg-nav-main-hover.jpg');
	background-repeat:repeat-x;
	background-position: left top;
}

	
/* Change this in order to change the Dropdown symbol */
#header li > a:after { content: ''; } 
#header li > a:only-child:after { content: ''; }  	
	
	
/* ---------------------- The Dropdown Styles ---------------------- */
/* Hide Dropdowns by Default */
#header nav ul .level_2 {
	width:200px;
	display: none;
	border-bottom:11px solid black; /* Farbe �ndern */
	}
	
/* ---------------------- Display Dropdowns on Hover ---------------------- */
#header nav ul li:hover > ul.level_2 {
	display:list-item;
	}
	
/* Fisrt Tier Dropdown */
#header nav ul ul li {
	float: none;
	position: relative;
	border-bottom:none;
	border-width: 0px 0px 0px 0px;
	border: none;
	width:200px;
	background-image:none;
	}

#header nav ul li a.submenu {
	background-image: url('../../../files/images/layout/nav-untermenu.png');
	background-position: 170px 20px;
	background-repeat:no-repeat;
	}


/** ---------------------- nav-sub ---------------------- **/
.nav-sub {
	margin-bottom: 35px;
	}

.nav-sub ul li {
	text-align:center;
	list-style-type:none;
	font-size:18px;
	border-bottom: 1px solid #363636; /* Farbe �ndern */
	line-height:44px;
	padding: 5px 0px 5px 0;
	}
	
.nav-sub ul li.last {
	border-bottom: 0px solid #363636; /* Farbe �ndern */
	}	
	
.nav-sub a, .nav-sub a:link, .nav-sub a:visited {
	display: block;
	text-decoration:none;
	
	}

/** ---------------------- nav-bread ---------------------- **/
.nav-bread {
	
	}

.nav-bread ul li {
    float:left;
    list-style-type:none;
	}

.mod_breadcrumb li {
    float:left;
	}

.mod_breadcrumb li:after {
    padding-right:5px;
    padding-left:5px;
    content: " > ";
	}

.mod_breadcrumb li.active:after {
    display:none;
	}


/** ---------------------- nav-footer ---------------------- **/
.nav-footer {
	position:relative;
	left:50%;
	margin-left: -255px;
	width:510px;
	padding-top: 15px;
	padding-bottom:0px;
	}

.nav-footer ul li {
	float: left;
	text-decoration:none;
	list-style-type:none;
	padding: 0 10px;
	font-size: 20px;
	}

.nav-footer ul li:before {
    padding-right:10px;
    padding-left:10px;
    content:url(../../../files/images/layout/icon-nav-footer.png);
	position:relative;
	top:2px;
	}

.nav-footer ul li.first, .nav-footer ul .first:before {
	padding-left: 0px;
	}	

.nav-footer ul li.last {
	padding-right: 0px;
	}	



}