/*
 * Skeleton V1.2
 * Copyright 2011, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 6/20/2012
 */

/* Table of Content
 ==================================================
 #Site Styles
 #Page Styles
 #Media Queries
 #Font-Face */

/* #Site Styles
 ================================================== */
/**************************************************************************************************
 * 
 * Fonts
 * 
 *************************************************************************************************/
/*@font-face { font-family: 'din_engschrift_std';       src: url('/templates/fonts/din_engschrift_std.otf')       format('opentype'); }*/
/*@font-face { font-family: 'din_next_ltpro_condensed'; src: url('/templates/fonts/din_next_ltpro_condensed.ttf') format('truetype'); }*/
/*@font-face { font-family: 'engschrift';       src: url('/templates/fonts/fette_engschrift.ttf')       format('truetype'); }*/
/*@font-face
{
    font-family: 'fetteengschrift';
    src: url('/templates/fonts/fette_engschrift.eot');
    src: url('/templates/fonts/fette_engschrift.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/fette_engschrift.woff') format('woff'),
         url('/templates/fonts/fette_engschrift.ttf') format('truetype'),
         url('/templates/fonts/fette_engschrift.svg#FetteEngschriftRegular') format('svg');
}*/
@import url('/templates/css/font-awesome.css');

@font-face
{
    font-family: 'fetteengschrift';
    src: url('/templates/fonts/fette_engschrift.eot');
    src: url('/templates/fonts/fette_engschrift.eot?#iefix') format('embedded-opentype'),
         url('/templates/fonts/fette_engschrift.woff') format('woff'),
         url('/templates/fonts/fette_engschrift.ttf') format('truetype'),
         url('/templates/fonts/fette_engschrift.svg#fetteengschriftregularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/**************************************************************************************************
 * 
 * Default
 * 
 *************************************************************************************************/
html {
	overflow-y:          scroll;
}

body {
	/*font-family:       'din_engschrift_std', 'Verdana', 'Helvetica', 'Arial';*/
	/*font-family:       "engschrift", Tahoma, Verdana, Arial;*/
	font-family:         Tahoma, Verdana, Arial;
	font-size:           15px;
	background-color:    #C3C0BB;
	background-image:    url('/templates/images/background.png');
}

div {
	float:               left;
}

.container {
	float:               none;
}

#shadow {
	background-color:    #FFFFFF;
	-webkit-box-shadow:  0px 0px 10px 10px rgba(0,0,0,0.25);
	-moz-box-shadow:     0px 0px 10px 10px rgba(0,0,0,0.25);
	box-shadow:          0px 0px 10px 10px rgba(0,0,0,0.25);
	/*width:               940px;*/
	/*margin:              0 10px;*/
	margin:              0 10px 10px 10px;
	/*overflow:            hidden;*/
}

h1 {
	/*float: left;*/
}

p {
    margin: 0 0 1.333em;
	/*font-size: 13px;*/
}

th {
	text-align: left;
}

.size1 #inhalt p,
.size1 #inhalt span,
.size1 #inhalt li,
.size1 #inhalt table {
	font-size:           13px;
}

.size2 #inhalt p,
.size2 #inhalt span,
.size2 #inhalt li,
.size2 #inhalt table {
	font-size:           19px;
}

.size3 #inhalt p,
.size3 #inhalt span,
.size3 #inhalt li,
.size3 #inhalt table {
	font-size:           26px;
}

.size1 {
	font-size:           15px;
}

.size2 {
	font-size:           22px;
}

.size3 {
	font-size:           30px;
}

.margin0 {
	margin:              0;
}

#logo {
	margin:              30px 0 0 25px;
}

#footer_chrisign {
	width:               100%;
	text-align:          right;
	padding:             0 0 10px 0;
}

#footer_chrisign a,
#footer_chrisign a:visited {
	font-size:           0.6em;
	text-decoration:     none;
	padding:             0 17px 0 0;
}

/* Fancybox */
span.fncb_fancy_title {
	font-size:           12px;
	font-weight:         bold;
}
span.fncb_fancy_displaycounter {
	font-size:           11px;
}
#fancybox-title {
	line-height:         16px;
	text-align:          left;
}
#fncb_bottomNavClose {
	cursor:              pointer;
	display:             block;
}
/* Fancybox END */




/**************************************************************************************************
 * 
 * Startseite
 * 
 *************************************************************************************************/
#start_wrapper {
	margin:              0 13px;
}

#start_header {
	float:               none;
	background-color:    #630A43;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	height:              187px;
	text-align:          right;
	font-size:           55px;
	line-height:         54px;
	letter-spacing:      3px;
}

.start_weiss {
	color:               #FFFFFF;
}

.start_rot {
	color:               #F04C5E;
}

.start_violett {
	color:               #630A43;
}

.start_titel_pipe_1,
.start_titel_pipe_2 {
	color:               #F04C5E;
}

#start_header p {
	float:               right;
	margin:              14px 13px 0 0;
}

#start_callbutton {
	display: none;
}

#start_inhalt {
	/*background-color:    #FFFFFF;*/
}

#start_titel {
	padding:             10px 0 15px;
}

#start_titel a,
#start_titel a:visited {
	text-decoration:     none;
}

#start_titel h1 {
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	font-size:           1.3em;
	letter-spacing:      2px;
	line-height:         1em;
	margin-bottom:       0;
}

#start_titel_adresse {
	font-size:           0.8em;
	letter-spacing:      0.05em;
}

.start_titel_br_1,
.start_titel_br_2 {
	display:             none;
}

#start_bild {
	width:               908px;
	max-width:           100%;
}

#start_menu_container {
	/*background-image:    url("/templates/images/startbild_1.jpg");*/
	background-repeat:   no-repeat;
	background-size:     100%;
	float:               left;
	width:               100%;
	/*eight:              481px;*/
}

#start_menu_wrapper {
	margin-top:          297px;
}

#start_menu_wrapper a,
#start_menu_wrapper a:visited {
	text-decoration:     none;
}


.start_menu {
	background-color:    #FFFFFF;
	width:               155px;
	height:              204px;
	padding:             5px;
	-webkit-box-shadow:  0px -8px 8px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:     0px -8px 8px 4px rgba(0, 0, 0, 0.25);
	box-shadow:          0px -8px 8px 4px rgba(0, 0, 0, 0.25);
	font-size:           22px;
	text-align:          right;
	float:               left;
	margin:              0 6px 0 11px;
}

.start_menu:hover {
	background-color:    #CCCCCC;
}

/*.start_menu img {
	max-width: 100%;
}*/

.start_menu_0_a {
	display: none;
}

.start_menu_0,
.start_menu_1,
.start_menu_2,
.start_menu_3 {
	float:               none;
	background-color:    #630A43;
	height:              73px;
	padding:             4px 8px 0px 0px;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	letter-spacing:      1px;
}

.start_menu_0 {
	background-color:    #FFFFFF;
}
.start_menu_1,
.start_menu_3 {
	background-color:    #F04C5E;
}

.start_menu_0 a,
.start_menu_0 a:visited,
.start_menu_1 a,
.start_menu_1 a:visited,
.start_menu_2 a,
.start_menu_2 a:visited,
.start_menu_3 a,
.start_menu_3 a:visited {
	color:               #FFFFFF;
	display:             block;
	width:               147px;
	height:              73px;
}


.start_menu img {
	height:              102px;
	/*width:               155px;*/
	float:               right;
}

#start_slogan {
	color:               #F04C5E;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	font-size:           3.7em;
	line-height:         1em;
	margin-top:          36px;
	padding:             0 0 5px 0;
}

#footer {
	display: none;
}



/**************************************************************************************************
 * 
 * Unterseiten
 * 
 *************************************************************************************************/
#container_header {
	float:               none;
	height:              185px;
	/*background-repeat:   no-repeat, repeat-x;
	background-position: bottom left, bottom;
	background-size:     923px 168px, 1px 4px;*/
	background-repeat:   no-repeat;
	background-position: bottom left;
	background-size:     923px 168px;
}

#print_adresse {
	display:             none;
}

#container_menu {
	float:               left;
	background-image:    url('/templates/images/menu_background.png');
	background-repeat:   repeat-x;
	height:              36px;
}

#container_middle {
	float:               left;
}

#menu_icon img {
	padding:             4px 0 0 3px;
}

#menu_icon_inner {
	float:              right;
	margin:             0 17px 0 0;
}

#menu_icon_inner a,
#menu_responsive_left a {
	font-size:          11px;
	margin:             2px 0 0 0;
	display:            block;
	float:              left;
}

#menu_icon_inner a span i.fa-square,
#menu_responsive_left a span i.fa-square {
	color:              #4F5253;
}

#menu_icon_inner span.fa-stack i.fa-font,
#menu_responsive_left span.fa-stack i.fa-font {
	font-size:          1.0em;
}

#menu_icon_inner span.fa-stack i.fa-home,
#menu_responsive_left span.fa-stack i.fa-home {
	font-size:          1.2em;
}

#menu_icon_inner span.fa-stack i.fa-envelope,
#menu_responsive_left span.fa-stack i.fa-envelope {
	font-size:          1.0em;
}

#menu_icon_inner span.fa-stack i.fa-search,
#menu_responsive_left span.fa-stack i.fa-search {
	font-size:          1.1em;
}

#suche,
#menu_responsive {
	display:             none;
}

#menu_responsive_sub {
	display:             none;
	width:               100%;
}

#suche span {
	float:               right;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	letter-spacing:      0.05em;
	color:               #6E6E70;
	margin:              8px 5px 0 0;
	font-size:           1.2em;
}

#suche input {
	width:               203px;
	padding:             1px;
	margin:              6px 17px 0 0;
	float:               right;
	border:              1px solid #630A43;
	width:               199px;
}

.size1 #suche input {
	font-size:           15px;
}

.size2 #suche input {
	font-size:           22px;
}

.size3 #suche input {
	font-size:           30px;
}

#suche {
	float:               right;
}

#menu_left_icon span {
	border:              0.16em solid #6E6E70;
	border-radius:       1000px;
	margin-bottom:       0.2em;
	color:               #6E6E70;
	font-size:           0.9em;
}

#menu_left_icon_kontakt {
	font-size:           1.3em;
}

#menu_left_icon_infocenter {
	font-size:           1.8em;
}

#menu_left_icon {
	margin:              107px 0 19px 14px;
}

#menu_left_icon img {
	margin: 0 0 0.1em 0;
}

.size1 #menu_left_icon img {
	width: 31px;
	height: 31px;
}

.size2 #menu_left_icon img {
	width: 46px;
	height: 46px;
}

.size3 #menu_left_icon img {
	width: 64px;
	height: 64px;
}

#wrapper_right_inner {
	margin:              11px 17px 10px 0;
	background-color:    #630A43;
}

#wrapper_right_inner strong {
	color: #FFFFFF;
}

#inhalt {
	margin-top:          23px;
	margin-bottom:       46px;
}

h1,
h2,
h3 {
	color:               #F04C5E;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	font-size:           2.3em;
	line-height:         0.9em;
	letter-spacing:      0.05em;
	text-transform:      uppercase;
}

.h1 {
	text-align: left;
}

h2,
.h2 {
	text-align:          right;
	margin-bottom: 10px;
}

.like_h3 {
	text-align: left;
}

/*#inhalt p
{
	float:               left;
	width:               100%;
}*/ /* http://laresidence-sh.ch.chrisign2ubu.nine.ch/la-residence/links.html */

#inhalt  .list_p {
	float: left;
	clear: both;
}

#inhalt .text_label {
    clear:               left;
    float:               left;
    width:               160px;
	margin:              1em 10px 0 0;
}
#inhalt .list_label {
    clear:               left;
    float:               left;
    width:               160px;
	margin:              0 10px 0 0;
}
#inhalt .text {
	clear:               right;
    float:               left;
    width:               350px;
	margin:              1em 0 0 0;
}
#inhalt .list {
	clear:               right;
    float:               left;
    width:               350px;
	margin:              0 0 0 0;
}
#inhalt .list_title {
	clear:               both;
	float:               left;
}
#inhalt table {
	margin: 0 0 1.4em 0;
}

/*#downloads #std_files a,
#downloads #std_files a:hover,
#speisekarten #std_files a,
#speisekarten #std_files a:hover,*/
a.csdl_aic,
a.csdl_atc {
    text-decoration:none;
}




/*#inhalt .list,
#inhalt .list_label {
	padding:             2px 0 3px 0;
    vertical-align:      top;
}
#inhalt .list_label {
	padding-right:       10px;
    width:               160px;
}*/
/* veraltet -> strong */
/*#inhalt .text.bold,
#inhalt .text_label.bold,
#inhalt .list.bold,
#inhalt .list_label.bold {
	font-weight: bold;
}*/

/* Benutzertabellen START */
#standard table,
#dynamiccontent table {
	margin-bottom: 20px;
	width: 100%;
}
#standard td:nth-child(1),
#dynamiccontent td:nth-child(1) {
	padding-left: 0;
}
#standard td:nth-last-child(1),
#dynamiccontent td:nth-last-child(1) {
	padding-right: 0;
}
#standard td,
#dynamiccontent td {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#standard tr:nth-child(1) td,
#dynamiccontent tr:nth-child(1) td {
	padding-top: 0;
}
#standard tr:nth-last-child(1) td,
#dynamiccontent tr:nth-last-child(1) td {
	padding-bottom: 0;
}
#standard td:nth-child(1),
#dynamiccontent td:nth-child(1) {
	padding-left: 0;
}
#standard td:nth-last-child(1),
#dynamiccontent td:nth-last-child(1) {
	padding-right: 0;
}
/* Benutzertabellen STOP */




/**************************************************************************************************
 * 
 * Menu
 * 
 *************************************************************************************************/
#menu {
	font-size:           15px;
}
#menu ul.level1 li.level1,
#menu ul.level1 li.current1 {
	float:               left;
	margin-right:        2px;
}
#menu ul.level1 li.level1 a.level1,
#menu ul.level1 li.current1 a.current1 {
	float:               left;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	font-size:           18px;
	letter-spacing:      0.05em;
	text-decoration:     none;
	text-transform:      uppercase;
	color:               #FFFFFF;
	background-color:    #630A43;
	padding:             7px 10px;
	font-size:           0.9em;
	letter-spacing:      0.1em;
}
#menu ul.level1 li.level1 a.level1:hover,
#menu ul.level1 li.current1 a.current1 {
	color:               #F04C5E;
}
#menu #nv3 a,
#menu #nv5 a,
#menu #nv7 a {
	background-color:    #F04C5E;
}
#menu #nv3 a:hover,
#menu #nv3 a.current1,
#menu #nv5 a:hover,
#menu #nv5 a.current1,
#menu #nv7 a:hover,
#menu #nv7 a.current1 {
	color:    #630A43;
}
#menu ul.level1 li.level1 ul,
#menu ul.level1 li.current1 ul {
	display:             none;
	position:            absolute;
	top:                 217px;
	box-shadow:          10px 10px 10px 0 rgba(0,0,0,0.2);
	padding:             6px 22px 6px 11px;
	background-color:    #E8E8EA;
}
#menu ul.level1 li.level1:hover ul,
#menu ul.level1 li.current1:hover ul {
	display:             block;
	z-index:             100;
}
#menu ul.level1 li ul.level2 li.level2 a,
#menu ul.level1 li ul.level2 li.current2 a {
	float:               left;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	font-size:           18px;
	letter-spacing:      0.08em;
	text-decoration:     none;
	text-transform:      uppercase;
	color:               #444444;
	min-width:           162px;
	text-align:          left;
	clear:               both;
	padding:             2px 0 2px 0;
	font-size:           0.9em;
	letter-spacing:      0.1em;
}
#menu ul.level1 li ul.level2 li.level2 a:hover,
#menu ul.level1 li ul.level2 li.current2 a,
#menu ul.level1 li ul.level2 li.current2 a:hover {
	color:               #F04C5E;
}



/**************************************************************************************************
 * 
 * News
 * 
 *************************************************************************************************/
.news {
	background-color:    #630A43;
	color:               #FFFFFF;
	padding:             11px;
	text-align:          center;
	letter-spacing:      0.1em;
	border-top:          1px solid #FFFFFF;
	width:               181px;
}
#news_icon {
	margin:              20px 0 40px 0;
}
.size1 #news_icon {
	width:               64px;
	height:              52px;
}
.size2 #news_icon {
	width:               96px;
	height:              78px;
}
.size3 #news_icon {
	width:               128px;
	height:              104px;
}
.news p,
.news strong {
	font-size:           0.7em;
	line-height:         1.3em;
}
#news .news_lang p {
	float: none;
}

.news h3 {
	color:               #FFFFFF;
	font-size:           1.2em;
	line-height:         1.0em;
	letter-spacing:      0.15em;
}
.news a {
	color:               #FFFFFF;
	/*font-family:         "fetteengschrift", Tahoma, Verdana, Arial;*/
	/*letter-spacing:      0.15em;*/
	text-decoration:     none;
}
.news a:hover {
	text-decoration:     underline;
}



/**************************************************************************************************
 * 
 * Menu-Left
 * 
 *************************************************************************************************/
#menu_left {
	margin-bottom:       17px;
}
#menu_left ul.level1 li.level1 {
	display:             none;
}
#menu_left ul.level1 li.current1 span a {
	display:             none;
}
#menu_left ul.level1 li.current1 ul.level2 li {
	margin:              -2px 0;
	line-height:         1.2em;
}
#menu_left ul.level1 li.current1 ul.level2 li span a {
	display:             block;
	text-decoration:     none;
	width:               140px;
	padding:             0 0 1px 10px;
	border-top:          2px solid #E7E7E8;
	border-bottom:       2px solid #E7E7E8;
	letter-spacing:      0.1em;
	font-size:           0.8em;
}
#menu_left ul.level1 li.current1 ul.level2 li.current2 span a {
	color:               #F04C5E;
}
#menu_left ul.level1 li.current1 ul.level2 li span a:hover {
	color:               #F04C5E;
}
#inhalt #std_text h1,
#inhalt #dynamiccontent h1 {
	float: left;
	clear: left;
}
#inhalt #dynamiccontent h1.h2 {
	float: none;
	clear: none;
}
#inhalt #std_text p,
#inhalt #dynamiccontent p {
	clear: left;
	float: left;
	width: 100%;
}
#inhalt p {
	line-height:         1.4em;
}
#inhalt #std_files p.datei {
	margin: 0 0 8px 0;
}

#downloads, #speisekarten {
    margin-top: 20px;
    width: 100%;
}
#downloads h2, #speisekarten h2 {
    color: #444444;
    font-size: 1.3em;
    margin-bottom: 0.2em;
    margin-top: 0.4em;
    text-align: left;
}

#dowloads #std_files img, #speisekarten #std_files img {
    height: 16px;
    position: relative;
    top: 2px;
    width: 16px;
}

#downloads .datei p img, #speisekarten .datei p img {
    margin: 0;
}

/**************************************************************************************************
 * 
 * Menu-Resonsive
 * 
 *************************************************************************************************/
#menu_responsive_sub ul.level1 li a {
	float:               left;
	font-family:         "fetteengschrift", Tahoma, Verdana, Arial;
	font-size:           0.8em;
	letter-spacing:      0.1em;
	line-height:         0.8em;
	text-decoration:     none;
	color:               #FFFFFF;
	background-color:    #630A43;
	/*width:               100%;*/ /* -> durch Padding gibts mehr als 100% -> @media */
	padding:             4px 8px;
	margin:              1px 0 0 0;
}
#menu_responsive_sub ul.level1 li.current1 a.current1:after,
#menu_responsive_sub ul.level1 li.level1 a.level1:after {
	content:             ' ˇ'; /* ˇ ↓ */ /* <span style="vertical-align: -4px;">ˇ</span> */
	position:            relative;
}
.size1 #menu_responsive_sub ul.level1 li.current1 a.current1:after,
.size1 #menu_responsive_sub ul.level1 li.level1 a.level1:after {
	top:                 9px;
}
.size2 #menu_responsive_sub ul.level1 li.current1 a.current1:after,
.size2 #menu_responsive_sub ul.level1 li.level1 a.level1:after {
	top:                 13px;
}
.size3 #menu_responsive_sub ul.level1 li.current1 a.current1:after,
.size3 #menu_responsive_sub ul.level1 li.level1 a.level1:after {
	top:                 17px;
}
#menu_responsive_sub ul.level1 li.level1 ul.level2 {
	display: none;
}
#menu_responsive_sub ul.level1 li ul.level2 li a {
	margin:              0;
	color:               #444444;
	background-color:    #E8E8EA;
}
#menu_responsive_sub ul.level1 li ul.level2 li.current2 a {
	color:               #F04C5E;
}
#menu_responsive_sub ul.level1 li ul.level2 li a:hover {
	color:               #F04C5E;
}
#menu_responsive_sub #nv3r a,
#menu_responsive_sub #nv11r a,
#menu_responsive_sub #nv13r a {
	background-color:    #F04C5E;
}




/**************************************************************************************************
 * 
 * #Media Queries
 * 
 *************************************************************************************************/
/**************************************************************************************************
 * Browser schmal & Smartphone
 * Smaller than standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 959px)
{
}



/**************************************************************************************************
 * Browser schmal
 * Tablet Portrait size to standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{	
	.start_titel_pipe_1 {
		display:         none;
	}
	.start_titel_br_1 {
		display:         inline;
	}
	
	#start_menu_wrapper {
		margin-top:      196px;
	}
	
	#menu ul.level1 li.level1 a.level1,
	#menu ul.level1 li.current1 a.current1 {
		//padding:         7px 5px; // sofern zu wenig Platz in der Navigationsleiste
		//letter-spacing:  0px; // sofern zu wenig Platz in der Navigationsleiste
	}
	
	.size2 #suche span {
		position:        relative;
		bottom:          26px;
		right:           129px;
	}
	.size3 #suche span {
		font-size:       0.73em;
		position:        relative;
		bottom:          21px;
		right:           129px;
		margin-top:      1px;
	}
	
	#menu_left ul.level1 li.current1 ul.level2 li span a {
		width:           124px;
		letter-spacing:  0;
	}
	
	.news {
		width:           133px;
	}
	
	#inhalt .text,
	#inhalt .list {
		width:           242px;
	}
}



/**************************************************************************************************
 * Smartphone
 * All Mobile Sizes (devices and browser)
 *************************************************************************************************/
@media only screen and (max-width: 767px)
{	
	.size3 body,
	.size3 body {
		font-size: 15px !important;
	}
	
	#shadow {
		margin:              0;
	}
	
	/* Startseite */
	#start_wrapper {
		float: none;
	}
	
	#start_header p,
	#start_titel,
	#start_slogan {
		display: none;
	}
	
	#start_callbutton {
		display: block;
		float: right;
	}
	
	#start_callbutton a,
	#start_callbutton a:visited {
		color: #FFFFFF;
	}

	#start_menu_container {
		background-image: none  !important;
	}
	
	#start_menu_wrapper {
		float: none;
		width: 320px;
		margin: 0 auto;
	}
	
	#start_wrapper {
		margin: 0;
	}
	
	.start_menu {
		margin: 7px 0 0 7px;
		padding: 0;
		width: 149px;
		height: 169px;
		overflow: hidden;
		-webkit-box-shadow:  none;
		-moz-box-shadow:     none;
		box-shadow:          none;
	}
	
	.start_menu_0 a,
	.start_menu_0 a:visited,
	.start_menu_1 a,
	.start_menu_1 a:visited,
	.start_menu_2 a,
	.start_menu_2 a:visited,
	.start_menu_3 a,
	.start_menu_3 a:visited {
		width:               141px;
	}

	.start_menu_0_a {
		display: block;
	}
	
	#footer {
		font-size: 0.6em;
		line-height: 1.5em;
		width: 100%;
		padding: 13px 0;
		display: block;
		text-align: center;
	}

	#footer a,
	#footer a:visited {
		text-decoration: none;
	}

	
	
	/* Unterseiten */
	#menu,
	#menu_icon,
	#suche,
	#wrapper_left {
		display: none;
	}
	
	#inhalt {
		font-size: 0.8em;
	}
	
	#container_header {
		height: 64px;
		background-position: top right, center bottom;
		background-size: 320px 64px, 1px 4px;
	}
	
	#container_middle {
		padding: 0 10px;
	}
	
	#wrapper_right_inner {
		margin: 0;
	}
	
	#menu_responsive {
		display: block;
		width: 100%;
	}
	
	#menu_responsive_left {
		margin: 1px 0 0 9px;
		line-height: 0
	}
	
	#menu_responsive_right {
		float: right;
	}
	
	#menu_responsive_right a,
	#menu_responsive_right a:hover {
		color:               #6E6E70;
		text-decoration:     none;
	}
	
	#menu_responsive_right_infocenter {
		font-size:           15px;
		margin:              6px 12px 0 0;
	}
	
	#menu_responsive_right_infocenter span {
		border:              0.3em solid #6E6E70;
		padding:             0.2em;
		border-radius:       1000px;
		font-size:           0.5em;
	}
	
	#menu_responsive_right_infocenter img {
		width: 22px;
		height: 22px;
	}

	#menu_responsive_right_menuicon {
		font-size:          15px;
		margin:              7px 6px 0 0;
	}
	
	#menu_responsive_right_menuicon i {
		font-size:           1.4em;
	}
	
	#menu_responsive_right_menuspan {
		margin:              12px 22px 0 0;
		font-size:           0.7em;
		font-weight:         bold;
	}
	
	.size1 #menu_responsive_right_menuspan {
		margin-top:          12px;
	}
	
	.size2 #menu_responsive_right_menuspan {
		margin-top:          9px;
	}
	
	.size3 #menu_responsive_right_menuspan {
		margin-top:          6px;
	}

	#wrapper_right {
		margin: 20px 0 0 0;
	}
}



/**************************************************************************************************
 * Smartphone Landscape
 * Mobile Landscape Size to Tablet Portrait (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.container,
	#start_header,
	#start_inhalt,
	#container_header,
	#container_menu/*,
	#container_middle*/ {
		width: 480px;
	}
	
	#inhalt,
	#wrapper_right_inner {
		width: 460px;
	}
	
	#menu_responsive_sub ul.level1 li a {
		width: 464px;
	}
	
	#start_header {
		height: 96px;
	}
	
	#logo {
		margin: 12px 0 0 15px;
	}
	
	#logo img {
		width: 150px;
		height: 75px;
	}
	
	#start_callbutton {
		margin: 22px 22px 0 0 ;
		font-size: 0.5em;
	}
	
	#container_header {
		height: 96px;
		background-size: 480px 96px;
	}
	
	.news {
		width: 438px;
	}
	
	#inhalt .text_label,
	#inhalt .list_label {
		width: 140px;
	}
	#inhalt .text,
	#inhalt .list {
		width: 310px;
	}
}



/**************************************************************************************************
 * Smartphone Portrait
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 479px)
{
	.container,
	#start_header,
	#start_inhalt,
	#container_header,
	#container_menu/*,
	#container_middle*/ {
		width: 320px;
	}
	
	#start_header {
		height: 64px;
	}
	
	#logo {
		margin: 8px 0 0 10px;
	}
	
	#logo img {
		width: 100px;
		height: 50px;
	}
	
	#start_callbutton {
		margin: 16px 16px 0 0 ;
		font-size: 0.67em;
	}
	
	#menu_responsive_sub ul.level1 li a {
		width: 304px;
	}
	
	.news {
		width: 278px;
	}
	
	#inhalt .text_label,
	#inhalt .list_label {
		width: 100%;
		margin-bottom: 0;
	}
	#inhalt .text,
	#inhalt .list {
		width: 100%;
		margin: 0 0 1em 0;
	}
	#inhalt .text_label:after,
	#inhalt .list_label:after {
		content: ":";
	}
}



/* #Font-Face
 ================================================== */
/* 	This is the proper syntax for an @font-face file
 Just create a "fonts" folder at the root,
 copy your FontName into code below and remove
 comment brackets */

/*	@font-face {
 font-family: 'FontName';
 src: url('../fonts/FontName.eot');
 src: url('../fonts/FontName.eot?iefix') format('eot'),
 url('../fonts/FontName.woff') format('woff'),
 url('../fonts/FontName.ttf') format('truetype'),
 url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
 font-weight: normal;
 font-style: normal; }
 */