@import url(/gfonts/gfonts.php?family=Open+Sans:400,300&subset=latin,latin-ext);
body { background: url('../../media/startstart/body_bg.jpg') no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; }
body, html { height:100%; }
a { color:#032552; text-decoration:none; }
a:hover { color:#0032552; text-decoration:underline; }
input { font-family: 'Open Sans', sans-serif; }
.clear { clear:both; }
hr { border-top:1px solid #595959; }
h1, h2, h3, h4, h5, h6 { color:#000; margin-top:0; font-weight:normal; font-family: 'Open Sans', sans-serif; }

.container-fluid { padding-left:32px; padding-right:32px; }
header { width:100%; position:relative; z-index:10; }

.img-thumbnail { border-radius:0; width:100%; border:0px; padding:0px; }
.scene { position:absolute; top:0px; bottom:0; left:0; height:300%; overflow:hidden; right:0; }
.scene > div { position:absolute; bottom:0; }
.star-1 { height:100%; width:100%; background: url('../../media/startstart/star-1.png') center center; position:absolute; left:0px; top:0px; z-index:10; }	  
.star-2 { height:100%; width:100%; background: url('../../media/startstart/star-2.png') center center;  position:absolute; left:0px; top:0px; z-index:12; }
.star-3 { height: 100%; width: 100%; background: url('../../media/startstart/star-3.png') center center;  position:absolute; left:0px; top:0px; z-index:13; }

.wrapper { overflow:hidden; position:relative; }

header { position:relative; width:100%; z-index:15; min-height:36px; }
#navi-top .navbar-toggle { background:#fff; border:1px solid #fff; border-radius:0px;  top:0px; position:relative; float:right; }
#navi-top .navbar-toggle .icon-bar { background-color: #000; display: block; height: 2px; width: 22px; text-align:center; }
#navi-top .navbar-toggle:hover { background:#000; border-color:#fff; }
#navi-top .navbar-toggle:hover .icon-bar { background-color: #fff; }
#navi-top { width:100%; }
#navi-top .navbar-header { background:#080d27; width:100%; }

#navi-top .icons { float:left; }
#navi-top .icons ul { list-style:none; margin:0px; padding:11px 0 0 0; }
#navi-top .icons li { float:left; margin-right:6px; }
#navi-top .icons img { display:block }

#navi-top .langs { float:right; font-size:11px; color:#fff; line-height:36px; height:36px;}
#navi-top .langs select { background:#fff; border:none; color:#080d27; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; padding:0 3px 0 3px; }

#navi-top .langs .tx-srlanguagemenu-pi1 {margin:0;padding:0;display:inline;}
#navi-top .langs .tx-srlanguagemenu-pi1 #sr_language_menu_form {margin:0;padding:0;display:inline;}
#navi-top .langs .tx-srlanguagemenu-pi1 #sr_language_menu_form fieldset {margin:0;padding:0;display:inline;}
#navi-top .langs .tx-srlanguagemenu-pi1 #sr_language_menu_form fieldset legend {display:none !important;}
#navi-top .langs .tx-srlanguagemenu-pi1 #sr_language_menu_form fieldset labelx {display:none !important;}

#navi-top .nav { margin:0 10% 0 0; padding:0px; float:right; }
#navi-top .nav > li { margin:0; padding:0px; }
#navi-top .nav > li > a { font-size:13px; padding:0px 17px 0px 17px; color:#fff; height:36px; line-height:36px; }
#navi-top .nav .active a ,#navi-top .nav > li > a:hover  { background:#0060ff; }

#content { width:100%; position:relative; z-index:20;}
#content .logo { margin-top:19px; }	  

#content .main-text { background: url('../../media/startstart/circle_main.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden !important; position:absolute; left:184px; top:26px; font-size:14px; color:#fff; font-weight:300; display:block !important; text-align:center;}
#content .main-text strong { display:block; }

#content .none { display:none; visibility:hidden; }

#content .circle-1 { margin:31px 0 0 45px; }
#content .circle-1 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-1 a:hover img { border-color:#2daae1; }
#content .circle-1 .text { display:none; background: url('../../media/startstart/circle_1.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:184px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-1 .text p { height:200px; overflow:hidden; }
#content .circle-1 .text strong { display:block; }

#content .circle-2 { margin:5px 0 0 0px; }
#content .circle-2 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-2 a:hover img { border-color:#2daae1; }
#content .circle-2 .text { display:none; background: url('../../media/startstart/circle_2.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:184px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-2 .text p { height:200px; overflow:hidden; }
#content .circle-2 .text strong { display:block; }

#content .circle-3 { margin:5px 0 0 45px; }
#content .circle-3 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-3 a:hover img { border-color:#009354; }
#content .circle-3 .text { display:none; background: url('../../media/startstart/circle_3.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:184px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-3 .text p { height:200px; overflow:hidden; }
#content .circle-3 .text strong { display:block; }

#content .circle-4 { margin:31px 0 0 105px; }
#content .circle-4 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-4 a:hover img { border-color:#0063af; }
#content .circle-4 .text { display:none; background: url('../../media/startstart/circle_4.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:-316px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-4 .text p { height:200px; overflow:hidden; }
#content .circle-4 .text strong { display:block; }

#content .circle-5 { margin:5px 0 0 155px; }
#content .circle-5 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-5 a:hover img { border-color:#64b8e1; }
#content .circle-5 .text { display:none; background: url('../../media/startstart/circle_5.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:-316px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-5 .text p { height:200px; overflow:hidden; }
#content .circle-5 .text strong { display:block; }

#content .circle-6 { margin:5px 0 0 105px; }
#content .circle-6 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-6 a:hover img { border-color:#4db7e6; }
#content .circle-6 .text { display:none; background: url('../../media/startstart/circle_6.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:-316px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-6 .text p { height:200px; overflow:hidden; }
#content .circle-6 .text strong { display:block; }

#content .circle-7 { margin:-20px 0 0 145px; }
#content .circle-7 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-7 a:hover img { border-color:#2daae1; }
#content .circle-7 .text { display:none; background: url('../../media/startstart/circle_1.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:184px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-7 .text p { height:200px; overflow:hidden; }
#content .circle-7 .text strong { display:block; } 

#content .circle-8 { margin:-20px 0 0 5px; }
#content .circle-8 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-8 a:hover img { border-color:#0063af; }
#content .circle-8 .text { display:none; background: url('../../media/startstart/circle_4.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:-316px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-8 .text p { height:200px; overflow:hidden; }
#content .circle-8 .text strong { display:block; }	

#content .circle-9 { margin:-90px 0 0 325px; }
#content .circle-9 img { background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; border:6px solid #fff; }
#content .circle-9 a:hover img { border-color:#2daae1; }
#content .circle-9 .text { display:none; background: url('../../media/startstart/circle_main.png') left top no-repeat; width:452px; height:452px; padding:100px 60px 120px 60px; overflow:hidden; position:absolute; left:184px; top:26px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
#content .circle-9 .text p { height:200px; overflow:hidden; }
#content .circle-9 .text strong { display:block; }

#content img.empty {background:none !important; border:6px solid transparent;}


#content .news-box { float:right; }
#content .news { background: url('../../media/startstart/news_bg.png') left top; padding:8px 20px 15px 20px; margin-top:10px; }
#content .news > div { margin-bottom:10px; }
#content .slide p {font-size:13px; color:#fff; margin-top:5px;xmargin-bottom:5px; }
#content .slide  strong { font-size:13px; color:#fff; text-align:center; display:block; margin-top:5px; }
#content .slide img { display:block; margin:0px auto; margin-top:4px; }
#content .ststnewsheader {font-size:13px; color:#fff; margin-top:12px;font-weight:bold;text-align:center;xcolor:#0060ff;}
#content .xdivider {width:80%;text-align:center;}
#content .divider { 
    margin: 25px 0;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)), color-stop(50%, white));
    background: -moz-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)), color-stop(50%, white));
    background: gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)), color-stop(50%, white));
}

.copy { font-size:11px; color:#fff; text-align:center; padding:90px 0 20px 0; }



@media (max-width: 1200px) {
#content .circle-1 .text ,#content .circle-2 .text ,#content .circle-3 .text ,#content .circle-7 .text ,#content .circle-9 .text ,#content .main-text { width:400px; height:390px !important; left:165px; top:50px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:100px; height:400px; font-size:13px; }
#content .circle-4 .text ,#content .circle-5 .text ,#content .circle-6 .text ,#content .circle-8 .text { width:400px; height:390px !important; left:-246px; top:50px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding-top:100px; height:400px; font-size:13px; }
#content .circle-9 { margin:-61px 0 0 281px; }
}
@media (max-width: 1000px) {  									
#navi-top .langs { font-size:0px; margin:5px 20px -5px 0; }
#navi-top .langs select { font-size:11px; }	
#content .logo { margin:0px auto; margin-top:19px; text-align:center; float:none; }
#content .circle-1 ,#content .circle-2  ,#content .circle-3  ,#content .circle-4 ,#content .circle-5 ,#content .circle-6 ,#content .circle-7  ,#content .circle-8  ,#content .circle-9   { margin:0px 0 40px 0; padding:0px; }
#content .circle-1 p ,#content .circle-2 p  ,#content .circle-3 p  ,#content .circle-4 p ,#content .circle-5 p ,#content .circle-6 p ,#content .circle-7 p ,#content .circle-8 p ,#content .circle-9 p { height:auto !important;}
#content .circle-1 .text ,#content .circle-2 .text ,#content .circle-3 .text ,#content .circle-4 .text ,#content .circle-5 .text ,#content .circle-6 .text ,#content .circle-7 .text ,#content .circle-8 .text ,#content .circle-9 .text{ display:block !important; padding:0px !important; position:relative !important; background:none !important; width:100%; left:0px; top:20px; height:auto !important; }  
#content .circle-1 img ,#content .circle-2 img  ,#content .circle-3 img  ,#content .circle-4 img  ,#content .circle-5 img  ,#content .circle-6 img ,#content .circle-7 img  ,#content .circle-8 img  ,#content .circle-9 img { margin:0px auto;  }
#content .spacer { display:none; }
#content .col-sm-8 { width:100% !important; float:none; }
#content .col-sm-8 .col-sm-3 { width:100% !important; float:none; }
#content .col-sm-8 .col-sm-6 { display:none; }	  
#content .news-box { width:100% !important; float:none; }
#content .main-text { position:relative !important; padding:0px !important; background:none !important; display:block !important; height:auto !important; width:100%; left:0px; margin-bottom:76px;visibility:visible !important; }
}	   
@media (max-width: 760px) {
.navbar-header { width:100% ; float:none; margin-bottom:20px; }
#navi-top .navbar-collapse { width:100%; margin:0px 0 0 0; padding:0px; }
#navi-top .navbar-toggle { padding:4px; }
#navi-top .nav {  width:100%; float:none; margin:0 0 0px 0; padding:0px; }
#navi-top .nav li { margin:0 0px 0 0; }
}
@media (min-width: 1200px) {
#content .slide img { max-width:162px; max-height:108px; }
}
#lang_icon {
    display: inline-block;
    background:url(https://shop.allnet.de/templates/emotion_allnet/frontend/_resources/images/icons/ico-flags.png) no-repeat;
    height: 11px;
    width: 14px;
    margin: 0 10px;
}
#lang_icon.de {
    background-position:0 0;
}
#lang_icon.en {
    background-position:0 -11px;
}
#lang_icon.es {
    background-position:0 -44px;
}
#lang_icon.fr {
    background-position:0 -33px;
}
#lang_icon.hu {
    background-position:0 -132px;
}
#lang_icon.at {
    background-position:0 -66px;
}
#lang_icon.ch {
    background-position:0 -110px;
}