#startpage {background-image: url(/fileadmin/template/grafiken/startbg.png); background-color: #bcd4ed; background-repeat: repeat-x;}

#startpage .footer {background-color: #CADDF0;}
#startpage .container {position: relative;}

#startpage .newsteaser {text-align: center; margin-top: 10px;}

#startpage .footerstart {padding-top: 50px;}

#startpage .iconsstart {margin-top: 5px;}

#startpage .container {padding-left: 30px; padding-right: 30px;}

#startpage .startbox {position: relative; height:120px; width:280px; margin:auto;}

#startpage .circle {
  width: 110px;
  height: 110px;
  border-radius: 110px;
  border: 5px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 8px #000;
  z-index: 6;
}
#startpage .innercircle {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 5px solid #292763;  
    z-index: 6;  
}

#startpage .button {height: 100px;
         width: 220px;
     border: 5px solid #fff;
     position: absolute;
     left: 0;
     top: 6px;
     left: 55px;
     border-radius: 5px;
     background-image: url(/fileadmin/template/grafiken/bluegradient.jpg);
     box-shadow: 0px 0px 10px #000;
     text-align: right;
     }
     
#startpage .box1 .button {background-image: url(/fileadmin/template/grafiken/bluegradient.jpg);}   
#startpage .box1 .innercircle {background-image:url(/fileadmin/template/grafiken/box1.jpg);}  

#startpage .box2 .button {background-image: url(/fileadmin/template/grafiken/greygradient.jpg);}   
#startpage .box2 .innercircle {background-image:url(/fileadmin/template/grafiken/box2.jpg);} 

#startpage .box3 .button {background-image: url(/fileadmin/template/grafiken/lbgradient.jpg);}   
#startpage .box3 .innercircle {background-image:url(/fileadmin/template/grafiken/box3.jpg);} 

#startpage .box4 .button {background-image: url(/fileadmin/template/grafiken/yellowgradient.jpg);}   
#startpage .box4 .innercircle {background-image:url(/fileadmin/template/grafiken/box4.jpg);}  

#startpage .box5 .button {background-image: url(/fileadmin/template/grafiken/redgradient.jpg);}   
#startpage .box5 .innercircle {background-image:url(/fileadmin/template/grafiken/box5.jpg);} 

#startpage .box6 .button {background-image: url(/fileadmin/template/grafiken/greengradient.jpg);}   
#startpage .box6 .innercircle {background-image:url(/fileadmin/template/grafiken/box6.jpg);} 

#startpage .button h1 {font-size: 18px; color: #fff; margin-bottom: 0;}
#startpage .button h2 {font-size: 12px; color: #fff; margin-top: 0; margin-bottom: 0;}

#startpage .buttoncontent {position: absolute;
bottom: 10px; right:10px; left: 100px;}

#startpage footer .footerlinks {margin-top: 0;}



#startpage .slides {padding: 0;}
#slidecontainer {width: 100%; height: auto !important;}

#slidecontainer h1 {font-size:38px; padding-bottom:0px;}
#slidecontainer h2 {margin-top:-5px; font-size:38px; font-weight:bold;}
#slidecontainer p {font-size:16px;  max-width: 500px;}

#footermenustart {position:absolute; z-index: 15; margin-top: 5px; left: 15px; right: 15px;}
.footermenustart {position: relative;}   


#footermenustart ul {width:280px; margin: auto;}
#footermenustart li {padding-right: 15px;padding-left: 15px;}
footer.footerstart {background-image: url(/fileadmin/template/grafiken/footerstartbgre.png)}

#footermenustart li.menu2 ul li {background-color: #B28601;}
 #footermenustart li.menu3 ul li {background-color: #1466B2;}
 #footermenustart li.menu4 ul li {background-color: #5F5E59;}
 #footermenustart li.menu5 ul li {background-color: #960E04}
 #footermenustart li.menu6 ul li {background-color: #1D7206;}
 
 .news .article .news-img-wrap {
    float: left;
    margin: 0;
    background: #FFF none repeat scroll 0% 0%;
}

.news .article .news-img-wrap a {
    display: block;
    float: left;
    padding: 0;
    border: none;
    background: #FFF none repeat scroll 0% 0%;
}

.news .article .news-img-wrap img {
    float: left;
    height: auto !important;
    width: 100%;
    max-width: 100%;
}

.news h3 {padding-bottom:10px;padding-top:5px;}

.news .article .articlewrap {width: 100%; background-color: #DAE8F5; position: relative; min-height: 400px;width: 300px; margin: auto; box-shadow: 4px 4px 8px #000; text-align: left;}

#startpage .news .article .articlewrap .footer {position: absolute; bottom: 0; background-image: none; background-color: #5F97D3; box-shadow: none; padding: 5px 15px 5px 15px; z-index: 0; border:0; margin: 0;}
.news .article .articlewrap .footer a.more {color: #fff; font-size: 14px; font-weight: bold;}
.news .article .articlewrap .teaser-text {padding: 15px; float: left;}
.news .article .articlewrap .teaser-text h3 {font-size: 16px;
color: #5F97D2;
font-weight: bold;
margin-top: 0px;
line-height: 22px;}

li.sy-slide div {padding-left: 15px; padding-right: 15px;}
div.startseite .newsteaser h1 {text-align: left; color: #292765; text-transform: uppercase; padding-left: 30px; padding-bottom: 10px;}

#slidecontainer {position: relative;
                 margin-top: -67px;
                 }

#slidecontainer ul li div {padding:0;}
#slidecontainer ul li div.slidertext {padding-left: 15px; padding-right: 15px;}

.sy-box img {width: 100%; min-width: 800px;}

.sy-box{
    position: relative;
}

.sy-pager {
    position: absolute;
    z-index: 20;
    bottom: 15px;
    width: 100%;
}

.sy-pager li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.sy-pager li.sy-active a {
    background-color: #fff;
}

li.sy-slide div.slidertext {position: absolute; 
                            z-index: 30; 
                            top: 10px;
                            right: 30px; 
                            padding-left: 15px; 
                            padding-right: 15px; 
                            background-color: rgba(254,254,254,0.75);
                            box-shadow: 0px 0px 10px #000;}
   
.startseite {padding:0 !important;}

div.slidertext h1 {color: #5F97D2; font-weight: bold;} 
div.slidertext {color: #292763;}


#startpage .sloganwrap {background-color: #292765;}

#startpage .tarifrechner {margin-bottom: 50px; margin-top: -104px;}

#startpage .person1 {text-align: center;}
#startpage img.person2 {float:right;}
#startpage .person2 {text-align: center;}
#startpage .person3 {text-align: center;}
#startpage .person4 {text-align: left;}

#startpage .tarifsymbol img {margin: auto;
                         }