/* mobile */
#menu {width: 100%; padding-top: 20px;}
#testimonial {display: none;}
.half {max-width: 100%; clear: both;}
.half .right {max-width: 100%; float: right;}
#wrap { background: none;}
#wrap_green { background: none;}
#logo { padding-top: 0; }
#slogan { max-width: 100%;}
#contentcontainer {padding-top: 10px;}
#content {padding: 0 10px 30px 10px;}
th.white{padding: 5px 0 5px 0;font-size: 12px;}
th.center{padding: 5px 0 5px 0;font-size: 12px;}
td.white{padding: 5px 0 5px 0;font-size: 13px;}
td.center{padding: 5px 0 5px 0;font-size: 13px;}
#frontpic{width: 90%}
#slogan {font-size: 30px; line-height: 35px;}
#slogan h1 {font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0;}

/*-----*/


small{font-size: 12px;}

/* 
######################################################################
					START CSS RESET
######################################################################
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { 
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }

/* 
######################################################################
					ENDE CSS RESET
######################################################################
*/



/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * buronord.ch
 * send-it.ch
 * arde.ch
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2014
 */

@font-face {
	 font-family: "LLAkkuratProWeb-Bold";
	 src: 	 url("fonts/lineto-akkurat-pro-bold-c.eot");
	 src: 	 url("fonts/lineto-akkurat-pro-bold-c.eot?#iefix") format("embedded-opentype"),
		 url("fonts/lineto-akkurat-pro-bold-c.woff") format("woff"),
		 url("fonts/lineto-akkurat-pro-bold-c.ttf") format("truetype"),
		 url("fonts/lineto-akkurat-pro-bold-c.svg#LLAkkuratProWeb-Bold") format("svg");
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	 font-family: "LLAkkuratProWeb-Light";
	 src: 	 url("fonts/lineto-akkurat-pro-light-c.eot");
	 src: 	 url("fonts/lineto-akkurat-pro-light-c.eot?#iefix") format("embedded-opentype"),
		 url("fonts/lineto-akkurat-pro-light-c.woff") format("woff"),
		 url("fonts/lineto-akkurat-pro-light-c.ttf") format("truetype"),
		 url("fonts/lineto-akkurat-pro-light-c.svg#LLAkkuratProWeb-Light") format("svg");
	 font-weight: normal;
	 font-style: normal;
}




* {margin:0;padding:0;} 
html, body { padding:0px; margin:0px; }
body { color: #FFF; font-size: 14px; font-family: Arial, Verdana,  Sans-Serif; margin: 0px; background: #3f3f3f url(images/bg_body_blue.gif) top repeat-x;}

.anmelden {background: #3f3f3f url(images/bg_body_green.gif) top repeat-x !important;}

#wrap { 
max-width: 1000px; 
text-align: left; 
margin: 0px auto; 
position: relative;
}
#wrap_green { 
max-width: 1000px; 
text-align: left; 
margin: 0px auto; 
position: relative;
}


#contentcontainer { /* für alle */
max-width: 960px; 
margin: 0 auto; 
padding-bottom:30px;  
position: relative;
background: #eaeaea;
height: 300px;
}
html>body #contentcontainer { /* be nice to opera (&gekko) */
max-width: 960px; 
margin: 0 auto; 
padding-bottom:30px;  
position: relative;
background: #eaeaea;
height: auto;
min-height: 300px;
}




#header { 
position: relative;
padding: 0px; 
height: 175px; 
/*! clear:both; */ 
width: 100%;
/*! margin-bottom: 110px; */
}

#logo { 
/*! max-width: 258px; */
height: 80px;
/*! position: absolute; */
padding-left: 20px;
/*! margin-bottom: 0; */
float: left;
}
#logo a img{border: none; text-decoration: none;}







/* 
######################################################################
					START MENU
######################################################################
*/

#menu{
/*! max-width:416px; */
float:right;
/*! position: absolute; */
/*! padding-right: 105px; */

height: 80px;
/*! align-content: left; */
}
#menu ul{
margin:0;
padding:0;
/*! max-width:485px; */
/*! display: block; */
}
#menu ul li{
list-style-type:none;
padding:0;
float:left;
}
#menu ul li a{
font-size: 14px !important;
color: #3F3F3F;
font-family: 'Verdana', arial, sans-serif;
padding: 15px 14px 0 14px;
height: 34px;
display: block;
text-decoration: none;
background: url(images/menu_bg.png) repeat-x top;
margin-left: 1px;
}
#menu ul li a:hover{
text-decoration: none;
color: #FFF;
background: url(images/menu_bg.png) repeat-x bottom;
}

#menu ul li.current_page_item a{
text-decoration: none;
color: #FFF !important;
background: url(images/menu_bg.png) repeat-x bottom !important;
}




#menu ul li.page-item-20 a{
font-size: 14px !important;
color: #3F3F3F;
font-family: 'Verdana', arial, sans-serif;
padding: 15px 14px 0 14px;
height: 34px;
display: block;
text-decoration: none;
background: url(images/menu_bg_anmelden.png) repeat-x top;
margin-right: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#menu ul li.page-item-20 a:hover{
text-decoration: none;
color: #FFF;
background: url(images/menu_bg_anmelden.png) repeat-x bottom;
}
#menu ul li.page-item-20.current_page_item a{
text-decoration: none;
color: #FFF;
background: url(images/menu_bg_anmelden.png) repeat-x bottom !important;
}

#menu ul li.page-item-12 a{
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

#menu ul li.page-item-14 a {
position: absolute;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-left: 1px solid #FFFFFF;
}



/* 
######################################################################
					ENDE MENU
######################################################################
*/








input.sbutt {
max-width: 10px !important;
height: 10px !important;
border: 0px solid #fff;
background: url(images/search.png) no-repeat;
text-indent: -9999px;
padding: 0 !important;
display: inline;
float: right;
cursor: hand !important;
cursor:pointer;
position: absolute;
right: 35px;
margin: 5px 0 0 0;
}
input.sfield{
float: left;
font-family: Arial, Verdana,  Sans-Serif;
font-size: 12px;
color: #000;
border: 1px solid #fff;
max-width: 107px;
margin-bottom: 0px;
padding: 2px 5px;
display: inline;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}



.searchresult {
background: url(images/line.gif) repeat-x bottom;
padding: 0 0 5px 0;
margin: 0 0 15px 0;
}












#headline{
height: 218px;
display: block;
position: relative;
}

#slogan {
font-family: 'LLAkkuratProWeb-Light',Arial, sans-serif;
color: #3F3F3F;
position: absolute;
left: 20px;
top: 30px;
}

#testimonial {
max-width: 410px;
height: 194px;
position: absolute;
right: 20px;
bottom: 0;
}




#anreisser {
font-family: 'LLAkkuratProWeb-Light',Arial, sans-serif;
font-size: 20px;
color: #567015;
line-height: 28px;
margin-bottom: 30px;
font-weight: bold;
}







#content {
max-width: 900px;
margin: 0 auto;
color: #3f3f3f;
font-size: 14px;
line-height: 1.5em;
font-family: Arial, Verdana, Sans-Serif;
overflow: hidden;
}

#content p{margin: 0 0 20px 0;}

#content h2{
font-family: 'LLAkkuratProWeb-Light',Arial, sans-serif;
color: #0F819C;
font-size: 30px;
line-height: 36px;
margin: 0 0 30px 0;
font-weight: normal;
}
#content h3{
font-weight: bold;
font-family: 'LLAkkuratProWeb-Light',Arial, sans-serif;
color: #0F819C;
font-size: 20px;
margin: 50px 0 15px 0; 
}
#content h3 a{color: #0F819C;}
#content h3 a:hover{color: #0F819C;}

#content h4{
font-family: 'LLAkkuratProWeb-Light',Arial, sans-serif;
color: #567015;
font-size: 20px;
margin: 50px 0 15px 0; 
font-weight: normal;
}

#content h5{
font-family: 'LLAkkuratProWeb-Light',Arial, sans-serif;
color: #0F819C;
font-size: 20px;
margin: 0 0 20px 0; 
font-weight: normal;
}




#content a{
color: #0F819C;
text-decoration: none;
}
#content a:hover{
color: #333;
text-decoration: none;
}


#content ul{margin: 0 0 25px 0;}

#content ul li{
padding: 16px 0;
background: url(images/line.gif) repeat-x bottom;
}










#colblock{
display: block;
clear: both;
margin-top: 10px;
padding: 30px 0;
background: url(images/line.gif) repeat-x top;
position: relative;
top: 30px;
overflow: hidden;
height: auto;
width: 920px;
}
.col {
max-width: 205px;
float: left;
margin-right: 25px;
overflow: hidden;
height: auto;
padding: 0 0 15px 0;
}
.last{
width: 205px;
margin-right: 0px;
}

.col img {
margin: 5px 0 10px 0;
}

.newsanreisser {
font-family: 'LLAkkuratProWeb-Light',Arial, sans-serif;
font-size: 20px;
color: #567015;
line-height: 28px;
margin-bottom: 20px;
}




/* Anmelden Button auf "Preise" */
a.butt_anmelden{
display: inline-block;
font-size: 14px !important;
color: #3F3F3F !important;
font-family: 'Verdana', arial, sans-serif;
padding: 15px 14px;
margin: 50px 0 0 0 !important;
text-decoration: none;
background: url(images/menu_bg_anmelden.png) repeat-x top;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
a.butt_anmelden:hover{
text-decoration: none;
color: #FFF !important;
background: url(images/menu_bg_anmelden.png) repeat-x bottom;
}





a.butt_more {
display: inline-block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #3f3f3f !important;
padding: 10px 35px;
background: url(images/menu_bg_anmelden.png) repeat-x top;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}



a.butt_more:hover {
color: #FFFFFF !important;
background: url(images/menu_bg_anmelden.png) repeat-x bottom;
}













#footer { 
padding:0; 
max-width:100%; 
height: 150px; 
text-align:left; 
clear:both; 
}

#footer-content{
padding: 22px 0 0 0; 
max-width:960px; 
margin: 0 auto;
font-family: 'LLAkkuratProWeb-Light';
color: #A8A7A7;
font-size: 15px; 
position: relative;
}

#footer1 {
max-width: 200px;
/*! position: absolute; */
left: 0;
padding-top: 3px;
float: left;
}
#footer2 {
max-width: 155px;
/*! position: absolute; */
left: 251px;
padding-top: 3px;
padding-right: 20px;
float: left;
}
#footer2 a{
color: #0F819C;
text-decoration: none;
}
#footer3 {
max-width: 155px;
/*! position: absolute; */
left: 400px;
border-left: 1px solid #8c8c8c;
padding: 3px 0 0 20px;
float: left;
}
#footer3 a{
color: #A8A7A7;
text-decoration: none;
padding-top: 3px;
}

#footer4{
position: absolute;
left: 480px;
max-width: 330px;
border-left: 1px solid #8c8c8c;
padding: 3px 0 0 20px;
}
#footer5{
max-width: 327px;
/*! position: absolute; */
right: 0px;
float: right;
}






a.demo-account{
font-size: 14px !important;
color: #3F3F3F;
font-family: 'Verdana', arial, sans-serif;
padding: 8px 18px 5px 18px;
height: 24px;
display: block;
text-decoration: none;
text-align: center;
background: url(images/bg_demo-account.png) repeat-x top;
margin-right: 20px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
a.demo-account:hover{
text-decoration: none;
color: #FFF;
background: url(images/bg_demo-account.png) repeat-x bottom;
}







#footer form {max-width: 300px !important; margin-top:0px !important;}

#footer form li {
border-bottom: none; 
padding: 0 !important;
background:none !important;
}


#footer form label{
max-width: 50px; 
float: left;
color: #A8A7A7;
font-size: 15px; 
margin: 0 5px 0 0;
padding: 0 0 0 2px;
}



#footer form input {
border: 1px solid #3f3f3f;
background: #a7a7a7; 
font-size: 12px; 
padding: 1px 3px;
padding:2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
max-width:180px;
margin: 0 0 3px 0;
}

#footer form input.sendbutton {
background: none !important;
color: #567015;
text-transform: uppercase;
font-size: 14px;
float: none;
margin-top: 0px !important;
padding: 1px 2px 1px 0;
letter-spacing: 1px;
max-width: auto !important;
}
#footer form. input.sendbutton:hover {
color: #0F819C;
}

#footer .cf_info {
font-size: 15px !important; 
}




blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }











/* ########################## Start Tabelle ########################## */
table{
max-width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 20px;
/*! font-size: 9px; */
}

th{
border-spacing:0px !important;
background: url(images/line.gif) repeat-x bottom;
/*! padding: 20px 20px 20px 0; */
/*! font-size: 14px; */
text-transform: uppercase;
color: #727271;
letter-spacing: 1px;
}

td{
border-spacing:0px !important;
background: url(images/line.gif) repeat-x bottom;
/*! padding: 20px 20px 20px 0; */
/*! font-size: 20px; */
}

th.white{
border-spacing:0px !important;
background:#FFF url(images/line.gif) repeat-x bottom;
text-transform: uppercase;
color: #727271;
text-align: center;
}
th.center{
border-spacing:0px !important;
background: url(images/line.gif) repeat-x bottom;
text-transform: uppercase;
color: #727271;
text-align: center;
}

td.white{
border-spacing:0px !important;
background: #FFF url(images/line.gif) repeat-x bottom;
color: #0F819C;
text-align: center;
}
td.center{
border-spacing:0px !important;
background: url(images/line.gif) repeat-x bottom;
color: #0F819C;
text-align: center;
}

/* ########################## Ende Tabelle ########################## */







table.clients{
max-width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 20px;
}

table.clients td{
border-spacing:0px !important;
background: url(images/line.gif) repeat-x bottom;
padding: 10px 20px 10px 0;
font-size: 14px;
}



.alignright{float: right;margin-left: 30px;}
.alignleft{float: left;margin-right: 30px;}

hr {
	height: 2px;
	background: url(images/line.gif) repeat-x bottom;
	border: none !important;
	margin: 25px 0;
}

strong {
	font-weight: bold;
}



@media only screen and (min-width: 768px) {
    #logo {width: 45%;}
    #menu {width: 45%; padding-top:75px;}
    .half {max-width: 435px;clear: none;}
    .half .right {max-width: 435px;float: right;}
	  #logo { padding-top: 46px; }
    #wrap { background: none;}
    #wrap_green { background: none;}
	  th.white{padding: 20px 20px 20px 0;font-size: 14px;}
	  th.center{padding: 20px 20px 20px 0;font-size: 14px;}
	  td.white{padding: 20px 20px 20px 0;font-size: 20px;}
	  td.center{padding: 20px 20px 20px 0;font-size: 20px;}
	  #frontpic{width: 435px}
	  #slogan {font-size: 40px; line-height: 45px;}
	.my-player-dimensions { height: 505px; width: 700px;}
	#modal { height: 505px; width: 700px;}
	
}

@media only screen and (min-width: 1000px) {
    #wrap { background: url(images/head_blue.jpg) no-repeat;}
    #wrap_green { background: url(images/head_green.jpg) no-repeat;}
    #testimonial {display: inline;}
	  #slogan { max-width: 480px;}
	  #contentcontainer {padding-top: 0;}
	  #content {padding: 0 0 30px 0;}
	.my-player-dimensions { height: 650px ; width: 900px;}
	#modal {  width: 900px; height: 650px;}
}

.pure-control-group hr{
	height: 2px;
	background: url(images/line.gif) repeat-x bottom;
	border: none !important;
	margin: 25px 0;
}
.pure-form-aligned .pure-control-group label{
	text-align: left !important;
}
.pure-form textarea {
	width: 50%;
}

.pure-button:hover {
    color: #FFFFFF !important;
    background: url(images/menu_bg_anmelden.png) repeat-x bottom !important;
}
.pure-button {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    color: #3f3f3f !important;
    padding: 10px 35px !important;
    background: url(images/menu_bg_anmelden.png) repeat-x top !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
}

.referenzen img{
 border: 1px solid lightgrey;
}
.referenzen img:hover{
 border: 1px solid black;
}

ul.bulletlist {
    list-style: circle inside;
}
ul.bulletlist li {
    padding: 3px 5px !important;
    background: none !important;
}

.wpsisac-slick-slider.design-1 .wpsisac-image-slide img{
	max-width: 900px !important;
}