* {
    padding:0;
    margin:0;
}

html, body {
    height: 100%;
}

body{
    background-color:#f4f4f4;
     -webkit-font-smoothing: antialiased;
    font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2{
    font-size:40px;
    padding-bottom:20px;
    text-transform:uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight:300;
}

.texthl{
       
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Titillium Web', sans-serif;   
}

h3{
    font-weight:bold;
    font-size:25px;
}

h1{
    font-weight:300;
    font-size:53px;
}

h5{
    font-weight:200;
    font-size:45px;
    margin-top: -20px;
    
}

h6{
    font-size:80px;
    font-weight:300;
    color:;
    text-align:center;
}

span{
    text-align:center;   
}

span a{
    color:white;
    font-weight:bold;
    text-decoration:none;
}

span a:hover{
    color:lightgrey;
}

hr{
    color:rgba(0,0,0,0.2);
}

.right{
    float:right;
}

.center{
    text-align:center;   
}

#wrapper {
    width:100%;
    height:auto;
}

.claim{
    position:absolute;
    left:50%;
    z-index:1000;
    margin-left:;
    width:100%;
    max-width:1000px;
    margin-left:-500px;
    text-align:center;
    top:50%;
    margin-top:-50px;
    height:130px;
    color:white;
    background-color:rgba(59,89,152,0.6);
}

#logonav{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    height:30px;
    padding-top:15px;
}

.logo {
    width:190px;
    height:50px;
    float:left;
    margin-right:150px;
}

.logo img{
}

nav{
    padding-top:25px;
}


nav ul li {
    float:left;   
    list-style-type:none;
    margin-right:50px;
    height:auto;
}

nav ul li a{
    text-decoration:none;
    color:white;
    font-size:15pt;
    
    
}

nav ul li a:hover{
    color:lightgrey;
}

#topbar {
    position:absolute;
    background-color:rgba(59,89,152,0.7);
    height:80px;
    width:100%;
    margin-top:20px;
    z-index:100;
}

#slides {
    width:100%;
    height:auto;
}

#slides img {
    width:100%;   
}

#content {
    width:100%;
    max-width:1000px;
    margin:0 auto;
    height:auto;
}

section{
    padding:50px 0 50px 0;
    height:auto !important;
    min-height: 560px;
}

article{
    float:left;
    width:30%;
    margin-right:33px;
    height:auto;
}

article p{
    text-align:left;
}

article img{
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2);
    width:100%;
}

.big{
    margin-top:50px;
    width:100%;
    height: 630px;
    margin-bottom: 80px;
}

.medium{
    width:42%;   
}

.small{
    width:290px;   
}


.box:hover{
    color:white;
    background-color:rgb(59,89,152);
}

.box{
    background-color:white;
    padding:5px 15px 10px 15px;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2);
    margin-right:15px;
    margin-bottom:15px;
}

.box p{
    min-height:160px;   
}

.last{
    margin-right:0 !important;   
}


footer {
    background-color:rgba(59,89,152,1);
    height:100px;
}

footer span{
    color:white;
}

.footerline{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding-top: 30px;
}

.callback{
    float:left;
    width:300px;
    margin-left:30px;
}

.buchen{
    float:left;
    width:600px;
}

.phrase{
    height:auto !important;
    min-height:100%;
    margin-bottom:15px;
    margin-top:15px;
}

.gotop{
    background-color:white;
    width:50px;
    height:50px;
    
}

/* Slider CSS */
#slides .slidesjs-navigation {
      margin-top:3px;
       visibility:hidden;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
        visibility:hidden;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

/* Slider CSS ENDE */

/* CSS3 Buttonstyle */

.button, .button:visited {
	background: #222 url(overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.sma.button, .sma.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.med.button, .med.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.button, .super.button:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
	
	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						    { background-color: #749a02; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2981e4; }
	.blue.button:hover							{ background-color: #2575cf; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }

/* CSS3 Buttonstyle ENDE */

/* Kontaktformular */

.form{
    width: 100%;
    max-width: 1000px;
    margin:0 auto;
    margin-bottom: 50px;
}

.label {
    display: block;
    font-size: 15pt;
    margin-top: 2%;
}
#full_name_buchen, #full_name_callback, #full_name {
    height: 30px;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 5px;
}
#tel_buchen, #tel_callback, #tel {
    height: 30px;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 5px;
}
#mail_buchen, #mail {
    height: 30px;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 5px;
}
.textarea, .textarea_buchen {
    height: 150px;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 5px;
}

#full_name_buchen, #tel_buchen, #mail_buchen, .textarea_buchen{
    max-width:400px;
}

/* Kontaktformular ENDE */