/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* Container */
.container {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	padding-bottom:100px;
}

.container .grid_3 {
	float:left;
	width: 20%;
	margin-left:4%;
	padding-top:17px;
}
.container .grid_9 {
	float:left;
	width: 68%;
	margin-right:4%;
	margin-left:4%;
	padding-top:25px;
}
#header_content{
	width:100%;
	overflow:hidden;
}
/*
header .head-left {
	float:left;
	width: 28%;
}
header .head-right {
	float:left;
	width: 72%;
}
*/
.header_content-inner{
	margin-left:4%;
}

/* Images & Other Objects */
img,object,embed {
	max-width: 100%;
}

img {
	height: auto;
}
/* =============================================================================
   Site Styles
   ========================================================================== */


/*body {
	background-image: url(../img/background-image-01.jpg);
	}*/
	
	
body {
	background: url(../img/background-image-01.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
img{
	width:100%;
	height:auto;
}		
.container {
	background-image: url(../img/hintergrund-weiss-996x30.png);
	padding-bottom:100px;
	}

p {
	padding-bottom: 20px;
}

a {
	text-decoration:none;
	color:#4c4e51;
}

p a:hover {
	text-decoration: underline;
	color: #601d54;
}
	
.clear{
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

img.trenner{
	margin: 30px 0px 15px 0px;
}	

header {
	background: url(../img/hintergrund-grau-100x200.png);
	}

#header_content {
	display: block;
	position:relative;
	width: 80%;
    margin-left: auto;
    margin-right: auto;
	}
		
footer {
	position: relative;
	clear: both;
	}
	
.content-img {
	width:96%;
	background: #fff;
	padding: 2%;
    -webkit-box-shadow: 3px 2px 5px #a5a7ab;
    -moz-box-shadow: 3px 2px 5px #a5a7ab;
    box-shadow: 3px 2px 5px #a5a7ab;
}
	
iframe {
	margin: 17px 0px 0px 0px;
    border: 0px;
    width: 100%;
    height: 500px;
	background: #fff;
	padding: 12px;
    -webkit-box-shadow: 3px 2px 5px #a5a7ab;
    -moz-box-shadow: 3px 2px 5px #a5a7ab;
    box-shadow: 3px 2px 5px #a5a7ab;
	}

.small-img {
	width: 92%;
	background: #fff;
	padding: 4%;
    -webkit-box-shadow: 3px 2px 5px #a5a7ab;
    -moz-box-shadow: 3px 2px 5px #a5a7ab;
    box-shadow: 3px 2px 5px #a5a7ab;
	}
		
#footer-hg {
	/*display: block;*/
	position: absolute;
	top:-100px;
	left:0px;
	width:100%;
	height: 100px;
	z-index: 10;
	
    margin-left: auto;
    margin-right: auto;
	background-image: url(../img/hintergrund-grau-100x100.png);
	background-repeat: repeat-x;
}

h1 {
	font-family: 'Signika', sans-serif;
	font-weight: 400;
	color: #601d54;
	font-size: 1.5em;
	text-decoration: none;
	padding: 25px 0px 16px 0px;
	margin: 0;
	}
	
h2 {
	font-family: 'Kreon', serif;
	font-weight: 600;
	font-size: 1em;
	color: #601d54;
	letter-spacing: 0.4px;
	padding-bottom: 5px;
	margin: 0px;
	}

p {
	font-family: 'Kreon', serif;
	font-weight: 400;
	font-size: 1em;
	color:#4c4e51;
	letter-spacing: 0.4px;
	padding-right: 35px;
	margin: 0px;
	}

#ornament {
	margin: 0px 0px 0px 0px;
	padding-left: 0;
	list-style: none;
	font-family: 'Kreon', serif;
	font-weight: 400;
	font-size: 1em;
	color:#4c4e51;
	letter-spacing: 0.4px;
}

#ornament li {
	padding-top: 0px;
	padding-left: 20px;
	background: url('../img/ornament-liste.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

	
.left,
.content_left {
	font-family: 'Kreon', serif;
	font-size: 0.9em;
	letter-spacing: 0px;
	color:#4c4e51;
	padding: 0;
	}
		

nav ul {
	padding: 15px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../img/trenner.png) no-repeat left bottom;
	}

nav ul li {
	padding: 5px 0px 0px 0px;
	}
	
nav ul li a {
	display: block;
	font-family: 'Signika', sans-serif;
	font-weight: 400;
	color: #98999c;
	font-size: 1.5em;
	text-decoration: none;
	background: url(../img/trenner.png) no-repeat left top;
	padding: 10px 0px 0px 0px;
	}

nav ul li a:active {
	color: #601d54;
	outline: none; 
	}
	
nav ul li a:hover {
	color: #601d54;
	}			

nav ul li a:focus {
	color: #601d54;
	-moz-outline-style: none;
	}	
	
nav ul li a:-moz-any-link:focus {
	color: #601d54;
	outline: none;
	}

nav ul li a:selection {
	color: #601d54;
	outline: none; 
	}
nav ul li.act a{
	color: #601d54;
	outline: none; 
}
.content_left {
	padding: 17px 0px 0px 30px;
	}
	
.content_right {
	padding: 25px 0px 0px 33px;
	}
.tb3sp{
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
.tb3sp div.col{
	float:left;
	width:30.4%;
	padding-right:4%;
	padding-bottom:15px;
}
.tb3sp div.col:nth-child(3n+3){
	padding-right:0%;
}
.tb3sp .content-img{
	padding:4%;
}
.tb3sp .content-img-caption{
	padding:2% 4% 0% 4%;
}
.tb2sp .col-left{
	float:left;
	width:68%;
	margin-right:2%;
}
.tb2sp .col-right{
	float:left;
	width:28%;
	margin-left:2%;
}
/* SLIDER **********/
.flexslider{
	width:96%;
	background: #fff;
	padding: 2%;
    -webkit-box-shadow: 3px 2px 5px #a5a7ab;
    -moz-box-shadow: 3px 2px 5px #a5a7ab;
    box-shadow: 3px 2px 5px #a5a7ab;

    border:0px;
    border-radius:0px;
    margin:0px;
}
.flex-control-nav{
	display:none;
}
.flex-direction-nav .flex-prev { 
	left: 10px;
}
.flex-direction-nav .flex-next { 
	right: 10px; 
	text-align: right;
}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flex-direction-nav a {
	margin-left:2%;
	margin-right:2%;
	color:white;
	height:60px;
	opacity: 0.7;
}
/* =============================================================================
   Media Queries
   ========================================================================== */

/* Tablet Portrait size to Base 996px */
@media only screen and (max-width: 1100px) {
	#header_content {
	    width: 90%;
	}
	.container {
	    width: 90%;
	}
	.container .grid_3 {
		width: 25%;
	}
	.container .grid_9 {
		width: 63%;
	}
}
@media only screen and (max-width: 750px) {
	.container .grid_3 {
		width: 25%;
		font-size:0.7em;
	}
	.container .grid_9 {
		width: 63%;
	}
}
@media only screen and (max-width: 550px) {

	#header_content {
	    width: 100%;
	}
	.container {
	    width: 100%;
	}
	.container .grid_3{
		float:none;
		width:91%;
		font-size:1em;
	}
	.container .grid_9{
		float:none;
		width:91%;
	}
	.tb2sp .col-left {
	    float: none;
	    margin-right: 0%;
	    width: 100%;
	}
	.tb2sp .col-right {
	    float: none;
	    margin-left: 0%;
	    width: 100%;
	}
	.address{
		display:none;
	}
}
@media only screen and (max-width: 350px) {
	.header_content-inner img {
	    max-width: 400%;
	    width: 400%;
	}
}
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {}