/*
Projekt: Bileico
Start: 27.05.2013
*/
/* Farbschema
Farbton (Background): #f3f3f3
Farbton (�berschriften): #1d1d1d / #2cbcff
Farbton (Schrift): #1d1d1d
Farbton (Links): #1d1d1d
Farbton (Limks:hover): #2cbcff
Farbton (Footer): #4b4b4b
Farbton (Footerschrift): #ffffff
Farbton (Rahmen): #b3b3b3
*/
/* Reset Reloaded, Eric Meyer, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

html{height:100.2%}

body {
height: 100%;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:1;
color:#1d1d1d;
background-color: #ffffff;
}

ul, ol{
list-style: none;
}

.ebene2{
margin: 1.0em 1.8em;
}

a{
text-decoration: none;
color: #000000;
}

a:hover{
color: #2cbcff;
}

p {
font-size:1.0em;
line-height:1.4em;
margin:0 0 1.4em 0;
}

.border{
border: 1px solid #b3b3b3;
padding: 5px;
}

em {
font-size: 0.9em;
font-style: italic;
}

h1 {
font-family: Helvetica, Arial, sans-serif;
font-size:1.5em;
font-weight: bold;
line-height:1.5em;
margin-top:1em;
margin-bottom:0;
color: #1d1d1d;
letter-spacing: 1px;
}

h2{
font-family: Helvetica, Arial, sans-serif;
font-size:2.1em;
font-weight: bold;
line-height:2.0em;
margin-top:0.6em;
margin-bottom:0.6em;
color: #1d1d1d;
letter-spacing: 1px;
}

h2.blue{
color: #2cbcff;   
}

h3 {
font-family: Helvetica, Arial, sans-serif;
font-size:1.3em;
font-weight: bold;
line-height:1.3em;
margin-top:0.4em;
margin-bottom:0.6em;
color: #1d1d1d;
letter-spacing: 1px;
}

h4 {
font-family: Helvetica, Arial, sans-serif;
font-size:1.1em;
font-weight: bold;
line-height:1.1em;
margin-top:1.5em;
margin-bottom:0;
color: #1d1d1d;
letter-spacing: 1px;
}

.clear{
clear: both;
}

.blue{
color: #2cbcff;
font-weight: bold;
}

.bold{
font-weight: bold;
}

.big{
font-size:1.3em;
line-height:1.55em;
margin:0 0 1.2em 0;
}

/*Header Anfang*/
#header{
width: 100%;
padding: 10px 0px;
background: #f3f3f3;
box-shadow: 0px 1px 4px rgba(0,0,0,0.45);
}


#header_container{
margin: 0px auto;
width: 980px;
height: 75px;
}

#logo{
float: left;
width: 179px;
height: 75px;
}

#logo img{
}

#logo h1{
margin: 0px;
padding: 0px;
}

#nav{
float: right;
margin: 0;
width: 801px;
height: 75px;
line-height: 75px;
text-align: right;
overflow: hidden;
}

#nav ul{
margin:0;
padding:0;
}

#nav li{
display: inline;
margin: 0px;
padding: 0px;
}

#nav a{
letter-spacing: 1px;
font-size:1.1em;
text-decoration: none;
color: #1d1d1d;
margin: 0px 0px 0px 20px;
}

#nav a:hover{
color: #2cbcff;
}

#nav a.current{
color: #2cbcff;
}
/*Header Ende*/

#wrapper{
margin: 0px auto;
width: 980px;
min-height: 100%;
min-height: calc(100% - 125px);
min-height: -webkit-calc(100% - 125px);
min-height: -moz-calc(100% - 125px);
overflow: hidden;
}

/*Teaser Anfang*/
#teaser{
width: 440px;
float: left;
margin: 20px 0px 0px 0px;
}

#teaser_link{
margin-top: 30px;
line-height: 45px;
text-align: center;
overflow: hidden;
}

.registration {
    padding: 11px 22px;
    text-align: center;
    background-color: #8ED478;
    background-image: -moz-linear-gradient(center bottom , #7DC567 0%, #A3E78D 100%);
    border: 1px solid #6DB157;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #FFFFFF !important;
    font-size:1.4em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(80, 154, 56, 0.76);
}

.registration:hover {
    background-color: #8ED478;
    background-image: -moz-linear-gradient(center bottom , #97DB81 0%, #97DB81 100%);
    border: 1px solid #6DB157;
    border-radius: 4px;
}

#teaser_img{
width: 520px;
height: 330px;
float: right;
margin: 40px 0px 0px 20px;
overflow: hidden;
text-align: center;
background-repeat: no-repeat;
}



/*Funktionen Anfang*/
#functions_coloumn{
margin: 60px 0px 60px 0px;
padding: 5px 0px 0px 0px;
clear: both;
width: 980px;
height: 160px;
}

#functions_coloumn h3 {
font-family: Helvetica, Arial, sans-serif;
font-size:1.3em;
font-weight: bold;
line-height:1.3em;
margin-top:0.8em;
margin-bottom:1.3em;
color: #1d1d1d;
letter-spacing: 1px;
}

#functions_coloumn a.functions{
background: url(/img/functions_link.png) center right no-repeat;
padding: 12px 30px 5px 30px;
float: right;
color: #1d1d1d;
text-decoration: none;
z-index: 1;
}

#functions_coloumn a.functions:hover{
color: #2cbcff;
}

#functions_coloumn a.functions span{
position: absolute;
margin-top: -450px;
margin-left: -105px;
display:none;
z-index: 2;
}

#functions_coloumn a.functions span.last{
position: absolute;
margin-top: -450px;
margin-left: -508px;
display:none;
z-index: 2;
}

#functions_coloumn a.functions:hover span {
display:block;
}

#functions_coloumn img.smal{
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
}

.functions_line_left{
width: 212px;
height: 160px;
float: left;
margin-right: 22px;
}

.functions_line_right{
width: 212px;
height: 160px;
float: left;
margin-left: 23px;
}

.functions_line_center_left{
width: 212px;
height: 160px;
float: left;
padding:  0px 21px;
border-left: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
}

.functions_line_center_right{
width: 212px;
height: 160px;
float: left;
padding:  0px 21px;
border-right: 1px solid #b3b3b3;
}

/*Funktionen Ende*/

/*Footer Anfang*/
#footer{
width: 100%;
background: #4b4b4b;
}


#footer_container{
margin: 0px auto;
width: 980px;
height: 30px;
}

#footer_nav{
margin: 0;
line-height: 30px;
overflow: hidden;
}

#footer_nav ul{
margin:0;
padding:0;
}

#footer_nav li{
display: inline;
margin: 0px;
padding: 0px;
}

#footer_nav a{
font-size:1.0em;
text-decoration: none;
color: #ffffff;
padding: 0px 10px;
border-right: 1px solid #ffffff;
}

#footer_nav a[href*="impressum"]{
    border-right: none;
}

#footer_nav a:hover{
color: #2cbcff;
}

/*Footer Ende*/

/*Registrierung Anfang*/
.form_registration{
width: 290px;
height: 400px;
padding: 0px;
}

.form_registration a{
text-decoration: underline;
}

.form_registration a:hover{
text-decoration: none;
}

.input_registration{
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size:1.3em;
line-height:1.3em;
width: 278px;
height: 28px;
padding: 0px 5px;
}

.label_registration{
margin-left: 4px;
}

.checkbox_registration{
float: left;
margin-right: 10px;
}
/*Registrierung Ende*/

/*Preise Anfang*/

#preise{
width: 980px;
border-right: 1px solid #b3b3b3;
border-top: 1px solid #b3b3b3;
border-spacing: 0px;
margin-bottom: 10px;
}

#preise th{
color: #ffffff;
background: #4b4b4b;
font-size:1.8em;
font-weight: bold;
line-height:2.0em;
border-bottom: 1px solid #b3b3b3;
}

#preise td{
width: 160px;
font-size:1.3em;
line-height:2.4em;
border-left: 1px solid #b3b3b3;
border-bottom: 1px solid #b3b3b3;
text-align: center;
}

#preise .coloumn01{
width: 170px;
text-align: left;
padding-left: 10px;
}


#coloumn_left{
float: left;
margin-right: 50px;
width: 440px;
}

#coloumn_right{
float: left;
margin-left: 50px;
width: 440px;
}

.faq_question{
font-size:1.0em;
line-height:1.4em;
margin:0 0 0.8em 0;
padding-left: 20px;
background: url(/img/list_faq.png)left center no-repeat;    
}

.faq_answer{
display: none;
}

.faq_answer p{
font-size:1.0em;
line-height:1.4em;
margin:0 0 0.8em 0;
padding-left: 20px;
background: none;
color: #2cbcff;
}
/*Preise Ende*/

/*Kantakt Anfang*/

#right{
float: right;
width: 270px;
margin-left: 20px;
}

.form_kontakt{
width: 669px;
padding: 0px 20px 10px 0px;
border-right: 1px solid #b3b3b3;
}

.kontakt_coloumn_left{
width: 314px;
float: left;
margin-right: 20px;
}

.kontakt_coloumn_right{
width: 314px;
float: left;
margin-left: 20px;
}

.input_kontakt{
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size:1.2em;
line-height:1.3em;
width: 300px;
height: 32px;
padding: 0px 5px;
}

.input_custom_login{
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size:1.2em;
line-height:1.3em;
width: 100%;
height: 23px;
box-sizing: border-box;   
/*padding: 0px 5px;*/
overflow:hidden;
padding-left: 5px;
}

.clf_pos {
width:94%;
margin-left: 3%; 
margin-right: 3%;
}

.textarea_kontakt{
font-family: Helvetica, Arial, sans-serif;
border: 1px solid #b3b3b3;
border-radius: 4px;
font-size:1.2em;
line-height:1.3em;
width: 656px;
min-height: 192px;
padding: 5px 5px;
resize: vertical;
}

.label_kontakt{
margin-left: 5px;
}

.checkbox_kontakt{
float: left;
margin-right: 10px;
}

.send{

padding: 11px 22px;
text-align: center;
background-color: #8ED478;
background-image: -moz-linear-gradient(center bottom , #7DC567 0%, #A3E78D 100%);
border: 1px solid #6DB157;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
color: #FFFFFF !important;
font-size:1.4em;
font-weight: bold;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(80, 154, 56, 0.76);
cursor: pointer;
}

.send:hover {
background-color: #8ED478;
background-image: -moz-linear-gradient(center bottom , #97DB81 0%, #97DB81 100%);
border: 1px solid #6DB157;
border-radius: 4px;
}
/*Kantakt Ende*/

/*Filme Anfang*/

#videoarea{
width: 972px;
height: 538px;
margin: -10px 0px 20px 4px;
overflow: hidden;
box-shadow: 2px 2px 4px rgba(0,0,0,0.45), -2px 0px 4px rgba(0,0,0,0.45);
cursor: pointer;
}



span.time{
float: right;
padding-right: 10px;
}


/*Tour Beginn*/

#sidebar{
float: right;
background: #f3f3f3;
width: 270px;
min-height: 440px;
padding: 20px 10px;
margin-bottom: 30px;
margin-left: 20px;
}

#teaser_link{
margin-top: 30px;
line-height: 45px;
text-align: center;
overflow: hidden;
}

#sidebar .registration {
    padding: 11px;
    text-align: center;
    background-color: #8ED478;
    background-image: -moz-linear-gradient(center bottom , #7DC567 0%, #A3E78D 100%);
    border: 1px solid #6DB157;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #FFFFFF !important;
    font-size:1.2em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(80, 154, 56, 0.76);
}

#sidebar .registration:hover {
    background-color: #8ED478;
    background-image: -moz-linear-gradient(center bottom , #97DB81 0%, #97DB81 100%);
    border: 1px solid #6DB157;
    border-radius: 4px;
}

.tour_img{
width: 644px;
height: 476px;
border: 1px solid #b3b3b3;
margin-bottom: 30px;
margin-left: 2px;
margin-right: 20px;
box-shadow: 2px 2px 4px rgba(0,0,0,0.45), -2px 0px 4px rgba(0,0,0,0.45);
}

#sidebar h3{
text-align: center;
margin-bottom: 1.8em;
}


#tournavi{
height: 60px;
margin-bottom: 40px;
}

#tournavi li{
display: inline-block;
text-align: center;
color: #ffffff;
font-size: 3.4em;
}

#tournavi .this{
background: #2cbcff;
border-radius: 30px 30px 30px 30px;
color: #FFFFFF;
height: 40px;
width: 60px;
margin: 0px 60px 0px 60px;
padding: 10px 0px;

}

#tournavi .next, #tournavi .prev{ 
border-radius: 20px 20px 20px 20px;
height: 40px;
width: 40px; 
top: 10px;
position: relative;
overflow: hidden;
}

#tournavi .next a{
display: block;
height: 40px;
width: 40px;
border-radius: 20px 20px 20px 20px;
background: #b3b3b3 url(/img/next.png) no-repeat;
}


#tournavi .next a:hover{
background: #cccccc  url(/img/next.png) no-repeat;;
}

#tournavi .prev a{
display: block;
height: 40px;
width: 40px;
border-radius: 20px 20px 20px 20px;
background: #b3b3b3 url(/img/prev.png) no-repeat;
}


#tournavi .prev a:hover{
background: #cccccc url(/img/prev.png) no-repeat;;
}
/*Tour Ende*/

/*Link Nutzungsbedingungen*/
#nutzungsdownload{
margin: 30px;
}

div.message, div.message_success{
	margin: 20px 0px 10px;
	font-size: 1.3em;

    background-color: #F7EDC8;
    padding: 4px;
}

.clickable {
    cursor: pointer;
}