/* DATENSCHUTZ */
.cc_container .cc_btn {
    background-color: #FF9600 !important; /* Farbe des Buttons */
    color: #fff !important; /* Textfarbe des Buttons */
    text-decoration: none !important;
}

.cc_container {
    background: #000 !important; /* Hintergrundfarbe des gesamten Bereichs */
    color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}

    .cc_container a {
        color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
        text-decoration: underline !important;
    }
/* ENDE DATENSCHUTZ */
html {
    height: 100%
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: Skoda Pro;
    font-size: 12px;
    overflow-x: hidden;
}

hr {

height: 1px !important;
border-bottom: 1px solid #333 !important;	
}

#container {
    width: 1212px;
    height: auto;
   
	margin: 50px auto;
	border: 1px solid #b5b5b5;

-webkit-box-shadow: 0px 0px 4px #b5b5b5;

-moz-box-shadow: 0px 0px 7px #b5b5b5;

box-shadow: 0px 0px 4px #b5b5b5;
}

#header {
    width: 1212px;
    height: 497px;
    border: 0px solid green;
}

#contentbereich {
    width: 1212px;
    height: 422px;
    border: 0px solid red;
    background-color: #fff;
}

#content {
    width: 96.20%;
    height: 280px;
    border: 0px solid red;
    background-color: #fff;
    margin: 0px 0px 0px 20px;
    padding: 50px 0px 0px 0px;
}

#footerbereich {
    width: 1212px;
    min-height: 300px;
    border: 0px solid red;
    background-color: #000;
}

#footer {
    width: 948px;
    height: 220px;
    border: 0px solid red;
    margin: 0px 0px 0px 20px;
    padding: 30px 0px 0px 0px;
    color: #fff;
}

#footer a{
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}

#footer a:hover{
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
}

#footer table, tr, td {
    color: #fff;
    font-size: 13px;
}

#navigationsbereich {
    width: 1212px;
    height: auto;
    border: 0px solid red;
    position: relative;
    z-index: 300;	
}

a {
    outline: none;
}

#logoVodafone {
    background-image: url(../img/logoVodafone.png);
    background-repeat: no-repeat;
    width: 116px;
    height: 198px;
    float:left;	
    border: 0px solid black;
    position: relative;
    z-index: 300;	
}

.highlight a {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin: 0px 0px 0px 20px;
    line-height: 40px;
    background-image: url("../img/arrow.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    background-position: right 6px;
    padding-right: 11px;
    display: inline;
}

.highlight a:link {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin: 0px 0px 0px 20px;
    line-height: 40px;
    background-image: url("../img/arrow.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    background-position: right 6px;
    padding-right: 11px;
    display: inline;
}

.highlight a:hover {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin: 0px 0px 0px 20px;
    line-height: 40px;
    text-decoration: underline;
    background-image: url("../img/arrow.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    background-position: right 6px;
    padding-right: 11px;
    display: inline;
}

.highlight_footer {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0px 0px 0px 0px;
}

.nav {
    height: 44px;
    margin: 50px 0px 0px 15px;
    width: 951px;
    border: 0px solid black;
    float:left;  
    background: #4BA82E;
    font-size: 16px;
}

.nav a {
    display: block;
    text-decoration: none;
}

.nav > li {
    float: left;
    margin-right: 0px;
    -webkit-box-shadow: 1px white, 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px white, 0 0 3px rgba(0, 0, 0, 0.5);
}

.nav > li > a {
    height: 44px;
    line-height: 44px;
    padding: 0px 30px 0px 10px;
    color: white;
    text-decoration: none; 
    background: #333333;
    border-radius: 0px 0px 0 0;  
    border-right: 1px solid #f3f3f3;
    background-image: url("../img/ArrowSprite.png");
    background-position: right -50px;
    background-repeat: no-repeat;
 
}

.nav > li > a:hover {
    text-decoration: underline;
    background: #F9F9F9;
    color: #333333;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.6);
    box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.6);
    background-image: url("../img/ArrowSprite_black.png");
    background-position: right -50px;
    background-repeat: no-repeat;
}

.nav > li.active > a, .nav > li > a:active, .nav > .dropdown:hover > a {
    background: #F9F9F9;
    color: #333333;
    text-shadow: underline;
    -webkit-box-shadow: 0 2px 000, 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px #f3f3f3, 0 0 2px rgba(0, 0, 0, 0.5);
    background-image: url("../img/ArrowSprite_black.png");
    background-position: right -50px;
    background-repeat: no-repeat;
}

.nav .active a.icon > span, .nav a.icon:active > span {
    background-position: 0 -16px;
}

.dropdown {
    position: relative;
}

.dropdown:hover ul {
    display: block;
}

.dropdown ul {
    display: none;
    position: absolute;
    top: 44px;
    left: 0px;
    min-width: 265px;
    padding: 0 0 5px;
    background: #F9F9F9;
    -webkit-box-shadow: 0px 2.5px 2px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 2.5px 2px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 2.5px 2px 0px rgba(50, 50, 50, 0.4);
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dropdown li {
    display: block;
    margin: 0 20px;
    overflow: visible;
}

.dropdown li a {
    font-size: 13px;
    color: #333333;
    padding: 8px 18px;
    margin: 0 -18px;
}
.dropdown li a:hover {
    font-size: 13px;
    color: #333333;
    text-decoration:underline;
}

ol, ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.box_feature {
    width:378px;
    height: 400px;
    border: 0px solid #d8d8d8;	
    background-image: url("../img/back_boxes_feature.jpg");
    background-repeat: repeat-x;
    float: left;
    margin-right: 4px;
}

.box_feature_login {
    width:98.4%;
    height: 400px;
    border:0px solid #d8d8d8;	
    
    background-repeat: repeat-x;
    float: left;
    margin-right: 4px;
}

.content_feature {
    width:366px;
    height: auto;
    border: 0px solid red;
    margin: 7px 0px 0px 0px;
    padding: 0px 6px 0px 6px;
}

.content_feature_login {
    width:auto;
    height: auto;
    border: 0px solid red;
    margin: 7px 0px 0px 0px;
    padding: 0px 6px 0px 6px;
}

.feature_header {
    width:378px;
    height: 72px;
    background-image: url("../img/feature_head.jpg");
    background-repeat: no-repeat;
    padding: 7px 0px 0px 0px
}

.feature_header_login {
    width:100%;
    height: 72px;
    background-color:#fff;
    background-repeat: no-repeat;
    padding: 7px 0px 0px 0px;
}

.feature_header_schnelleinstieg {
    font-family:'Skoda Pro';
    height: 72px;
    background-repeat: no-repeat;
    padding: 7px 0px 0px 0px
}

.headline_boxes_home_schnelleinstieg {
    font-family: 'Skoda Pro';
    font-size: 24px;
    color: #333333;
    margin-left: 8px;
}

.subhead_boxes_home_schnelleinstieg {
    font-family:'Skoda Pro';
    color: #525252;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;	
}


#box_schnelleinstieg {
    width:178px;
    height: 400px;
    border: 1px solid #d8d8d8;	
    background-image: url("../img/back_boxes_feature.jpg");
    background-repeat: repeat-x;
    float: left;
}

.content_schnelleinstieg {
    width:164px;
    height: auto;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 0px 8px;
}

@font-face{
    font-family:'VodafoneRg_0';
    src:url('../fonts/VodafoneRg_0.eot');
    src:url('../fonts/VodafoneRg_0.eot?#iefix') format('embedded-opentype'),url('../fonts/VodafoneRg_0.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;
}

@font-face{
    font-family:'Skoda Pro';
    src:url('../fonts2/SkodaPro-Regular.eot');
    src:url('../fonts2/SkodaPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts2/SkodaPro-Regular.ttf') format('truetype');
    font-style:normal;
    font-weight:normal
}

@font-face{
    font-family:'Skoda Pro';
    src:url('../fonts2/SkodaPro-Bold.eot');
    src:url('../fonts2/SkodaPro-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts2/SkodaPro-Bold.ttf') format('truetype');
    font-style:normal;
    font-weight: bold;
}

@font-face {
    font-family: SkodaPro;
    src: url(../fonts2/skodapro-extrabold-webfont.eot);
    src: url(../fonts2/skodapro-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts2/skodapro-extrabold-webfont.woff2) format("woff2"), url(../fonts2/skodapro-extrabold-webfont.woff) format("woff"), url(../fonts2/skodapro-extrabold-webfont.ttf) format("truetype"), url(../fonts2/skodapro-extrabold-webfont.svg#skoda_proextrabold) format("svg");
    font-weight: 700;
    font-style: normal
}

.headline_boxes_home {
    font-family: 'Skoda Pro';
    font-size: 24px;
    color: #333333;
    margin-left: 10px;
	border-bottom: 1px solid #d8d8d8;	
	padding-bottom: 20px;
	width: 100%;
}

a .headline_boxes_home {
   
    display: block;
    color: #333333;
    text-decoration: none;
    background-position: left center;
    padding-left: 0px;
}

a:hover .headline_boxes_home {
    
    color: #333333;
    text-decoration: none;
    background-position: left;
}

a .subhead_boxes_home {
    color: #525252;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;	
}

a:hover .subhead_boxes_home {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;	
}

.text_boxes_home_top {
    color: #525252;
    margin: 17px 0px 0px 3px;
    font-size: 12px;		
}

.text_boxes_home {
    color: #525252;
    margin: 3px 0px 0px 0px;
    font-size: 12px;		
}

.linie {
    color: #525252;
    margin: 5px 0px 10px 0px;		
}


#slider {
    width:1212px;
    height:497px;
    position: absolute;
    z-index: 10;
	border: 0px solid red;
				
/*IE bugfix*/
    padding:0;
    margin:0;
}
			
#slider li { list-style:none; }
			
#page {
    width:1212px;
    position: relative;
    z-index: 100;	
}

input[type=submit]{
	
	background-color: #333 !important;
	color: #fff !important;
	font-size: 100%;
	padding: 15px 40px 15px 40px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	border-radius: 0px;
	border:1px solid #333 !important;
	font-weight: bold !important;
	text-decoration: none;
}

	input[type=submit]:hover{
	
	background-color: #333 !important;
	color: #fff !important;
	font-size: 100%;
	padding: 15px 40px 15px 40px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	border-radius: 0px;
	border:1px solid #333 !important;
	font-weight: bold !important;
	text-decoration: none;
}

input[type=button]{
	
	background-color: #ff9600 !important;
	color: #fff !important;
	font-size: 100%;
	padding: 15px 40px 15px 40px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	border-radius: 0px;
	border:1px solid #ff9600 !important;
	font-weight: bold !important;
	text-decoration: none;
}

	input[type=button]:hover{
	
	background-color: #ff9600 !important;
	color: #fff !important;
	font-size: 100%;
	padding: 15px 40px 15px 40px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	border-radius: 0px;
	border:1px solid #ff9600 !important;
	font-weight: bold !important;
	text-decoration: none;
}

.liste_schnelleinstieg{	
    list-style-image: url("../img/list_schnelleinstieg_normal.png");
    margin-left: 14px;
}

.liste_schnelleinstieg:hover{	
    list-style-image: url("../img/list_schnelleinstieg_hover.png");
    margin-left: 14px;
}

.liste_schnelleinstieg a{	
color: #525252;
    text-decoration: none;
}

.liste_schnelleinstieg:hover a:hover{	
    color: #bd0000;
    text-decoration: none;
}

#slides {
    display: none;
	margin-top: 7px;
	padding: 0px 6px 0px 6px;
}

#slides .slidesjs-navigation {
    margin-top:3px;
}

#slides .slidesjs-previous {
    margin-right: 5px;
    float: left;
}

#slides .slidesjs-next {
    margin-right: 5px;
    float: left;
}

.slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
    color: #525252
}

#slides a:hover,
#slides a:active {
    color: #92417d
}

.navbar {
    overflow: hidden
}

#slides {
    display: none
}
	
#slides2 {
    display: none;
	margin-top: 7px;
	padding: 0px 6px 0px 6px;
}

#slides2 .slidesjs-navigation {
    margin-top:3px;
}

#slides2 .slidesjs-previous {
    margin-right: 5px;
    float: left;
}

#slides2 .slidesjs-next {
    margin-right: 5px;
    float: left;
}

.slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px
}

#slides2 a:link,
#slides2 a:visited {
    color: #525252
}

#slides2 a:hover,
#slides2 a:active {
    color: #92417d
}

.navbar {
    overflow: hidden
}

#slides2 {
    display: none
}
	
.container {
    margin: 0 auto
}

.anmeldeformular td  {
color: #525252;
font-size: 12px;
}

.anmeldeformular select  {
color: #525252;
font-size: 12px;
}

.anmeldeformular [type="text"]  {
color: #525252;
font-size: 12px;
width: 397px;
border: 1px solid #DBDBDB;
height: 30px;
padding: 4px 0px 3px 10px
}

.anmeldeformular [type="password"]  {
color: #525252;
font-size: 12px;
width: 397px;
border: 1px solid #DBDBDB;
height: 30px;
padding: 4px 0px 3px 10px
}

.anmeldeformular textarea {
color: #525252;
font-size: 12px;
width: 197px;
border: 1px solid #DBDBDB;
height: 90px;
padding: 4px 0px 3px 3px
}

.anmeldeformular radio, label   {
color: #525252;
font-size: 12px;
}

.anmeldeformular [type="submit"]   {
color: #fff;
font-size: 12px;
}

.anmeldeformular [type="submit"]:hover   {
color: #fff;
font-size: 12px;
}

.border_alternativ {
border: 1px solid #d8d8d8;
color: #525252;
}


/* DATENSCHUTZ */
.cc_container .cc_btn {
background-color: #FF9600 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
text-decoration: none !important;

}
 
.cc_container {
background: #000 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */

}
 
.cc_container a {
color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
text-decoration: underline !important;

}
/* ENDE DATENSCHUTZ */