@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0;}
body {background:#aeaeae;}

/*h1 {
	color:#cc0000;
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 1px #4d4d4d;
	margin-bottom:5px;
	margin-top:15px;
}*/
h1 {
	font-size:28px;
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 1px #4d4d4d;
	margin-bottom:15px;
	margin-top:15px;
	text-align:center; width:100%; padding:10px 0px 10px 0px; background:#cc0000; color:white;
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc4747 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc4747), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cc4747 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cc4747 0%,#cc0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cc4747 0%,#cc0000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cc4747 0%,#cc0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4747', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
	border: 1px solid #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
h2 {
	color:#cc0000;
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 1px #4d4d4d;
	margin-bottom:5px;
	margin-top:15px;
	}

h3 {
	color:#cc0000;
	font-family: 'Oswald', sans-serif;
	text-shadow: 0px 1px 1px #4d4d4d;
	margin-bottom:5px;
	margin-top:15px;
}

h4 {font-size:16px;}

p {
	line-height:24px;
	font-size:18px;
	font-family: 'Gentium Basic', serif;
}

#right-content p {
	line-height:44px;
	font-size:18px;
	font-family: 'Gentium Basic', serif;
}

#wrapper {
	width:1020px;
	margin:0 auto;
	background:white;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	}
	
/*NAVIGATION*/

nav {
    width: 1020px;
}
nav ul {
    padding: 0px;
    margin: 0px;
	font-family: 'PT Sans Narrow', sans-serif;
}
nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
    nav ul,nav ul li{
    background-color: #cc0000;
}
    nav ul li {
    list-style: none;
    float:left;
}

nav ul li:hover > ul {
    visibility: visible;
}
nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
	border:1 px solid #cc0000;
}
nav ul li ul li{
    float: none;
}
nav ul li ul li a:hover{
    color: #333;
}

nav ul {
    padding: 0px;
    margin: 0px;
 
}
nav ul li {
list-style: none;
    float:left;
}
nav ul li a {
	color:white;
    text-decoration: none;
    display: block;
    padding: 14px 34px 14px 34px;
 
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
}
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: black;
}
nav ul li:hover > a {
    color: #FAFAFA;
	text-decoration:underline;
}
nav ul li ul li a {
    color: #FAFAFA;
    padding: 7px 34px 7px 34px;
}
nav ul li ul li a:hover{
    color: #fff;
    background-color: #cc0000 !important;
	text-decoration:underline;
}

#breadcrumbs {
	color:#868686;
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	padding-left:20px;
	padding-top:10px;
}
#breadcrumbs2 {
	color:#868686;
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	padding-top:20px;
}

#breadcrumbs a {color:#868686;}
#breadcrumbs2 a {color:#868686;}

#slideshow {
	height:500px;
	background:white;
	padding-top:40px;
	box-sizing:border-box;
	background-size:contain;
}

#titel {
	z-index:0;
	font-family: 'Oswald', sans-serif;
	position:absolute; 
	bottom:270px;color:white; 
	box-sizing:border-box;
	padding-left:30px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.5);
	width:1020px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:70px;
}

#sub-titel {
	font-family: 'Oswald', sans-serif;
	position:absolute; 
	padding-right:30px;
	letter-spacing:13px;
	text-align:right;
	bottom:220px;color:white; 
	box-sizing:border-box;
	padding-left:30px;
	background: rgb(204,0,0);
	background: rgba(204,0,0,0.5);
	width:1020px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:25px;
}


/****************************************************************************************/
#button-box {background:black;color:white;margin:0 auto;}

#box1 {
	font-family: 'Francois One', sans-serif;
	font-size:36px;
	width:33%;
	float:left;
	text-align:center;
	background:#cc0000;
	padding:40px 0px 40px 0px;
	border-right:1px solid white;
	box-sizing:border-box;
	background: #cc0000; /* Old browsers */
	-webkit-transition: all 0.3s linear;
	-khtml-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}
	
#box1:hover {
		background:black;
			color:#fff;}
			
#box2:hover {
		background:black;
			color:#fff;}
	
	
#box2 {
	font-family: 'Francois One', sans-serif;
	font-size:36px;
	width:34%;
	float:right;
	text-align:center;
	background:#cc0000;
	padding:40px 0px 40px 0px;
	background: #cc0000; /* Old browsers */
	-webkit-transition: all 0.3s linear;
	-khtml-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}
	
	
#button-box a {text-decoration:none;color:white;}



#kontakt-content {margin-top:120px;padding-top:20px;background:white;height:800px;padding:0px 20px 0px 20px;;text-align:left;}

label {
	cursor:pointer;
	}

form {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; 
	font-weight:lighter; 
	font-size:14px;
	}
	
#kontaktform {margin:0 auto; width:300px;}

textarea {
  border:1px solid #aaa;
  width:250px;
  border-radius:4px;
}

input {
	border:1px solid #aaa;
	width:250px;
	border-radius:4px;
	height:20px;
	}
	
	
#submit {
	border:none;
	height:50px;
	font-size:20px;
	color:white;
	cursor:pointer;
	background: #cc0000; 
	}
	


#content {display:table-row;background:white;}

#content-left {
	display: table-cell;
	padding:20px 20px 40px 20px;
	width:75%;
	min-width:750px;
	border-right:1px solid #D8D8D8;
	box-sizing:border-box;float:left;
}
#content-right {
	display: table-cell;
	padding:0px 20px 20px 20px;
	width:25%;padding-left:30px;
	box-sizing:border-box;
	min-width:201px;
	float:left;
}

#footer {
	height:300px;
	float:left;width:100%;
	padding:20px;
	box-sizing:border-box;
	background: #cc0000; /* Old browsers */
	-webkit-box-shadow: inset 0px 17px 12px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 17px 12px -16px rgba(0,0,0,0.75);
	box-shadow: inset 0px 17px 12px -16px rgba(0,0,0,0.75);

}

#foot-box1 {
	float:left;
	width:200px; 
	height:200px; 
	border-radius:50%;
	background-color:white; 
	background-image:url(../images/logo_bg.jpg);
	background-size:contain;
		-webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
	}
	
#foot-box2 {
	float:left;
	width:35%;
	list-style:none;
	border-left:1px solid #ffffff;
	box-sizing:border-box;
	padding:0px 30px 10px 30px;
	margin-left:40px;
	color:white;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; 
	font-weight:lighter; 
	font-size:11px;
	line-height:35px;
	}

#foot-box2 a {color:white;}
#foot-box2 ul {
	list-style:none;
	
}

#mobile_foot {display:none;}
.handy-navi {display:none;}