/* streamPlus-CSS-support-document */

/* --- CSS-reset-style für max. Kompatibilität --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 14px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --- und nun die eigentliche Magie... --- */

body {
  background-color: #d2d2d2;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #424242;
}
#whiteBackground {
  background-color: #fff;
}
h1 {
  font-size: 22px;
  color: #ff872f;
  padding-bottom: 5px;
}
h2 {
  font-size: 14px;
  font-weight: bold;
  color: #6992b9;
  padding-bottom: 15px;
}
h3 {
  font-size: 14px;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #1e4f7d;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #1e4f7d;
}

#container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background: #f2f2f2;
  min-height: 400px;
  padding-bottom: 20px;
}
#content {
}

#subContent {
  padding-top: 20px;  padding-left: 20px;  padding-right: 20px;
}
#subContent_left {
  width: 480px;
  float: left;
}

#subContent_right {
  width: 460px;
  float: left;
  padding-left: 20px;
  margin-bottom: 20px;
}

#testPic {
  float: left;
  height: 100px;
  width: 460px;
}

#features {
  float: left;  
}

#table_feature {
  width: 460px;
}

#table_feature td{
  border: 1px #6992B9 solid;
  padding: 5px;
}

#description {
  width: 295px;
  font-weight: bold;
}

#testFreeButton {
  font-size: 22px;
  color: #000000;
}

#middel {
  text-align: center;
}

#bold {
  font-weight: bold;
}

#header {
  background: url(img/header_repeat.jpg) repeat-x;
  height: 150px;
}
#header_img {
  background: url(img/header.jpg) no-repeat;
  width: 1000px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
}

/* --- Navigation --- */
#navigation ul {
  position: absolute;
  margin-top: -180px;margin-left: 528px;
  list-style-type: none;
  width: 470px;
}
#index #navigation ul {
  margin-top: -137px;
}
#navigation li{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;
  opacity: 0.8;
  float:left;
}
#navigation li a{
  width: 94px;
  height: 26px;
  display:block;
}
#navigation li:hover {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;
  opacity: 1;
}
#navigation span {display:none;}

#navigation li#nav_home {background:url(img/nav_home.gif) no-repeat;}
#navigation li#nav_streaming {background:url(img/nav_streaming.gif) no-repeat;}
#navigation li#nav_bestellen {background:url(img/nav_bestellen.gif) no-repeat;}
#navigation li#nav_faq {background:url(img/nav_faq.gif) no-repeat;}
#navigation li#nav_login {background:url(img/nav_login.gif) no-repeat;}

/* --- subHeader --- */

#subheader {
  background: url(img/subheader_repeat.jpg) repeat-x;
  height: 110px;
}
#subheader_img {
  background: url(img/subheader.jpg) no-repeat;
  width: 1000px;
  height: 110px;
  margin-left: auto; margin-right: auto;
}
#subheader_img span {display:none;}
#subheader_testen img {
  position: absolute;
  margin-top: -113px; margin-left: 710px;
  width: 228px;
  height: 30px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;
  opacity: 0.8;
}
#index #subheader_testen img {
  margin-top: -70px;
}
#subheader_testen img:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;
 opacity: 1;
}
#subheader_testen span { display:none; }

/* --- secondary Navigation --- */

#nav2 {
  height: 43px;
  background: url(img/nav2_bg_repeat.jpg) repeat-x;
}
#nav2_content {
  width: 1000px;
  margin-left: auto; margin-right: auto;
  background: url(img/nav2_bg.jpg) repeat-x;
  height: 43px;
}
#nav2_content ul {
  height: 35px;
  padding-top: 5px;
  font-size: 16px;
}
#nav2_content ul li {float:left;}
#nav2_content ul li a{
  padding: 10px 20px 10px 20px;
  background: url(img/nav2_divider.jpg) right no-repeat;
  color: #5f5f5f;  display:inline-block;
}
#nav2_content ul li a:hover {
  background: url(img/nav2_hover.jpg) repeat-x;
  color: #fff;
  text-decoration: none;
}
#nav2_content form {float:right; margin-right: 10px; margin-top: -35px;}
#nav2_content form input {
  margin-top: 7px;
}
#nav2_content form #button1 {
  background: url(img/button_anmelden.jpg);
  display: inline;
  border: none;
  height: 22px;
  color: #fff;
  cursor: pointer;
}
#nav2_content form #button1:hover {
  background: url(img/button_anmelden_hover.jpg);
}
/* --- girl --- */

#girl {
  position: absolute;
  margin-top: 50px;
  margin-left: 400px;
}
#girl_left {
  width: 274px; height: 520px;
  background: url(img/girl_left.jpg) no-repeat;
  float:left;
}
#girl_right {
  width: 307px; height: 283px;
  background: url(img/girl_right.jpg) no-repeat;
  margin-left: 274px;
}
#girl_tour {
  width: 227px; height: 55px;
  margin-left: 65px;
  margin-top: 507px;
  position: absolute;
}
/*
#girl_tour img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9;}
#girl_tour img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; }
*/

#girl_tour_video {
  width: 297px; height: 101px;
  position: absolute;
  margin-left: 254px;
  margin-top: 85px;
}
/*
#girl_tour_video img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); opacity: 0.3; }
#girl_tour_video img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1;}
*/
#girl_tour_video span { display: none;}
/* --- linke spalte --- */

#linke_spalte {
  width: 357px;
  padding-top: 50px; padding-left: 22px;
  float:left;
  line-height: 1.2;
}
#teaser_2499 img { margin-left: -10px; margin-top: 10px; }
#teaser_2499 span {display:none;}
#teaser_2499 ul {list-style: url(img/teaser_ul.jpg); margin-left: 80px; margin-top: 10px; font-size: 14px;}
#teaser_2499 ul li {padding-bottom: 5px;}

#subContainer {
  padding-top: 650px;
}

/* --- mittlere Spalte --- */

#mittlere_spalte {
  width: 292px;
  float:left; 
  margin-left: 20px;
  line-height: 1.2;
}
#mid_header {
  width: 292px;
  height: 56px;
  background: url(img/mid_header.jpg);
}
#mid_header h1, #mid_header h2 {display:none;}

#qualitaet_siegel {
  position: absolute;
  margin-left: 390px;
  margin-top: 30px;
  width: 128px; height: 127px;
  background: url(img/eigenes-webradio.jpg);
}
#qualitaet_siegel span {display: none;}

/* --- rechte Spalte --- */

#rechte_spalte {
  width: 249px;
  float:left; 
  margin-left: 25px;
  line-height:1.2;
}
#right_header {
  width: 249px;
  height: 56px;
  background: url(img/right_header.jpg);
}
#right_header h1, #right_header h2 {display:none;}

#drei_gruende {
}
#drei_gruende ul {
  width: 289px;
  position: absolute;
  margin-left: 682px;
  margin-top: 370px;
  color: #969494;
}
#drei_gruende ul li {padding-left: 35px; padding-bottom: 15px;}
#drei_gruende ul li#dg1 { background: url(img/3gruende_1.jpg) no-repeat 0 3px;}
#drei_gruende ul li#dg2 { background: url(img/3gruende_2.jpg) no-repeat 0 3px;}
#drei_gruende ul li#dg3 { background: url(img/3gruende_3.jpg) no-repeat 0 3px;}

/* --- footer --- */

#footer {
  padding-bottom: 20px;
  background: #d2d2d2;
  font-size: 12px;
  line-height: 1.2;
}
#footer a {
  font-weight: normal;
  color: #545454;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer ul {padding-left: 20px; list-style: url(img/footer_bullet.jpg);}
#footer_head {
  background: url(img/footer_head.jpg) repeat-x;
  height: 26px;
}
#footer_content {
  width: 1000px;
  margin-left: auto; margin-right: auto;
}
#footer_links {
  float:left;  margin-right: 25px;
}
#footer_mitte {
  float:left;  margin-right: 25px;
}
#footer_rechts {
  float:left;  margin-right: 0px;
}
#footer_weiteres {
  float:right;
  margin-right: 10px;
  font-weight: bold;
}
.liste li{
        list-style-image:url(img/li_dot.jpg);
}

input.textfeld{
        border:1px solid #5391ca;
        background-color:#dbe8f4;
        padding:2px;
        font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #11487c;
        width:200px;
        height:20px;
}
textarea.textbox{
        border:1px solid #5391ca;
        background-color:#dbe8f4;
        padding:2px;
        font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #11487c;
        width:425px;
        height:100px;
}

li a {
        font-weight:normal;
}

.hinweisText{
        font-size: 11px;
        color: #5391ca;
}

#calcCaptcha dt {
    float: left;
    padding-top: 5px;
    width: 50px;
}
#calcCaptcha dd input {
    margin-left: 5px;
}

#errorUl {
    color: #FF0000;
    padding:10px;
    border:1px #FF0000 solid;
    background-color: #ffffff;
    margin-bottom: 20px;
}

#paket{
        width:200px;
        position:relative;
        float:left;
        padding-bottom:40px;
        margin-left: 14px;
}
#paketTop{
        width:200px;
        height:36px;
        float:left;
        background-image:url(img/paket_top.jpg);
        background-repeat:no-repeat;
        padding-left:10px;
        padding-right:10px;
        font-size: 20px;
        color: #11487c;
        line-height:36px;
}
#paketMiddle{
        width:180px;
        height:281px;
        float:left;
        position:relative;
        background-image:url(img/paket_middle.jpg);
        background-repeat:repeat-y;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:5px;
        padding-top:10px;
}
#paketMiddle h2 {
        padding-bottom: 0px;
}
#paketMiddle.hinweisText{
        color: #11487c;
}
#paketBottom{
        width:200px;
        height:11px;
        float:left;
        position:relative;
        background-image:url(img/paket_bottom.jpg);
        background-repeat:no-repeat;
        /*padding-bottom:10px;*/
}
#bestellenBtn{
        width:103px;
        height:32px;
        position:absolute;
        top:190px;
        left:8px;
        z-index:1;
}
#bestellenPreis{
        width:77px;
        height:78px;
        position:absolute;
        top:140px;
        left:115px;
        z-index:1;
}
#bestellenLeistung{
        width:180px;
        height:70px;
        position:absolute;
        top:228px;
        left:10px;
        z-index:1;
        color:#FFFFFF;
        padding:5px;
}
a.btnBestellen, a.btnBestellen:link, a.btnBestellen:visited{
        background-image:url(img/btn_blau.jpg);
        background-repeat:no-repeat;
        font-weight:bold;
        font-size: 16px;
        color: #ffffff;
        width:103px;
        height:32px;
        text-align:center;
        display:block;
        line-height:30px;
}
a.btnBestellen:hover{
        text-decoration:none;
        color: #f1f6fb;
}

/* Stylesheets fuer die FAQ */

#faq h2 {
    margin-top: 20px;
}

#faq ul {
    margin-left: 20px;
}

#faq blockquote {
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border:1px dashed #1E4F7D;
    padding: 10px;
}

#faq blockquote ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

#faq blockquote li {
    list-style-type: disc;
}

#shop_button {
    text-align: center;
    margin-top: 10px;
}
#table_erweiterungen {
    width: 700px;
}
#table_erweiterungen td {
    border-bottom: 1px #AAAAAA solid;
    border-right: 1px #AAAAAA solid;
    padding: 5px;
}
.breite {
    width: 75px;
}
.table_tr_color {
    background-color: #DEDEDE;
}
.table_erweiterungen_right{
    text-align: right;
}
.individual_radio td {
    text-align: center;
    width: 100px;
}
.subheader {
    margin-bottom: 10px;
    font-weight: bold;
}