body{
font-family: Arial;
}

hr{
border: none;
border-top: 1px solid #e7e7e7;
margin-top: 8px;
margin-bottom: 8px;
width: 100%;
display: inline-block;
}

.sitewrapper{
margin-left: auto;
margin-right: auto;
width:940px;
}

.mainwrapper{
float:left;
background-color:white;
border: 15px solid white;
box-shadow:0px 0px 8px #666;

margin-bottom: 50px;
}

.box_wrapper {
margin-top: 5px;
margin-bottom: 5px;
position: relative;
z-index: 100;

}
.box_wrapper div, .box_wrapper li {
border-radius: 5px

}
.boxlinks{
height:260px;
width:440px;
float:left;
background-color:#fde4cb;
border-radius: 5px;
position: static;
z-index: 100;
padding: 16px;
}

.boxrechts{
height:260px;
width:440px;
float:right;
background-color:#cfe0ff;
border-radius: 5px;
position: static;
z-index: 100;
padding: 16px;
}

.box1{
background-color: #FEB548;
background-image: url(../images/bg1.jpg);
 background-position: center center;
margin-right: 16px;
}

.box2{
background-color: #7AA2E4;
background-image: url(../images/bg2.jpg);
 background-position: center center;
margin-right: 16px;
}

.box3{
background-color: #DED50F;
background-image: url(../images/bg3.jpg);
 background-position: center center;
}
.box1, .box2, .box3{
height: 320px;
width: 30%;
float: left;
padding: 10px;
}
.boxtext p{
color: white;
}

.header1 p{
color: white;
font-size: 200%;
vertical-align: middle;
}

.wrapper {
width: 960px;
margin-bottom: 5px;
}

.boxtitle{
float: left;
border: 2px solid white;
background-color: white;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
width: 423px;
height: 85px;
margin-top:4px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 10px;
}

ul {
padding: 0px;
}

ul.Navigation li {
list-style: none;
display: inline;
float: left;
margin-left: 4px;
margin-right: 8px;
padding: 14px;
border: 2px solid white;
background-color: white;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
width: 102px;
height: 120px;
}

ul.Navigation li img{
display: block; 
margin-left: auto; 
margin-right: auto;
margin-top: 0px;
width: 70px;
opacity: 0.5;
}

ul.Navigation li:hover img{
opacity: 1;
}

ul.Navigation li p{

text-align: center;
font-weight: bold;
font-size: 90%;
padding-top: 0px;
margin-top: -5px;
}

ul.Navigation li a{
color: black;
}

ul.orangeborder li:hover{
border: 2px solid #F68B1F;
}

ul.blueborder li:hover{
border: 2px solid #3078FE;
}

.footer {
clear:left;
width:960px;
text-align: center;
}

.footer_nav {
float: left;
padding: 0;
width: 20%;
list-style-type: none;
margin-left:0;
margin-right:0;
margin-top:0;
}

.footer_nav li a{
color: #C5C5C5;
}

.footer_nav li a:hover{
color: black;
}

.auswahl h2, .auswahl p{
color: white;
}

.auswahl h2{
margin-top: 0px;
}

.infotext p{
color: #C5C5C5;
font-size: 13px;
margin-bottom: 0;
letter-spacing: 0.3px;
clear:both;
margin-bottom: 0;
    margin-top: 0;
}

.footer_nav .first {
font-weight: bold;
list-style-type: none;
}

.boxbg{
background: none repeat scroll 0 0 white;
opacity: 0.8;
position: absolute;
width: 100%;
}

.boxtitle h2, .boxtitle p{
color: black;
margin-left:10px;
}

.boxtitle h2{
font-size:200%;
line-height: 36px;
}

.sprachtrefflogo{
float:left;
}

.desrlogo{
float:left;
}

.boxtext{
float:left;
text-align: center;
}
.boxtext ul{
clear:both;
margin: auto auto;
margin-top: 30px;
}

.boxtext ul li{
list-style-type: none;

color: darkslategray;
    font-size: 20px;
    list-style-type: none;
    margin: 5px;
  
  display: inline-block;
  opacity: 0.8;
}
.boxtext ul li:hover{
list-style-type: none;

color: black;
    font-size: 20px;
    list-style-type: none;
     opacity: 1;
}

.boxtext ul li a{
height: 100%;
width: 100%;
display: block;
color: darkslategray;
}

.boxtext h3, .boxtext p{

margin-top: 20px;
margin-bottom: 0px;
font-size: 24px;
line-height: 20px;
color:white;
}
.boxtext img{
float:left;
}
.boxtext span{
color:white;
font-size: 14px;
}
.nivo-caption{
overflow: visible !important;
}
.nivo-caption h3{
margin-bottom: 0px;
margin-top: 0px;
}
.angebot{
background: url("../../cms/portal/images/angebot.png") repeat scroll 0 0 transparent;
width: 182px;
height:182px;
position:absolute;
top: -272px;
right:0;
text-align: right;
color: white;
}

.angebot h2{
 font-family: arial;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    margin-right: 5px;
    margin-top: 3px;
}


#vpnavigation, #vpnavigation ul {
    list-style: none outside none;
    z-index: 100;
}
#vpnavigation {
   
    border-bottom: 1px solid #FFFFFF;
    margin-left: 9px;
   
}
#vpnavigation a {
    border-right: 1px solid #FFFFFF;
    color: gray;
    display: block;
    text-decoration: none;
}
#vpnavigation li {
    float: left;
    text-align: center;
}
#vpnavigation li ul {
    background: none repeat scroll 0 0 white;
    border: 1px solid #FFFFFF;
    left: -999em;
    position: absolute;
    text-align: center;
}
#vpnavigation li li a.daddy {
    background: url("../../de/404/4048d57.html") no-repeat scroll right center rgba(0, 0, 0, 0);
}
#vpnavigation li ul ul {
    margin: -1em 0 0 114px;
}
#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
    left: -999em;
}
#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul {
    left: auto;
}
#vpnavigation li.activepath {
}
#vpnavigation li#active {
}
#vpnavigation ul li ul li a {
    border: medium none;
    padding: 0 9px;
}
#vpnavigation li a {
    line-height: 19px;
    padding: 0 42px;
}
#vpnavigation ul li ul li {
    border-bottom: 1px solid #FFFFFF;
    float: none;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}
#vpnavigation a:hover {
    color: #000000;
}