html, body{
	width:100%;
	max-width: 100%;
	background-color:#fff;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background:#fff;
	color:#4d5763;
	font-family:'Open Sans';
}


/* ---- GENERAL ---- */
	#content h1 {color:#4d5763; text-transform:uppercase; font-size:20px !important;}
	#content p, #content ul {font-size:15px; color:#4d5763; line-height:1.8em; margin-bottom:2em;}
	#content {text-align:left; position:unset; padding:15px 15px;}
	
	#content ul {list-style-image:url(../img/arrow.png);}
	#content ul li{padding:15px 5px; width:auto; border-bottom:1px solid #eaeaea;}
	
	#content a, #content a:visited, #content a:focus, a {color:#da4d37; text-decoration:underline;}
	
/* ---- MENU ---- */
.menu a {text-decoration:none !important;}
nav#menu {background:#4d5763; position:relative;}

nav#menu ul {text-align:center; margin-bottom:0px; padding:15px;}

nav a {text-transform:uppercase; color:#FFF; font-size:15px;
	padding:18px 20px 16px 20px;
	margin:20px;
}

	nav ul li{
	display: inline-block;

}

nav ul li.current.active >a{background:#7f8084; border-top:4px solid #4d5763;}
nav ul li.current.active >a:hover{color:#FFF; transition-duration:0.5s; border-color:#da4d37;}

nav ul li a:hover {color:#a8afbf; text-decoration:none;}

/* ---- SIDE MENU ---- */
#side_menu a {font-weight:600; text-transform:uppercase; color:#4d5763; font-size:15px;}
#side_menu li {border-bottom:4px solid #fff; padding:10px;}
#side_menu li.current.active {border-bottom-color:#da4d37;}
#side_menu li.current.active a {color:#da4d37;}

/* ---- MOBILE MENU ---- */
#toggle_menu a {font-weight:600; text-transform:uppercase; color:#4d5763; font-size:15px;}
#toggle_menu li {border-bottom:4px solid #fff; padding:10px;}
#toggle_menu li.current.active {border-bottom-color:#da4d37;}
#toggle_menu li.current.active a {color:#da4d37;}


#logotype img {padding:20px;}

/* ---- SLIDESHOW ---- */
#slideshow-wrapper {
margin-bottom:25px;
-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.55);
box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.55);

}

/* ---- NEWS SUMMARY --- */
.news-summary {display:none;}
.news-item{display:none;}
.news-item:nth-child(2){display:block;}
.news-summary {margin-top:45px;}
.news-summary h2:first-child {
	padding-left:20px;
	background:url(../img/news.png) left no-repeat;
	text-transform:uppercase;
	font-size:18px;
}
.news-content {font-size:13px;}
.news-summary h2, .newsSummaryItem h4 {margin:0px;}
.news-summary h2 a, .newsSummaryItem h4 a {color:#4d5763 !important; text-decoration:none !important; font-size:15px; font-weight:600; text-decoration:none;}
.news-item {margin-top:0px;}
.news-information {display:none;}

/* ----- STARTPAGE ---- */
.edit_page {display:block;}

/* ---- SERVICES ---- */
#wrapper.page-2 .page ul {width:50%; float:left; padding-left:15px;}


/* ---- CONTACT ---- */
#wrapper.page-3 .page ul {float:left; padding:15px; margin:0px 0px; list-style-image:none;list-style-type:none;}
#wrapper.page-3 .page li {padding:0;}

#contact-form {
	display:block;
	width:100%;
	margin-top:250px;
}

#contact-form input, #contact-form textarea {width:100%; margin:5px;}

textarea {height:125px;}

input, textarea, select {
    background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    font: 13px/100% Verdana,Tahoma,sans-serif;
    margin-bottom: 10px;
    outline: 0 none;
    padding: 9px;
    width: auto;
}


input[type=submit]{
border-radius:5px;
padding: 8px;
background:#da4d37;
border-bottom:3px solid #a23a2a;
border-right:2px solid #a23a2a;
border-top:none;
border-left:0;
text-transform:uppercase;
color:#FFF;
}

/* ---- FOOTER ---- */
footer {background:#4d5763; border-top:4px solid #cc4e3f; color:#d3d4d9; font-size:14px; margin-top:30px;}
footer a {color:#FFF; text-decoration:underline;}
footer ul {float:left; padding:15px; margin:0px 0px; list-style-type:none;}
footer ul:first-child {padding-left:90px; background:url(../img/address.png) left no-repeat;}
footer ul:nth-child(2){padding-left:90px; background:url(../img/contact.png) left no-repeat;}
footer ul:last-child {}

@media (max-width: 500px){
#logotype {padding-bottom:200px;background:url(../img/mobile_header.jpg) bottom no-repeat; }
#logotype img {float:right;}
#slideshow-wrapper {display:none;}
}


@media (min-width: 768px){
footer ul {margin:0px 6px;}
#content {padding-left:15px;}
#content h1 {font-size:34px !important;}

#side_menu {margin-top:30px;}
#side_menu li {border-left:4px solid #fff; padding:10px; border-bottom:1px solid #eaeaea;}
#side_menu li.current.active {border-left-color:#da4d37;  border-bottom:1px solid #eaeaea;}

h1 {font-size:34px;}
.shadow {
	background:url(../img/shadow.png) left no-repeat;
	background-size: 15px 100%;
	padding-left:30px;
}
#contact-form {	padding-left:30px;
	background:url(../img/shadow.png) left no-repeat;
	background-size: 15px 100%;
	margin-top:0px;
	max-width:350px; 
	float:right; 
	}
#wrapper.page-3 .page {width:50%; float:left;}
}
	
@media (min-width: 992px){
#content {padding:0 20px;}
footer ul {margin:0px 40px;}
#wrapper.page-3 .page {width:60%; float:left;}
}

@media (min-width: 1200px){
footer ul {margin:0px 75px;}
#wrapper.page-3 .page {width:54%; float:left;}
#contact-form {margin-right:50px;}
}