#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
text-align:center;
background-color: #fff;
width: 468px;
height: 250px;
margin: 0 auto;
-moz-border-radius :15px 15px 0 0;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 80px;
left: 0;
height: 60%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 60px;
height: 60px;
background: transparent url(/mpics/blank.gif) no-repeat; /* Trick IE into showing hover */
outline:none;
display: block;
}
#prevLink { margin-left:10px; background: url(/mpics/lightboxleft.gif) left no-repeat; }
#nextLink { margin-right:10px; background: url(/mpics/lightboxright.gif) right no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(/mpics/lightboxleft.gif) left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/mpics/lightboxright.gif) right no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;	}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 200%;
height: 500px;
background-color: #000;
}
#lightboxbanner{
height:70px;
padding: 5px 0 0 0;
margin:0;
border:0;
text-align: center;
}
#banneriframe{
width:490px;
height:60px;
margin-top:5px;
}
#prevlinkarea{
}
#bannerarea{
text-align:center;
}
#nextlinkarea{
}
html * {
border:0;
margin:0;
padding:0;
}
.FlashContent {
z-index:3;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background-image: url(/mpics/main-bg.gif);
background-attachment:fixed;
border:0;
margin:5px;
}
h1 {
font-size:20px;
line-height:22px;
font-weight:700;
margin: 8px 0px 10px 0px;
padding: 0;
}
h2 {
font-size:14px;
line-height:15px;
font-weight:700;
margin:0;
padding:0 0 2px 0;
}
h3 {
margin: 0;
padding: 0.4em 0.4em 0.4em 0.0em;
font-size:16px;
line-height:18px;
font-weight:700;
}
h4 {
margin: 0;
padding: 0.4em 0.4em 0.4em 0.0em;
font-weight: bold;
font-size: 12px;
line-height:18px;
}
hr {
border:solid #999 1px;
height:2px;
margin-top:5px;
margin-bottom:15px;
}
A:active,A:link,A:visited {
color:#039;
text-decoration:none;
}
A:hover {
color:#FFF;
}
IMG {
border:0;
}
#toplogoarea {
width:728px;
margin-top: 10px;
}
#topmenuarea {
width:728px;
margin-top:8px;
}
.topmenurss {
vertical-align:middle;
margin:0px 10px 0px 0px;
border-top:15px;
font-size:10px;
height:25px;
}
.topmenurss a:hover{
background-color:#09F;
}
#contentarea {
width:728px;
margin-top:10px;
}
#storyarea {
background-color:#FFFFFF;
padding:4px;
-moz-border-radius :10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#datainputarea {
width:458px;
background-color:#FFFFFF;
padding:4px;
border:1px solid #198AFB;
background-color:#FFFFFF;
-moz-border-radius :0px 10px 10px 10px ;
-webkit-border-radius: :0px 10px 10px 10px ;
border-radius: :0px 10px 10px 10px ;
}
#datainputarea hr {
border-top:solid #198AFB 1px;
height:1px;
margin-top:5px;
margin-bottom:15px;
}
#contentarea .headline {
margin-bottom:10px;
}
#contentarea li {
font-size:12px;
line-height:14px;
padding-bottom:6px;
}
#line728 {
width:728px;
height:2px;
border-top:1px;
border-top-style:solid;
border-color:#09F;
margin: 5px 0 5px 0;
}
#contentareawide {
width:720px;
border:0;
float:left;
margin:0;
padding-right:4px;
border-right:1px;
border-color:#09F;
}
#contentareawide a:hover{
background-color:#09F;
}
#contentarealeft {
width:474px;
border:0;
float:left;
margin:0;
padding-right:4px;
border-right:1px;
border-color:#09F;
border-right-style:solid;
}
#contentarealeft a:hover{
background-color:#09F;
}
#contentarearight {
width:236px;
border:0;
float:left;
margin:0 0 0 4px;
}
#maincontentaidarea{
margin: 10px 0 10px 0;
border:0;
padding:0;
text-align:center;
}
#maincontentaidarea A:hover{
background-color:transparent;
}
.vortitel {
font-size:14px;
line-height:17px;
font-weight:700;
margin:0;
padding:0 0 10px;
}
.vorspann {
font-size:11px;
line-height:16px;
font-weight:700;
padding-bottom:10px;
margin:0;
}
.titel {
font-size:20px;
line-height:22px;
font-weight:700;
padding:0 0 15px 0px;
margin:0;
}
.text {
font-size:12px;
line-height:16px;
font-weight:100;
}
.smalltext {
font-size:8px;
line-height:10px;
font-weight:100;
}
.text P {
padding-bottom:10px;
}
.text P A {
font-weight:lighter;
}
.text strong {
font-weight:bold;
}
.autor {
font-weight:400;
font-style:italic;
padding:10px 0 15px;
}
.dotbar {
height:20px;
background: url(mpics/dotbar478.gif) no-repeat;
font-size:10px;
line-height:12px;
margin:4px 0;
padding:4px 0;
}
.dotbar_function {
float:right;
}
#toplogo {
border:0;
float:left;
margin:0 0 0 0;
padding:0;
width:200px;
}
#mainbanner {
border:0;
float:left;
margin:0;
padding:0;
}
#topbigbanner {
clear:left;
width:728px;
border:0 solid #000;
margin:0;
padding:0;
}
#topskybanner {
position:absolute;
clear:both;
float:none;
left:733px;
top:5px;
border:0;
margin:0;
padding:0;
}
.clearfloat {
clear:both;
font-size:0;
}
#navblock {
border:0 solid #000;
text-indent:0;
margin:0;
padding:0;
}
#menubox {
width:721px;
height:30px;
background: url(mpics/mbox.gif) no-repeat;
font-size:0;
margin:0;
}
#menubox468 {
width:468px;
height:30px;
background:url(mpics/mbox468.gif) no-repeat;
font-size:0;
margin:0;
}
#menuboxtop {
width:721px;
height:8px;
background:url(mpics/menuframe3_o.gif) no-repeat;
font-size:0;
margin:0;
}
#menuboxtext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
width:716px;
border-left:3px solid #836910;
border-right:2px solid #836910;
margin:0;
background:#f5c51e;
}
#menuboxbottom {
width:721px;
height:2px;
background: url(mpics/mbox_bottom.gif) no-repeat;
font-size:1px;
}
#menuboxbottom468 {
width:468px;
height:2px;
background: url(mpics/mbox_bottom.gif) no-repeat;
}
#menuboxtop468 {
width:468px;
height:8px;
background: url(mpics/menuframe3_o_468.gif) no-repeat;
font-size:0;
margin:0;
}
#menuboxtext468 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
width:464px;
border-left:2px solid #f5c51e;
border-right:2px solid #f5c51e;
margin:0;
background:#faecb9;
}
#menuboxbootom468 {
width:468px;
height:2px;
background: url(mpics/menuframe3_u_468.gif) no-repeat;
}
#navigation a {
color:#fff;
height:33px;
width:96px;
text-decoration:none;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:36px;
margin:0 5px 0 0;
}
#navigation a span {
background: url(mpics/mtab.gif) right top no-repeat;
}
#navigation a,#navigation a span {
display:block;
float:none;
}
#navigation a:hover {
color:#000000;
}
#navigation a:hover span {
background: url(mpics/mtab_pressed.gif) right top no-repeat;
}
#navigation ul {
margin:0;
padding:0;
}
#navigation li {
padding-left:0;
list-style:none;
float:left;
line-height:5px;
}
#navigationactiv a{
color:#000000;
font-weight:900;
}
#navigationactiv a span {
background: url(mpics/mtabselected.gif) right top no-repeat;
}
#navigationactiv a:hover span {
background:url(mpics/mtabselected_pressed.gif) right top no-repeat;
}
#navigationsub ul {
list-style:none;
}
#navigationsub li {
float:left;
list-style:none;
margin:10px 10px 0 0;
}
#navigationsub a {
border:0px;
padding:2px;
color:#000000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:12px;
outline:none;
}
#navigationsub a:hover {
background-color:#FFFFFF;
}
.navigationsubselected{
color:#198AFB;
font-weight:bold;
}
#suchmaske {
float:right;
text-align:right;
width:458px;
height:28px;
padding:0px;
margin:5px 5px 0 0;
}
#suchmaske input {
float:right;
border-color:#a2d6f9;
}
#box_sm_yellow_tab {
height:15px;
width:235px;
font-size:10px;
line-height:11px;
padding-top:2px;
padding-left:5px;
padding-bottom:0px;
font-weight:900;
color:#198AFB;
background:url(mpics/promotab242_yellow.gif) no-repeat;
}
#box_sm_yellow {
width:238px;
font-size:10px;
line-height:12px;
margin-bottom:15px;
border:1px solid #198AFB;
background-color:#FFFFAA;
color:#000000;
-moz-border-radius :0px 10px 10px 10px ;
-webkit-border-radius: :0px 10px 10px 10px ;
border-radius: :0px 10px 10px 10px ;
}
#box_sm_blue_tab {
height:15px;
width:235px;
font-size:10px;
line-height:11px;
padding-top:2px;
padding-left:5px;
padding-bottom:0px;
font-weight:900;
color:#FFFFFF;
background: url(mpics/promotab242_lightblue.gif) no-repeat;
}
#box_sm_blue_tab a:link, #box_sm_blue_tab a:visited{
color:#FFFFFF;
}
#box_sm_blue {
width:238px;
font-size:10px;
line-height:12px;
margin-bottom:15px;
border:1px solid #198AFB;
background-color:#ffffff;
color:#000000;
-moz-border-radius :0px 10px 10px 10px ;
-webkit-border-radius: :0px 10px 10px 10px ;
border-radius: :0px 10px 10px 10px ;
}
#box_sm_grey_tab {
height:15px;
width:235px;
font-size:10px;
line-height:11px;
padding-top:2px;
padding-left:5px;
padding-bottom:0px;
font-weight:900;
color:#ffffff;
background:url(mpics/promotab242_grey999999.gif) no-repeat;
}
#box_sm_grey {
width:238px;
font-size:10px;
line-height:12px;
margin-bottom:15px;
border:1px solid #999999;
background-color:#FFFFFF;
-moz-border-radius :0px 10px 10px 10px ;
-webkit-border-radius: :0px 10px 10px 10px ;
border-radius: :0px 10px 10px 10px ;
}
#box_3covers {
border:0;
width:60px;
float:left;
margin:10px 0 0;
padding:0 0 0 15px;
}
#box_smcovers {
width:240px;
margin-left:0px;
margin-top:6px;
line-height:20px;
}
#box_3covers a,#box_smcovers a{
color:#039;
}
#box_3covers a:hover,#box_smcovers a:hover{
background-color:#FFF;
position:relative;
left:1px;
}
#box_archivlink a:hover {
background-color:#09F;
color:#FFFFFF;
}
#box_sm_blue P, #box_sm_yellow P {
font-weight:700;
color:#000000;
padding:2px 11px 0 7px;
}
#box_sm_blue .box_abstand, #box_sm_grey .box_abstand, #box_sm_yellow .box_abstand {
margin:5px 5px 5px 5px;
}
#box_sm_blue ul {
padding-left:25px;
margin:5px 5px 5px 0;
}
#box_sm_blue li{
font-size:10px;
line-height: 12px;
}
#box_sm_blue li a:hover{
background-color:#09F;
color:#FFFFFF;
}
#box_sm_blue a:hover, #box_sm_yellow a:hover{
background-color:#09F;
color:#FFFFFF;
}
div.monimage {
float:right;
clear:both;
vertical-align:bottom;
margin:.5em 0 .5em 1em;
}
div.monimageleft {
float:left;
clear:both;
vertical-align:bottom;
margin:.5em 1em;
}
div.monimagecenter{
width:468px;
text-align:center;
float:none;
clear:both;
text-align:center;
vertical-align:bottom;
margin:0;
padding:0;
}
#tabbox468color1 {
width:450px;
font-size:12px;
line-height:12px;
margin-top:6px;
margin-bottom:5px;
padding-top:2px;
padding-left:4px;
height:18px;
background:url(mpics/tab468_color1.gif) no-repeat;
color:#fff;
}
#tabbox468color2 {
width:450px;
font-size:12px;
line-height:12px;
margin-top:6px;
margin-bottom:5px;
padding-top:2px;
padding-left:4px;
height:18px;
background:url(mpics/tab468_color1.gif) no-repeat;
color:#fff;
}
#issuetochead468 {
width:468px;
}
#issuetoccover {
float:left;
width:200px;
margin-left:10px;
}
ul.tocrubriken_ul {
border:0;
list-style-image:(/mpics/artikel.gif);
list-style-position:inside;
color:#0C6;
margin:0;
padding:0 0 0 50px;
}
li.tocrubriken_li {
border:0;
font-size:12px;
line-height:8px;
margin:0;
padding:0;
}
.toclevel1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:700;
text-decoration:none;
color:#00F;
margin:0;
}
.toclevel2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:400;
text-decoration:none;
color:#333;
list-style-image:(/mpics/artikel.gif);
list-style-position:outside;
padding-top:0;
padding-bottom:3px;
}
li.toclevel3 {
font-size:12px;
line-height:16px;
padding-bottom:8px;
}
.toclevel3 a:link,.toclevel3 a:visited {
color:#000000;
}
.toclevel3 a:hover {
color:#ffffff;
}
.tocsmall {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
font-weight:400;
text-decoration:none;
color:#333;
}
#tocteaser {
width:472px;
border: 1px solid #D0D0D0;
margin:7px 0 10px;
padding:0;
-moz-border-radius :10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background:#fff;
background: url(/mpics/teaser/teaser01.png) no-repeat;
}
#tocteaser2 {
width:472px;
border: 1px solid #D0D0D0;
margin:7px 0 10px;
padding:5px 0 5px 0;
-moz-border-radius :10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background:#fff;
}
#msgarea {
width:722px;
border: 1px solid #D64300;
margin:7px 0 10px;
padding:0;
-moz-border-radius :10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background:#D64300;
}
#tocteaser a, #msgarea a{
background:#fff;
background: url(/mpics/teaser/teaser01.png) no-repeat;
text-decoration:none;
display:block;
float:left;
-moz-border-radius :10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#tocteaser a,#tocteaser a span, #msgarea a, #msgarea a span{
float:none;
}
#tocteaser a:hover, #msgarea a:hover {
background-color:#def;
background: url(/mpics/teaser/teaser.png) no-repeat;
position:relative;
top:1px;
left: 1px;
}
#tocteaser a:hover span {
color:#03F;
background-color:#def;
}
.teaserpicture {
float:left;
padding-left:10px;
padding-right:10px;
}
.teaserpictureright {
float:right;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
.teaservortitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#000;
padding-top:6px;
margin-top:0px;
margin-left:6px;
margin-bottom:2px;
}
.teaserquelle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:bold;
color:#0033CC;
padding-top:6px;
margin-top:0px;
margin-left:6px;
margin-bottom:2px;
}
.teasertitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
font-weight:700;
color:#000;
font-style:normal;
text-decoration:none;
padding-top:6px;
margin:0px 4px 6px 6px;
}
.teasertext{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:11px;
line-height:13px;
padding-bottom:8px;
margin:8px 4px 0px 6px;
}
.teaserdatum{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
color:#000;
padding-top:2px;
margin-top:0px;
margin-left:6px;
margin-bottom:2px;
}
.teaserort{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
color:#000;
padding-top:2px;
padding-bottom:8px;
margin:8px 4px 0px 6px;
}
.teasertextarchiv1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:14px;
padding-bottom:8px;
margin:2px 2px 0px 6px;
}
.teasertextarchiv2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:14px;
padding-bottom:8px;
margin:2px 2px 0px 6px;
}
.teasertextarchiv3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:14px;
padding-bottom:8px;
margin:2px 4px 0px 6px;
}
.teasertextarchiv4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:14px;
padding-bottom:8px;
margin:2px 4px 0px 6px;
}
.teasertextarchiv5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:16px;
padding-bottom:8px;
margin:8px 4px 0px 6px;
}
.teasertextarchiv6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:16px;
padding-bottom:8px;
margin:8px 4px 0px 6px;
}
.teasertextarchiv7 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:16px;
padding-bottom:8px;
margin:8px 4px 0px 6px;
}
.teasertextarchiv5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
line-height:16px;
padding-bottom:8px;
margin:8px 4px 0px 6px;
}
.more_lnk_color {
color:#03F;
}
#contentarea ul,ul.toclevel3 {
padding-left:22px;
list-style-image: url(/mpics/artikel.gif);
list-style-position:outside;
}
.dotbar_date,#issuetocrubriken {
float:left;
}
#toplogo a,#toplogo a:hover {
padding:0;
}
.clearfloatleft,.clearfloatright {
clear:left;
font-size:0;
line-height:1px;
}
div.monimage p.caption,div.monimageleft p.caption,div.monimagecenter p.caption {
font:11px Verdana,sans-serif;
font-style:italic;
color:#414141;
text-align:center;
background-color:#fff;
border:none;
margin:0 0 .5em;
padding:4px 1em;
}
div.monimage a:hover{
background-color:transparent;
}
.red {color: #FF0000;
}
#bottomtext{
width:728px;
text-align:center;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
#bottomtext p{
padding:3px;
line-height:12px;
}
#bottomtext a:hover{
background-color:#09F;
}
#storypagenrarea{
width:464px;
height:40px;
font:Geneva, Arial, Helvetica, sans-serif;
color:#000000;
font-size:8px;
font-weight:bolder;
text-align:right;
}
#pagenr{
float:right;
background-color:#ffffff;
border-color:#198AFB;
border-style:solid;
border-width:1px;
color:#000000;
margin: 0 3px; 0 3px;
padding: 1px 0px 5px 0px;
}
#pagenr a{
color:#000000;
font-size:8px;
font-weight:bolder;
padding: 2px 3px 5px 3px;
}
#pagenr a:hover{
color:#ffffff;
font-size:9px;
font-weight:bolder;
padding: 2px 3px 5px 3px;
}
#pagenr a:hover span{
background-color:border-color:#198AFB;
}
#pagenrfiller{
float:left;
background:#FFFFFF;
color:#000000;
}
#pagenraktivleft{
float:left;
background-color:#f8d661;
font-size:9px;
font-weight:bolder;
padding: 2px 3px 5px 3px;
margin: 0 4px 0 0px;
border-color:#f8d661;
border-style:solid;
border-width:1px;
}
#pagenraktiv{
float:right;
background-color:#f8d661;
font-size:9px;
font-weight:bolder;
padding: 2px 3px 5px 3px;
margin: 0 4px 0 4px;
border-color:#f8d661;
border-style:solid;
border-width:1px;
}
.promotionflag {
font-size: 8px;
color: #FFFFFF;
background-color: #990033;
}
.factboxheader {
border:1px solid #198AFB;
color:#ffffff;
background:#198AFB;
font-size:11px;
font-weight:700;
margin-top:16px;
padding:6px;
padding-top:1px;
padding-bottom:1px;
text-transform:uppercase;
-moz-border-radius :0px 10px 0px 0px ;
-webkit-border-radius: :0px 10px 10px 10px ;
border-radius: :0px 10px 10px 10px ;
}
.factboxcontent {
border-bottom:1px solid #198AFB;
border-left:1px solid #198AFB;
border-right:1px solid #198AFB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
padding:7px;
background:#eeeedd;
}
.factboxcontent p {
margin:0;
padding:2px 0 3px
}
.factboxcontentwhite {
border-bottom:1px solid #198AFB;
border-left:1px solid #198AFB;
border-right:1px solid #198AFB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:10px;
padding:7px;
background:#ffffff;
max-height:200px;
height:expression(this.scrollHeight > 200? "200px" : "auto" );
overflow:scroll;
}
.factboxcontentwhite ul{
margin: 5px 10px 5 px 10px;
line-height:10px;
}
.factboxcontentwhite li{
margin: 0px;
line-height:10px;
}
.factboxcontentwhite a {
margin:0px;
font-size:10px;
line-height:10px;
}
.factboxtitel {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:13px;
font-weight:300;
color:#000;
font-style:normal;
text-decoration:none;
padding-top:6px;
margin:0px 4px 12px 6px;
}
.factboximage {
float:right;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.infoboxscrollcontent {
background-color:#FEFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:11px;
padding-left:0px;
padding-right:7px;
padding-top:7px;
padding-bottom:7px;
max-height:200px;
height:expression(this.scrollHeight > 200? "200px" : "auto" );
overflow:scroll;
}
.infoboxscrollcontent300 {
background-color:#FEFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:11px;
padding:7px;
max-height:300px;
height:expression(this.scrollHeight > 300? "300px" : "auto" );
overflow:scroll;
}
.infoboxscrollcontent ul .infoboxscrollcontent300 ul {
margin: 5px 5px 5px 5px;
line-height:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
.infoboxscrollcontent li .infoboxscrollcontent300 li{
margin: 0px;
line-height:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
.infoboxscrollcontent a .infoboxscrollcontent300 a {
margin:0px;
font-size:9px;
line-height:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
@charset "UTF-8";
/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the error messages
* which prevent them from being displayed by default.
*/
.textfieldRequiredMsg,
.textfieldInvalidFormatMsg,
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and color for the error text.
* The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid
* There are two selectors for each state, to cover the two main usecases for the widget:
* - the widget id is placed on the top level container for the INPUT
* - the widget id is placed on the INPUT element itself (there are no error messages)
*/
/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
background-color: #B8F5B1;
}
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input,
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState input,
input.textfieldMaxValueState, .textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState input,
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
background-color: #FF9F9F;
}
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
background-color:#FFFFee;
}
/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
* It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
*/
.textfieldFlashText input, input.textfieldFlashText {
color: red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
/*color: red !important;*/
}
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and font color for the error text.
* The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
.confirmRequiredMsg,
.confirmInvalidMsg,
.confirmValidMsg {
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and color for the error text.
* The state class (e.g. .confirmRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid
* There are two selectors for each state, to cover the two main usecases for the widget:
* - the widget id is placed on the top level container for the INPUT
* - the widget id is placed on the INPUT element itself (there are no error messages)
*/
/* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
background-color: #B8F5B1;
}
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input,
input.confirmInvalidState, .confirmInvalidState input
{
background-color: #FF9F9F;
}
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
background-color: #FFFFCC;
}
.radioRequiredMsg, .radioInvalidMsg{
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and font color for the error text.
* The state class (e.g. .radioRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
.selectRequiredMsg, .selectInvalidMsg {
display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
* These classes set a default red border and color for the error text.
* The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states:
* focus, required / invalid, valid
* There are two selectors for each state, to cover the two main usecases for the widget:
* - the widget id is placed on the top level container for the SELECT
* - the widget id is placed on the SELECT element itself (there are no error messages)
*/
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
background-color: #B8F5B1;
}
/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
background-color: #FF9F9F;
}
/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
background-color: #FFFFCC;
}
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
display:none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and color for the error text.
* The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}
/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid
* There are two selectors for each state, to cover the two main usecases for the widget:
* - the widget id is placed on the top level container for the TEXTAREA
* - the widget id is placed on the TEXTAREA element itself (there are no error messages)
*/
/* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
background-color:#B8F5B1;
}
/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea,
textarea.textareaMinCharsState, .textareaMinCharsState textarea,
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
background-color:#FF9F9F;
}
/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
background-color:#FFFFCC;
}
/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
* It applies only when the widget has enforce max chars enabled and the user tries to type some more.
*/
.textareaFlashState textarea, textarea.textareaFlashState{
color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
/* color: red !important;*/
}
@charset "UTF-8";
/* CSS Document */
/* Overrides some of the default styles
for widget error messages to include images
----------------------------------------------- */
input{
float:left;
width:180px;
border: 1px solid #b1b1bc;
}
select{
width: 185px;
font-size:small;
border: 1px solid #b1b1bc;
background-color: #fff;
color: #000;
float:left;
}
input, select, textarea{
margin-left: 10px;
border: 1px solid #b1b1bc;
}
.validcheckbox{
float:left;
width:70px;
}
#checkboxes{
width: 650px;
height: 60px;
}
#checkboxes input{
margin-left:0px;
width:14px;
margin-left: 29px;
}
#formcellline{
clear:both;
width:460px;
margin: 5px 0 10px 0;
padding-bottom:3px;
}
#checkboxes label{
width: 68px;
text-align:center;
margin-left:0px;
}
#checkboxes .input_container{
width: 68px;
}
#radios input{
margin-left:0px;
width:14px;
float:left;
}
#radios label{
width:14px;
margin-left: 29px;
float:left;
}
#sex input{
border:0px;
width:14px;
float:left;
display:inline;
}
#newsletter input{
border:0px;
}
#firma input{
width:300px;
}
#sex label{
font-size:11px;
float:left;
display:inline;
}
#plz label{
float:left;
}
#plz input{
width:80px;
}
#rsemail input{
background-color:#FFFFFF;
}
.buttons{
margin-top:15px;
border:0;
}
.buttons input{
width: 200px;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
font-weight:bold;
font-size:16px;
text-align:center;
}
.formLabel{
font-size:11px;
clear:left;
text-align:right;
width:90px;
margin-bottom:7px;
margin-top:3px;
margin-right:2px;
float:left;
}
.formLabel_newsletter{
font-size:11px;
clear:left;
text-align:left;
margin-bottom:7px;
margin-top:13px;
margin-right:2px;
float:left;
}
.optionboxtext{
font-size:11px;
text-align:left;
margin-bottom:10px;
line-height:16px;
}
.boxtext{
float:left;
font-size:11px;
padding-left:10px;
padding-bottom:5px;
}
#errors{
float:left;
height:25px;
margin-top:10px;
}
.checkboxRequiredState .formLabel, .checkboxMaxSelectionsState .formLabel,
.selectRequiredState .formLabel, .selectInvalidState .formLabel,
.textareaRequiredState .formLabel, .textareaMinCharsState .formLabel, .textareaMaxCharsState .formLabel,
.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel, .radioRequiredState .formLabel{
color: #CC3333;
}
#Countvalidta1{
width:17px;
}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg{
border:0px;
padding-left:22px;
margin-left:4px;
background-image:url(/mpics/error.gif);
background-repeat:no-repeat;
}
.validMsg{
float:left;
width:16px;
height:16px;
margin-left:6px;
display:none;
}
.validMsg_newsletter{
float:clear;
width:16px;
height:20px;
margin-left:0px;
margin-top:10px;
display:none;
background-color:#3300CC;
}
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
display:inline;
}
#okmessage{
margin-top:10px;
color: green;
display:none;
}
.red {color: #FF0000}