/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}


.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 830px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 1060px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
body {
	background-color: #ece8e5;
}
nav {
	height: 40px;
	width: 100%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
        -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #ffffff;
	display: inline-block;
	width: 120px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
}
nav a#pull {
	display: none;
}
#partner_btn {
	cursor:pointer;
	color:#FFFFFF;
	font-size:19px;
	display:none;
}
#partner_btn_more {
	cursor:pointer;
	color:#FFFFFF;
	font-size:19px;
	
}
.article {
 width: 55%;
margin-left: auto;
margin-right: auto;
border: 3px solid #F2DFB3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
   
}
.article p {
white-space: pre-line;
}


.sale {
 width: 55%;
margin-left: auto;
margin-right: auto;
border: 3px solid #F2DFB3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;  
}
.price{
	color:#A80E0E;
	font-style:italic
}
td  {
width: 600px;	
}
#logo_list {
    color: #FFFFFF;
    font-weight: 700;
    display: inline-block;
    position: relative;
    top:-40px;
}
.pic {
	border:10px solid #F5EFFB;
	-webkit-box-shadow: 10px 10px 10px 6px #A4A4A4; /* WebKit */
	-moz-box-shadow: 10px 10px 10px 6px #A4A4A4; /* Firefox */
	box-shadow: 10px 10px 10px 6px #A4A4A4; /* Standard */
	max-width:100%; 
	
}
.map {
	max-width:100%; 
	
}
#header_gallery {
	float:right;
	margin-top:10px;
	margin-right:10px;

}
#header_gallery img {
	max-width:100%;

}
#header img {
	max-width:100%;

}
#wrapper {
	
	width:85%;
	margin-left:auto;
	margin-right:auto;
	}
#canvas {
	background-color:#FFFFFF;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:20px;
    padding: 5px;
}
#canvas h1{
	text-align:center;
}
header {
	height:;
	width: 100%;
	background: #455868;
	margin-top:10px;
	margin-bottom:10px;
	position: relative;
	border-bottom: 2px solid #283744;
        -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.logo {
	margin-left:20px;
	margin-top:10px;
}
.header_pic {
	margin-left:20px;
	
}
.partner {
	margin-left:20px;
	
}

#partner_list {
	display:none;
	position:absolute;
	background-color:#333333;
	color:#FFFFFF;
	z-index:1;
	width:200px;
	height:400px;
	overflow: scroll;
}
#partner_list_small {
	display:none;
	position:absolute;
    right:20px;
	background-color:#333333;
	color:#FFFFFF;
	z-index:1;
	width:200px;
	height:320px;
}
#partner_list  img {
	margin:5px 5px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#partner_list_small  img {
	margin:10px 10px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.wavy {
    text-decoration: underline;
-moz-text-decoration-style: wavy; /* Code for Firefox */

}
#partner-box img {
	margin:0px 7px 0px 7px;
	max-width:100%;
}		
#news {
	border:2px solid #455868;
    margin-left: 10px;
    
}

h1,h2,h3,h4 {
	text-align:center;
	font-family: 'Arimo', sans-serif;
}
p {
	padding:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#000000;
}

.landing{
    text-align: center;
}
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.not-centered {
	text-align:left;
}
.small-link {
	text-decoration:none;
	color:#A4A4A4;
	padding:5px;
	font-family:Arial;
}
.btn {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #455868;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
/*Styles for screen 980px and lower*/
@media screen and (max-width: 980px) {
	
	#partner-box {
	display:none;
	}
	#partner_btn {
	display:block;
	}
}
/*Styles for screen 804px and lower*/
@media screen and (max-width: 1235px) {
	#header_gallery {
	display:none;
	}
}
/*Styles for screen 610px and lower*/
@media screen and (max-width: 620px) {
	#wasserhahn {
	display:none;
	}
}

/*Styles for screen 830px and lower*/
@media screen and (max-width: 830px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('img/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	#wrapper {
	width:100%;
	}
	header {
	display:none;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	#wrapper {
	width:100%;
	}
	header {
	display:none;
	}
}

/*form*/

fieldset {
	width: 500px;
}
legend {
	font-size: 20px;
}
label.field {
	text-align: right;
	width: 120px;
	float:left;
	font-weight: bold;
}
fieldset p {
	clear: both;
	padding: 5px;
}