@font-face { font-family: Neon; src: url(NEON.TTF); } 
body{margin:0;}
.zm_navigation{
position:fixed;
z-index:999;
right:5px;
top:50%;
margin-top:-200px;
}
.zm_navigation ul{
	list-style:none;
	padding:0;
	
}
.zm_navigation li{
	width:16px;
	height:16px;
	background-color:#443737;
	border:2px solid white;
	margin-bottom:20px;
	box-shadow:  0px 0px 15px #444;	
	cursor:pointer;
	position:relative;
}

.zm_navigation li.active,.zm_navigation li:hover{
	background-color:red;

}
.zm_navigation li div.speechbubble{
	text-align:right;
	width:150px;
	margin-left:-170px;
	font-size:11px;
	color:white;
	
	}
.zm_navigation li div.speechbubble span{
	background: #473939; /* Old browsers */background: -moz-linear-gradient(-45deg,  #473939 0%, #000000 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#473939), color-stop(100%,#000000)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(-45deg,  #473939 0%,#000000 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg,  #473939 0%,#000000 100%); /* Opera 11.10+ */background: -ms-linear-gradient(-45deg,  #473939 0%,#000000 100%); /* IE10+ */background: linear-gradient(135deg,  #473939 0%,#000000 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#473939', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px 3px 3px 5px;
	border:1px solid #999;
	box-shadow:  0px 0px 15px #444;	
	}
.zm_navigation li div.triangle{
	position:absolute;
	/*border-color:#999;
    border-style:solid;
    float:left;
    height: 0;
    width: 0;
    border-width:11px;
	border-right-width:0;
    border-color:transparent transparent transparent #000;
	margin-left:-21px;
	top:-4px;*/
	background:url("../images/triangle.png");
	width:12px;
	height:12px;
	top:0;
	right:26px;
	}

.main{width:100%}
.top{z-index:10;width:100%;height:100px;background:#999;background-image:url(../images/wand.jpg);
}
.footer{
width:100%;height:200px;
background:#999;background-image:url(../images/wand.jpg);

}
.navi{height:70px;top:0;}
.navi .content{background:#fff;height:100%;width:100%;
}
.navi .content .logo{width:300px;position:absolute;}
.navi .content .navigation{width:300px;position:absolute}
.navi .content,.navi .triangle,.navi .triangle2{}
.navi .content ul{list-style:none;padding:0;margin:0;margin-top:5px;color:white}
.navi .content li{display:inline;margin-right:10px;}
.navi .content a{text-decoration: none;color:black;}
.navi .content a:hover{text-shadow: 0 0 10px #black;}

.top img{position:absolute;left:50%;margin-left:-400px}
.cont{position:relative;  height:460px;
background: #443737; /* Old browsers */background: -moz-linear-gradient(-45deg,  #443737 2%, #000000 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(2%,#443737), color-stop(100%,#000000)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(-45deg,  #443737 2%,#000000 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg,  #443737 2%,#000000 100%); /* Opera 11.10+ */background: -ms-linear-gradient(-45deg,  #443737 2%,#000000 100%); /* IE10+ */background: linear-gradient(135deg,  #443737 2%,#000000 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#443737', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
box-shadow:0px 0px 15px #444;
overflow-x:hidden;
}
.cont .pagination{position:absolute;left:50%;color:white;top:96.5%;margin-left:-40px}
.cont .pagination .page{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background:#fff;height:10px;width:10px;list-style: none;float:left;margin-left:5px;cursor:pointer;}

.cont .pagination li{
	display:inline;
	}

.cont .t1_slide{left:270px;margin-top:20px;position:absolute;}
.cont .t1_text{position:absolute;width:250px;top:75px;color:white;}
.cont .teaser{font-size:15px;color:#fff;opacity:0.3;}
.cont .t1_text .headline{margin-left:-20px}
.cont .t1_text .description{font-size:15px;text-shadow:1px 1px 2px #4b4b4b}

.cont .t2_slide{left:0px;margin-top:20px;position:absolute;}
.cont .t2_slide1{left:630px;margin-top:20px;position:absolute;}
.cont .t2_text{position:absolute;width:225px;top:75px;color:white;left:300px;text-align:center;}
.cont .t2_text .description{font-size:15px;text-shadow:1px 1px 2px #4b4b4b;margin-left:20px;}
.cont .t2_wifi1{position:absolute;width:250px;top:150px;color:white;left:220px;}
.cont .t2_wifi2{position:absolute;width:250px;top:150px;color:white;left:380px; -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

span,div{font-family: Helvetica, Arial,Liberation, Sans}

.page-active{background:red!important;}
.cont .leaf{position:absolute;left:50%;width:910px;margin-left:-440px}

.cont2{height:550px;background:url("../images/pixel2.png");font-size:15px;}
.colContainer{width:900px;position:absolute;left:50%;margin-left:-450px}
.colContainer .col{
float:left;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
margin-top:15px;
padding:3px;
background-color:rgba(0,0,0,0.1);
margin-right:5px;
border:1px solid rgba(0,0,0,0.12);
}
.colContainer .colWrapper{
	width:200px;float:left;border:1px solid silver;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
font-size:12px;
padding:5px;
background:#fff;
}
.shadowBottom{-webkit-box-shadow: inset 0px -10px 15px #444;	/* webkit browser*/ -moz-box-shadow: inset 0px -10px 15px #444;	/* firefox */ box-shadow: inset 0px -10px 15px #444;}
.shadowTop{-webkit-box-shadow: inset 0px 5px 10px #444;	/* webkit browser*/ -moz-box-shadow: inset 0px 5px 10px #444;	/* firefox */ box-shadow: inset 0px 5px 10px #444;}
.shadowInset{-webkit-box-shadow: inset 0px 0px 5px #ccc; /* webkit browser*/ -moz-box-shadow: inset 0px 0px 5px #ccc;	/* firefox */ box-shadow: inset 0px 0px 5px #ccc;}
.colContainer .textCol{height:380px;}
.colContainer .col .text{border-top:1px solid silver;margin-top:5px;padding-top:5px; padding:5px}

.cont3{height:500px;font-size:15px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
overflow-y:hidden;
position:relative;
padding-top:20px;
}
.cont3 .contentContainer{
position:relative;
}
.cont3 .content{
	position:absolute;
	top:0;
	width:100%;
	
	
}
.cont3 .text{
	position:absolute;
	top:0px;
	width:700px;
	height:300px;

	font-size:15px;
}
.cont3 .text .head{
	position:absolute;
	left:95px;
	top:1px;
	font-size:30px;
}
.cont3 .text .image{
	width:300px;
	float:left;
	margin-top:50px;
	-moz-box-shadow: 0px -2px 8px #000;
	-webkit-box-shadow:0px -2px 8px #000;
	box-shadow: 0px -2px 8px #000;
}
.cont3 .text .contentText{
	width:300px;
	position:absolute;
	top:40px;
	left:320px;
	text-align:justify;
	font-size:15px;
}
.cont3 .text .contentText2{
	width:620px;
	position:absolute;
	top:250px;
	left:0;
	text-align:justify;
	font-size:15px;
}
.cont3 .trennerContainer{
width:105%;
padding-top:10px;
overflow:hidden;
height:10px;
margin-left:-10px;
}
.cont3 .trenner{
width:90%;
border:1px solid silver;
margin-top:-21px;
margin-left:5px;
padding:5px;
border-radius: 5px;
box-shadow: 0px 0px 10px #666;
}
.cont3 .text span.headl{
/*color:#ffa3ea;font-family:Neon;*/
font-size:30px;
}
.cont3 .navi{
	position:absolute;
	left:700px;
	top:75px;
}
.cont3 .navi ul{
list-style:none;
padding:0px;
	border-left:1px solid #ccc ;
}
.cont3 .navi li{
cursor:pointer;
padding-bottom:16px;
padding-top:16px;
font-size:17px;
padding-left:20px;
}
.cont3 .navi li.active{
color:#ffa3ea;
border-left:3px solid #ffa3ea;
padding-left:17px;
}
.cont3 .navi li.active span{
border-bottom:1px dotted #ffa3ea;
}
.knowMorebtn{	border:solid silver	1px;padding:5px;/*background-image:url(../images/balken.png)*/;-webkit-border-radius: 4px;
	-khtml-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow:1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
	color:white;	
	text-align:center;
	margin-top:10px;
	cursor:pointer;
	
}
.knowMorebtn:hover{
background:#333;

}
.twitter iframe{
width:272px;

}
.shirt a{
	color:red;
	text-decoration:none;
	border-bottom:1px dashed red;
	
}
.rotate45{ 
-moz-transform:rotate(30deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(30deg); /* Safari */
-o-transform:rotate(30deg); /* Opera */
-ms-transform:rotate(30deg); /* IE9 */
transform:rotate(30deg); /* W3C */
}
.colWrapper.zmlite{
	background: #443737; /* Old browsers */background: -moz-linear-gradient(-45deg,  #443737 2%, #000000 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(2%,#443737), color-stop(100%,#000000)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(-45deg,  #443737 2%,#000000 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg,  #443737 2%,#000000 100%); /* Opera 11.10+ */background: -ms-linear-gradient(-45deg,  #443737 2%,#000000 100%); /* IE10+ */background: linear-gradient(135deg,  #443737 2%,#000000 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#443737', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}