/*------------------------------------------------------------------------
http://www.domainname.com
Autor: holzweg ecommmerce solutions, Dipl.Inform. Christoph Holz
Inhalt: Diese CSS wird für Basic Formatierung verwendet
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------
Reset DefÃnitions
---------------------------------------------------------------------------*/
*{line-height:12px;}
*:focus{outline:none;}
html{color:#2C2C2C;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:10px;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* löschen von Floateigenschaften
---------------------------------------------------------------------------*/
.clear { display: inline-block; } /* IE7 / win */
.clear { display: block; } /* IE5,IE6,IE7 / win*/
* html .clear { height: 1%; } /* IE5 + IE6 / Win */
#clear_ie {
position:static;
display:block;
width: 100%;
font-size:0px;
margin: -2px 0 -1em 1px;
}
* html #clear_ie { margin: -2px 0 -1em 0;}
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clear { display: block; } /* Safari / Mac */
#clear_ie { display: none }
.clearfloat {clear:both;}
/*----------------------------------------------------------------------------*/
/* Generell Definitions */
/* ---------------------------------------------------------------------------*/
body{ font-size: 0.75em;_font-size:12px; color: #2C2C2C; font-family: Verdana, Arial, sans-serif;}
/**:first-child+html body{font-size:0.6em;}*/
div{}
h1{font-size: 1.125em;}
h2{font-size: 1.0em;}
h3{font-size:0.875em;}
h4{font-size:0.85em;font-weight:bold;}
h5{font-size:0.75em;font-weight:bold;}
h6{font-size:0.75em;}
dl{}
dt{padding:0;margin:0;}
dd{padding:0;margin:0;}
ul{padding:0;margin:0; }
li{padding:0;margin:0;}
ol{padding:0;margin:0;}
li{padding:0;margin:0;}
img{border:1px solid #aaa;}
pre{}
code{}
span{}
form{}
fieldset{}
legend{} /* Bezeichnung einer Gruppe von Feldern */
label{} /* Bezeichnung eines Formularelementes */
select{}
optgroup{} /* Optionsgruppe in einer Auswahlliste */
option{} /* Element einer Auswahlliste */
input.text{
border:solid #AAAAAA;
border-width: 1px;
}
textarea{padding:3px;}
button{}
address{} /* Hervorhebung von Adressen / Visitenkarten / mikroformats */
em{}
strong{}
sub{} /* Text tiefer stellen */
sup{} /* Text höher stellen */
abbr{} /* Abkürzungen erklären / nicht für den IE6 geeignet*/
acronym /* Abkürzungen erklären */
hr{}
br{}
p{}
blockquote{}
cite{} /* Zitat */
table{}
caption{}
th{}
td{}
a{text-decoration:none; color:#333333;}
a:link{}
a:visited{color:#333333;}
a:focus{outline:none;}/* ff hack, no dotted borders */
a:hover{}
a:active{}
.clear{clear:both}
/*------------------------------------------------------------------------
http://www.stol.it
Autor: holzweg ecommmerce solutions, Dipl.Inform. Christoph Holz
Inhalt: Diese CSS wird fuer die Formatierung des Layouts verwendet
--------------------------------------------------------------------------*/
/*################################################################################################################################################
Grundlayout
##################################################################################################################################################*/
body{background:#1B4A80;font-family: Verdana, Arial, sans-serif;}
#mastergridBanner{
float: left;
width: 100%;
}
/* --------------------------------------------------------------------------*/
/* RUNDE ECKEN */
/* --------------------------------------------------------------------------*/
.roundCorner, .list li a, .button, .globaleNavigation li a{
border-width:0 1px;
border-style:solid;
display:block;
}
.r1, .list li a .r1, .button .r1, .globaleNavigation li a .r1{
border-style:solid;
border-width:1px 0 0;
position:relative;
top:-1px;
display:block;
font-weight:normal;
}
.r2, .list li a .r2, .button .r2, .globaleNavigation li a .r2{
border-width:0 0 1px;
top:2px;
position:relative;
border-style:solid;
display:block;
overflow:hidden;
}
/* --------------------------------------------------------------------------*/
/* Aussengerüst */
/* --------------------------------------------------------------------------*/
#mastergrid{
float: left;
width: 700px;
background: #D5D9DC;
padding: 0 0 7px 7px;
margin: 0px;
_padding: 0 0 7px 2px;
}
*:first-child+html #mastergrid{ width:865px; padding:0 0 7px 4px;}
/* --------------------------------------------------------------------------*/
/* Bannerwerbung */
/* --------------------------------------------------------------------------*/
#bannerContainerTop{_display:inline;color:#000;height:90px;_height:90px;float:left;}
#bannerContainerRight{ float:left;_display:inline;color:#000;}
#bannerContainerRight img{margin-bottom:8px; }
.bnt869{width:869px; margin-right:300px;}
.bnt989{width:989px; margin-right:180px;}
.bnr120{width:120px;}
.bnt1029{width:1029px; margin-right:140px;}
.bnr160{width:160px;}
.bnt1069{width:1069px;margin-right:100px;}
.bnr200{width:200px;}
.bnt1169{width:1169px;}
.bnr300{width:300px;}
.mr312{margin-right:312px;}
.mr180{margin-right:180px;}
.mr140{margin-right:140px;}
.mr100{margin-right:100px;}
*:first-child+html .mr100{margin-right:107px;}
.mt12{margin-top:12px;}
/* --------------------------------------------------------------------------*/
/* Header */
/* --------------------------------------------------------------------------*/
#headerContainer{float:left;padding:10px 0px;width:100%;_padding-bottom:5px;}
#logo{float:left;}
#logo img{
border:none;
}
/* --------------------------------------------------------------------------*/
/* GLOBALE NAVIGATION (HAUPTNAVIGATION) */
/* --------------------------------------------------------------------------*/
#globaleNavigation {text-align:left;background:none;float:left;margin-bottom:8px;}
/* --------------------------------------------------------------------------*/
/* HAUPTINHALTSCONTAINER */
/* ( inkludiert Meldungen, Listen, Detailinformationen ) */
/* --------------------------------------------------------------------------*/
#contentContainer{
float:left;
width:859px;
}
*:first-child+html #contentContainer{/*IE7*/margin-bottom:8px;}
#contentImagesContainer{
float: right;
width: 180px;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 60px;
_display:inline;
}
#contentImagesContainer img{margin-bottom: 5px;}
#contentImagesContainer span{margin-bottom: 10px; display:block;font-size:0.8em;}
.contentWrapper {float:left;width:100%;}
/* --------------------------------------------------------------------------*/
/* Linke Spalte ( Liste von Meldungen ) */
/* --------------------------------------------------------------------------*/
.columnLeft{float:left;width:56%;margin-right: 8px;_width:53%;}
/* --------------------------------------------------------------------------*/
/* Rechte Spalte
( Meldungen, Foto des Tages, Bücher, Wetter,..) */
/* --------------------------------------------------------------------------*/
.columnRight{float:left;width:43%;_width:43%;}
/* --------------------------------------------------------------------------*/
/* für 2-Spaltigkeit bei den Meldungen */
/* --------------------------------------------------------------------------*/
.infoBoxWrapper{margin-bottom:8px; width:100%;}
/* --------------------------------------------------------------------------*/
/* Fusszeile */
/* --------------------------------------------------------------------------*/
#footerContainer{float:left;width:99.8%;background-color:#F8F8F8;border-color:#F8F8F8;}
*:first-child+html #footerContainer{width:860px;}
#footerContainer div, #footerContainer div div {border-color:#F8F8F8; color:#F8F8F8;}
#footerContainer div div{overflow:hidden; padding:10px;}
#footerContainer a{text-decoration:none;vertical-align:1px;color:#575757;}
#footerContainer a:hover{text-decoration:underline;}
#footerContainer p{color:#151618;font-size:0.9em;color:#575757;}
#footerContainer .footerSudtirol{color:#000;}
#footerContainer .footerTopCorner{margin-bottom:13px;}/*gleiche hoehe wie search-input*/
#footerContainer .footerBottomCorner{margin-top:40px; _padding-bottom:10px;}
#footerContainer .inputHeader, #footerContainer .inputHeader div{padding:0; margin:0;}
/* --------------------------------------------------------------------------*/
/* SITEMAP */
/* --------------------------------------------------------------------------*/
.siteMapContainer{
width:99.8%;
/*background:#B8B9BB;*/
background:#BFBFBF;
border-color:#BFBFBF;
text-transform:uppercase;
}
*:first-child+html .siteMapContainer{width:860px;}
.siteMapContainer .r1, .siteMapContainer .r1 .r2{
border-color:#BFBFBF;
}
.siteMapContainer .last{margin-right:0;}
.siteMap{
height:78%;
padding:11px;
width:14%;
margin-right:1px;
/*border-right:1px dotted #8f8f91;
margin:10px 0;*/
}
.siteMap h2{
font-weight:bold;
margin-bottom:15px;
}
.siteMap li{
font-size:0.8em;
margin:7px 0;
}
.siteMap a{
/*color:#000;*/
}
/* ################################################################################################################################################
Templates (Startseite sowie Detailseite)
##################################################################################################################################################*/
/* --------------------------------------------------------------------------*/
/* Teaserboxen / Meldungen / Startseite */
/* --------------------------------------------------------------------------*/
.teaserContainer{width:100%; _width:101%;position:relative;}
/*-------------------------------------------------------------------------
Rounden für die bilder
bsp.:
<=oben
<=ganz unten
---------------------------------------------------------------------------*/
/* //// runde Ecken oben //// */
.roundedImgT, .roundedImgB{
height:1px;
display:block;
overflow:hidden;
font-size:0;
border-left: 1px solid #D5D9DC;
border-right: 1px solid #D5D9DC;
background:none;
}
/* //// RUNDE ECKEN UNTEN //// */
.roundedImgB{/*clear:both;position:relative;bottom:0px; top:-1px;*/ }
/* //// BREITE DER RUNDEN ECKEN BEI DEN TEASERBOXEN ////*/
.teaserBox_1 .roundedImgB {width:612px;}
.teaserBox_2 .roundedImgB {width:406px;_width:408px;}
.teaserBox_3 .roundedImgB {}
.teaserBox_4_Wrapper .roundedImgB {}
/* -------------------------------------------------------------------------------------*/
/* TEASERBOX : ALLGEMEIN */
/* -------------------------------------------------------------------------------------*/
.teaserBox{
padding:0;
margin:0;
position:relative;
}
.teaserBoxFoto{
display:block;
height:100%;
width:100%;
}
.teaserBoxText{
background-color:#dddddd;
position:absolute;
bottom:0;
left:0;
padding: 5px 15px;
opacity:0.8;
filter:alpha(opacity=80); /* IE bug, opacity*/
}
.teaserBoxText p{color:#363636;font-size:1em;font-weight:bold;}
.teaserBoxText .teaserBoxTeaser{font-weight: normal;}
/* --------------------------------------------------------------------------*/
/* TEASERBOX : GROSSES BILD GEHT ÃœBER DIE GANZE BREITE DES CONTENTS */
/* --------------------------------------------------------------------------*/
/* //// TeaserBox - (Position A) - großes Bild über die ganze Breite //// */
/* //// TeaserBox - weiters befindet sich in der Teaserbox das Hintergrundbidl //// */
.teaserBox_1{
width:614px;
min-height:250px;
height:auto !important;/* IE bug, min-height*/
height: 250px;
}
/* //// TEXTBOX FÃœR DIE VARIANTE - GROSSES BILD ÃœBER DIE GANZE SEITE ///// */
/* //// TEASERBOX FORMATIERUNG //// */
.teaserBox_1 .teaserBoxText{
float:left;
width:236px;
min-height:65px;
height:auto !important;/* IE bug, min-height*/
height: 65px;
}
/* //// TeaserBox - (Position A) - großes Bild über das 1/3 //// */
/* //// TeaserBox - weiters befindet sich in der Teaserbox das Hintergrundbidl //// */
.teaserBox_2{
width:406px; _width:408px;
min-height:250px;
height:auto !important;/* IE bug, min-height*/
height: 250px;
}
/* //// TEXTBOX FÃœR DIE VARIANTE - GROSSES BILD ÃœBER DIE GANZE SEITE ///// */
/* //// TEASERBOX FORMATIERUNG //// */
.teaserBox_2 .teaserBoxText{
min-height:43px;
height:auto !important;/* IE bug, min-height*/
height: 43px;
width: 377px;
}
/* //// TeaserBox - (Position B) - 1/3 BILD //// */
/* //// TeaserBox - weiters befindet sich in der Teaserbox das Hintergrundbidl //// */
.teaserBox_3{
width:198px;
min-height:250px;
height:auto !important;/* IE bug, min-height*/
height: 250px;
/*background: transparent url(../images/teaserbox1.jpg) no-repeat scroll left top;*/
}
/* //// TEXTBOX FÃœR DIE VARIANTE - GROSSES BILD ÃœBER DIE GANZE SEITE ///// */
/* //// TEASERBOX FORMATIERUNG //// */
.teaserBox_3 .teaserBoxText{
min-height:43px;
height:auto !important;/* IE bug, min-height*/
height: 43px;
width: 170px;
}
/* //// TeaserBox - (Position B ) - 2 KLEINE BILDER //// */
/* //// TeaserBox - weiters befindet sich in der Teaserbox das Hintergrundbidl //// */
.teaserBox_4_Wrapper{float:left;height:250px;width:198px;}
.teaserBox_4{
width:198px;
min-height:121px;
height:auto !important;/* IE bug, min-height*/
height: 121px;
}
/* //// TEXTBOX FÃœR DIE VARIANTE - GROSSES BILD ÃœBER DIE GANZE SEITE ///// */
/* //// TEASERBOX FORMATIERUNG //// */
.teaserBox_4 .teaserBoxText{
min-height:30px;
height:auto !important;/* IE bug, min-height*/
height: 30px;
width: 170px;
}
/* --------------------------------------------------------------------------*/
/* BUTTONS (TEASERBOX, PRODUKTE) */
/* --------------------------------------------------------------------------*/
.list li a .r1, .list li a .r2{border-color:#7F8080;}
.list li a{ background-color:#7F8080;border-color:#7F8080;color:#fff;}
.list li a:hover, .list li a:hover{background-color:#666762;border-color:#666762;}
.list li a:hover > .r1, .list li a:hover > .r1 .r2{border-color:#666762;}
.mehrbutton{background:transparent url('../images/mehr.gif') no-repeat;
width:50px;height:18px;cursor:pointer;}
.mehrbutton:hover{background:transparent url('../images/mehrHover.gif') no-repeat;
width:50px;height:18px;cursor:pointer;}
/* --------------------------------------------------------------------------*/
/* INFORMATIONSBOXEN : ( Meldungsboxen) */
/* --------------------------------------------------------------------------*/
.infoBox{ width:100%; border-color:#F8F8F8;background-color:#F8F8F8;}
.infoBox .r1, .infoBox .r2 {border-color:#F8F8F8;}
/* zusätzliche Meldungstypen - befinden sich in der 2. Spalte - Startseite ganz oben */
.infoBoxBig {width:48%; _width:44%; margin:0px; height:310px;}
.infoBoxBig .r1{
height:310px;
}
.infoBoxBig .r1 .r2{height:294px;}
.infoBoxBig img {}
.infoBoxSmall {}
/* //// KATEGORIE //// */
.category{color:#2C2C2C;font-size:0.8em;font-weight:bold;}
/* //// FORMATIERUNG DER INFORMATIONSBOXEN //// */
.infoBox span.category {padding-bottom: 10px;display:block;}
.infoBox span.more a{text-decoration:underline;}
.infoBox .r2{padding:7px;_width:100%;}
.infoBox h2 {font-size: 1.0em;font-weight:bold;padding-bottom: 10px;}
.infoBox p {font-size: 0.9em;font-weight:normal;line-height: 1.2em; margin-bottom:10px;}
.infoBox img {float:left;margin: 0px 10px 8px 0px;}
.infoBoxBig img{margin: 0px 0px 10px 0px;}
.infoBox a, .infoBox a:link, .infoBox a:visited{ text-decoration:none; color:#2C2C2C;line-height:1.2em;}
.infoBox a:hover { text-decoration:none;line-height:1.2em;}
.infoBox ul{font-size: 0.9em;float:left;margin:0;padding-bottom:7px;}
.infoBox ul li {background: url(../images/list_arrow.gif) no-repeat 0px 4px;padding-left:10px; padding-bottom: 3px;}
.PR{background-color:#fef9ec; border-color:#fef9ec;}
.PR .r1, .PR .r2{border-color:#fef9ec;}
/* --------------------------------------------------------------------------*/
/* archive.html */
/* --------------------------------------------------------------------------*/
.infoBox table{
margin-top:10px;
}
/* --------------------------------------------------------------------------*/
/* HAUSINTERNE WERBUNG (OPTISCH GLEICH WIE GOOGLE ADWORDS)
/* BANNERWERBUNG IM CONTENT
/* --------------------------------------------------------------------------*/
.ads{border-top:1px dotted #C0C1C6;/*border-bottom:1px dotted #C0C1C6;*/_overflow:hidden;float:left;_margin-bottom:15px;}
.ads img {border:none;}
.adsSmall{}
*:first-child+html .adsSmall{width:228px;}
.adsBig{}
.werbung{width:100%;_width:99%; text-align:center;}
.werbung span.category{display:block; padding:7px 0px 0px 0px; _width:auto;text-align:left;}
.werbung img{margin:7px 0px;}
.werbung object, .werbung embed{margin:10px 0px;}
/* --------------------------------------------------------------------------*/
/* PRODUKTE ( SHOP ) */
/* --------------------------------------------------------------------------*/
.shopContainer{width:100%; border-color:#F8F8F8; background-color:#F8F8F8;}
.shopContainer .r1, .shopContainer .r2{border-color:#F8F8F8;}
.shopContainer .r2{_width:100%;}
*:first-child+html .shop .r2{width:auto;}
.shopContainer img{float:left;margin:10px; _margin:10px 7px; _display:block;}
.shopContainer h2{margin-bottom:3px; width:180px; font-weight:bold; line-height:14px;}
.shopContainer h3{margin-bottom:10px;}
.shopContainer p{font-size:0.9em;}
.shopContainer .category{margin-bottom:5px; display:block;}
.shopContainer a{color:#2C2C2C; display:block;}
.shopContainer a:hover{text-decoration:underline; color:#2C2C2C;}
.shopContainer .r2 .leftSide{float:left; padding:0px; width:35%;}
.shopContainer .r2 .rightSide{float:left; background:transparent url(../images/shop.gif) no-repeat scroll right top;padding:5px; top:-2px; width:60%; _position:relative;}
.shopLink{height:36px;position:absolute;right:0;top:0;width:46px;cursor:pointer; }
/* --------------------------------------------------------------------------*/
/* TED */
/* --------------------------------------------------------------------------*/
.tedBox{width:100%; border-color:#F8F8F8; background-color:#F8F8F8;}
.tedBox .r1, .tedBox .r2{border-color:#F8F8F8;}
.tedBox .r2{_width:100%;}
*:first-child+html .shop .r2{width:auto;}
.tedBox img{float:left;margin:10px 0 10px; _display:block;border:none;}
.tedBox .leftSide img{margin:25px 10px;}
.tedBox h2{margin-bottom:3px; width:180px;font-size:1.1em;}
.tedBox h2 a{margin-bottom:3px; width:180px;font-size:1.1em; text-decoration:none;}
.tedBox h2 a strong{line-height:18px;}
.tedBox h3{margin-bottom:10px;}
.tedBox p{font-size:0.9em; margin-top:15px;}
.tedBox .category{margin-bottom:5px; display:block;}
.tedBox a{color:#2C2C2C; text-decoration:underline;}
.tedBox .r2 .leftSide{float:left; padding:0px; width:45%;}
.tedBox .r2 .rightSide{float:left;padding:30px 7px 0; top:-2px; width:50%; _position:relative;}
/* --------------------------------------------------------------------------*/
/* NEU ONTOUR */
/* --------------------------------------------------------------------------*/
.onTourNav{
width:136px;
height:209px;
position:absolute;
right:6px;
}
.onTourNav li{
float:left;
width:134px;
height:51px;
border-width:1px 1px 0px 1px;
border-style:solid;
border-color:#AAA;
opacity:0.95;
filter:alpha(opacity=95);
background:#EFEFEF;
}
.onTourNav li.last{
border-width:1px;
}
li.activ{
/*height:68px;*/
background:#ad1e22;
font-weight:bold;
color:#fff;
}
li.activ a{
color:#fff;
}
.onTourNav li a{
display:block;
height:37px;
padding:7px;
font-size:0.9em;
}
.onTourNav li.activ a.onTourLink{
background:transparent url(../images/list_arrow_white.jpg) no-repeat scroll 6px 8px;
display:block;
padding:4px 4px 4px 16px;
border-top:1px solid #FFFFFF;
height:13px;
}
/* ---------------------------------------------------------------------------*/
/* DETAILSEITE . CONTAINER / INHALT TEXT FORMATIERNE */
/* ---------------------------------------------------------------------------*/
.textBox{background-color:#F8F8F8; width:100%; border-color:#F8F8F8;}
.textBox .r1, .textBox .r2{border-color:#F8F8F8;}
.textBox .r2{padding:10px;}
/* //// FORMATIERUNG DES CONTENT INHALTES ///// */
.textBox .category{display:block; padding:10px 0;_width:100%; _padding:13px 0; _display:inline;}
.bigBild{float:right;}
.galleriename{color:#6B6C6E;font-size:1em;}
.galleriename_unterschrift {font-size: 0.7em; _font-size: 0.8em;}
body:nth-of-type(1) .galleriename_unterschrift {font-size: 0.8em;}
*:first-child+html .galleriename_unterschrift {font-size: 0.8em;}
/* /// ÃœBERSCHRIFTEN //// */
.textBox h1{font-weight:bold;line-height:1.2em;}
.textBox h2, .archivTabsContainer h2 {font-weight:bold; text-transform:uppercase; margin-top:3px;}
.textBox h3 {font-weight:bold; text-transform:uppercase;}
.textBox h4 {font-weight:bold; text-transform:uppercase;}
/* /// ABSATZ /// */
.textBox p{padding:5px 0; font-size:0.95em; _font-size:1em;line-height:1.5em;}
*:first-child+html .textBox p{font-size:1em;}
.textBox p a:link {color: #333;text-decoration:underline;}
.textBox p a:hover {text-decoration:underline;}
.textBox p a:visited {text-decoration:underline;}
/* //// FETT //// */
.textbox .r2 p strong {line-height:1.5em;}
/* /// AUFZÄHLUNG - keine Zahlen //// */
.textBox ul{font-size:0.9em;line-height:1.5em;}
.textBox ul li{list-style-type: disc; list-style-position:outside; margin-left:15px;}
.textBox ul li a {color: #333;text-decoration:underline;}
.textBox ul li a:link{color: #333;}
.textBox ul li a:hover{color: #333;}
.textBox ul li a:visited{color: #333;}
/* /// AUFZÄHLUNG - mit Punkten //// */
.textBox ol{ font-size:0.9em;line-height:1.5em;}
.textBox ol li{list-style-type: decimal;list-style-position:outside; margin-left:20px;}
.textBox ol li a {color: #333;text-decoration:underline;}
.textBox ol li a:link{color: #333;}
.textBox ol li a:hover{text-decoration:underline;}
.textBox ol li a:visited{}
.textBox ol li li { margin-left:20px;}
.textBox ol li li a:link{color: #333;}
.textBox ol li li a:hover{text-decoration:underline;}
.textBox ol li li a:visited{}
/* /// DEFINITONSLISTEN /// */
.textBox dl {}
.textBox dt {}
.textBox dd {}
.textBox dl li{}
.textBox dl a:link{color: #333;}
.textBox dl a:hover{}
.textBox dl a:visited{}
/* /// TABELLE /// */
.customTable {
border-collapse:collapse;
font:0.8em/145% 'Verdana';
color: #333;
display:block;
margin-top:10px;
}
.customTable td, .customTable th {padding:5px; vertical-align:top;}
.customTable caption {
padding: 0 0 .5em 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;
}
/* //// HYPERLNKS IN DER TABELLE //// */
.customTable a { color:#333333;text-decoration:none;border-bottom: 1px dashed #a8a9ab;}
.customTable a:link {}
.customTable a:visited {font-weight:normal;color:#666;}
.customTable a:hover {border-bottom: 1px dashed #333;text-decoration:none;}
/* //// TABLE =head, =foot //// */
.customTable thead th, tfoot th, tfoot td {background:#a8a9ab url(../images/bg_globaleNavi.jpg) repeat-x top left;}
.customTable tfoot td {text-align:right}
/* //// TABLE =body //// */
.customTable tbody th, .customTable tbody td {border-bottom: dotted 1px #a8a9ab;}
.customTable tbody th {white-space: nowrap;}
.newsContent .customTable tbody th {white-space: normal;}
.customTable tbody th a {color:#333;}
.odd {}
.customTable tbody tr:hover {background:#EEEEEE;}
/* /// FETT /// */
.customTable strong { font-weight: bold; }
/* /// KURSIV //// */
.customTable em {font-style: normal;}
.customTable i {font-style: normal;}
/* /// ABKÃœRZUNGEN /// */
.customTable abbr {} /* Abkürzungen erklären / nicht für den IE6 geeignet*/
.customTable acronym {}/* Abkürzungen erklären */
/* /// ZITATE /// */
.customTable cite {}
/* /// BLOCKQUOTE //// */
.customTable blockquote { font-style: oblique; }
/* //// DOWNLOAD verschiedener Dateien //// */
.word {background: url(../images/IconContentWord.gif) 0px 1px no-repeat;padding-left: 15px;color:#333333;}
.pdf { background: url(../images/IconContentPdf.gif) 0px 1px no-repeat; padding-left: 15px;color:#333333}
.xls {background: url(../images/IconContentExcel.gif) 0px 1px no-repeat; padding-left: 15px;color:#333333}
.textBox a {color:#333;text-decoration:underline;}
.textBox a:link{color:#333;text-decoration:underline;}
.textBox a:visited {color:#333;text-decoration:underline;}
.textBox a:hover {color:#333;text-decoration:underline;}
/* //// HEADER IN DETAILSEITE, WETTER, //// */
.boxHeader{
border-bottom:1px dotted #2C2C2C;
overflow:hidden;
padding:0 0 5px;
width:100%;
}
.boxHeader span{float:left; font-size:0.8em;}
.boxHeader ul{float:right;}
.boxHeader ul li{float:left; margin:0 5px;list-style-type:none;}
.boxHeader ul li a{text-decoration:none; color:#2C2C2C; padding-left:20px; font-size:0.8em;}
*:first-child+html .boxHeader ul li a{font-size:0.9em;}
.boxHeader ul li.print a{background:transparent url(../images/print_icon.gif) no-repeat scroll left center;}
.boxHeader ul li.tellFriends a{background:transparent url(../images/mail_icon.gif) no-repeat scroll left center;}
.boxHeader ul li.bookmark a{background:transparent url(../images/bookmark_icon.gif) no-repeat scroll left center;}
.boxHeader .rate a{background:transparent url(../images/sprechblase.jpg) no-repeat;padding-left:23px;}
.boxHeader .rate a{text-decoration:none;}
/* ---------------------------------------------------------------------------*/
/* ARTIKEL KOMMENTARE
/* ---------------------------------------------------------------------------*/
.commentFormContainer{font-size:0.95em;padding-top:8px;padding-bottom:10px;border-bottom:1px dotted #2C2C2C;}
.commentFormContainer a {text-decoration:underline;}
.commentFormContainer a:link {text-decoration: underline;}
.commentFormContainer a:visited {text-decoration: underline;}
.commentFormContainer a:hover {text-decoration: underline;}
.commentFormContainer form textarea {font-size:0.95em;width:450px;_width:420px;height:120px;margin-top:5px;margin-bottom:5px;}
#commentarForm .reset {background:url(../images/bu_reset.gif);width:67px;height:18px;border:none;cursor:pointer; margin-right:5px; float:left;_float:none;}
#commentarForm .send {background:url(../images/bu_send.gif);width:77px;height:18px;border:none;cursor:pointer; margin-right:5px; float:left;_float:none;}
.commentContainer{font-size:0.95em;}
#ajaxStatus{background:url(../images/commentLoader.gif);width:16px;height:16px;border:none; float:left;}
/* ---------------------------------------------------------------------------*/
/* ARTIKEL / ÄHNLICHE MELDUNGEN ( ÄHNLICHE ARTIKEL IN DER DETAILSEITE )
/* ---------------------------------------------------------------------------*/
.artikelContainer{width:99%; background-color:#F8F8F8; border-color:#F8F8F8;_width:100%;}
.artikelContainer .r1, .artikelContainer .r2{border-color:#F8F8F8;}
.artikelContainer .r2{padding:7px;}
.artikelContainer .category{
border-bottom:1px dotted #BCBCBC;
display:block;
padding-bottom:8px;
_top:0;
_position:relative;
}
.artikelContainer ul li{border-bottom:1px dotted #BCBCBC; _top:0; _position:relative;}
.artikelContainer ul li a{
background:transparent url(../images/list_arrow.gif) no-repeat scroll 0 8px;
padding:4px 0 4px 11px;
display:block;
margin-left:10px;
text-decoration:none;
color:#757575;
font-size:0.888em;
_font-size:1em;
}
*:first-child+html .artikelContainer ul li a{font-size:0.9em;}
/* ---------------------------------------------------------------------------*/
/* ---- RSS FEEDS */
/* ---------------------------------------------------------------------------*/
.rssContainer, .geburstagContainer{width:99%; background-color:#F8F8F8; border-color:#F8F8F8;}
.rssContainer .r1, .rssContainer .r2, .geburstagContainer .r1, .geburstagContainer .r2{border-color:#F8F8F8;}
.rssContainer .r2, .geburstagContainer .r2{padding:7px;}
.rssContainer .category{
background: url('../images/feed-icon-12x12.gif') 0px 1px no-repeat;
padding-left: 18px;
display:block;
padding-bottom:8px;
_top:0;
_position:relative;
}
.rssContainer ul li, .geburstagContainer ul li{border-bottom:1px dotted #BCBCBC; _top:0; _position:relative;}
.rssContainer ul li a, .geburstagContainer ul li a{
background:transparent url(../images/list_arrow.gif) no-repeat scroll 0 8px;
padding:4px 0 4px 11px;
display:block;
margin-left:10px;
text-decoration:none;
color:#757575;
font-size:0.8em;
_font-size:1em;
}
*:first-child+html .rssContainer ul li a, *:first-child+html .geburstagContainer ul li a{font-size:0.9em;}
/* ---------------------------------------------------------------------------*/
/* ---- Geburstag */
/* ---------------------------------------------------------------------------*/
.geburstagContainer .category{
padding-left: 8px;
border-bottom:1px dotted #BCBCBC;
display:block;
padding-bottom:8px;
_top:0;
_position:relative;
}
.geburstagContainer ul li a{
color:#2c2c2c;
}
/* ---------------------------------------------------------------------------*/
/* ---- REGISTRIEREN / LIGHTBOX / LOGIN.STOL.IT */
/* ---------------------------------------------------------------------------*/
.registrierenBox h1{font-size:1.1m;}
.registrierenBox h3{font-size:0.675em;margin-top:-10px;}
.registrierenBox p {font-size:0.725em; line-height:1.0em;}
.registrierenBox table p {font-size:0.725em; line-height:1.0em;}
.registrierenBox table ul li {padding:0; margin:2px;}
.registrierenBox table input {font-size:0.725em;padding:2px;}
.registrierenBox .globaleNavigation .r2 {padding: 9px 7px;text-decoration:none;font-size:0.78em;}
.registrierenBox .globaleNavigation a {text-decoration: none;}
/* LISTE WIE GEBUSRTAGE */
.listMod{}
.listMod ul li{border-bottom:1px dotted #BCBCBC; _top:0; _position:relative;}
.listMod ul li a{
background:transparent url(../images/list_arrow.gif) no-repeat scroll 0 8px;
padding:4px 0 4px 11px;
display:block;
margin-left:10px;
text-decoration:none;
color:#2C2C2C;
font-size:0.8em;
_font-size:1em;
}
/* ################################################################################################################################################
Navigationen
##################################################################################################################################################*/
/* --------------------------------------------------------------------------*/
/* globale Hauptnavigation */
/* ---------------------------------------------------------------------------*/
/* remove all the bullets, borders and padding from the default list styling */
.globaleNavigation ul {
float:left;
padding:0;
margin:3px -1px;
list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.globaleNavigation li{
display:block;
float:left;
margin:0 1px;
_width:auto;
text-align:center;
font-size:0.95em;
color: #333;
position:relative;
}
.globaleNavigation li.community_stol .r2{
text-transform:none;
}
.globaleNavigation li#news{#z-index:5;}
.globaleNavigation a, .globaleNavigation a:link, .newsButton{
display: block;
color: #333;
background: #a8a9ab url(../images/bg_globaleNavi.gif) repeat-x top left;
border-color:#a8a9ab;
#z-index:5;
}
.globaleNavigation ul li a:hover, .communityNav ul li.community_stol a:hover, .globaleNavigation #aktive,.globaleNavigation ul li a.newsButton.aktive,.globaleNavigation ul li a.newsButton.aktive:hover{background:#d00000 url(../images/bg_globaleNavi_hover.gif) repeat-x top left;border-color:#d00000; cursor:pointer;color:#fff;}
.communityNav ul li a:hover, .communityNav #aktive{background:#feb743 url(../images/bg_globaleNavi_hover_com.jpg) repeat-x top left;border-color:#feb743; cursor:pointer;color:#fff;}
/*########### wenn :hover oder click, neue farbe für die borders ############*/
.globaleNavigation ul li a:hover .r1, .communityNav ul li.community_stol a:hover .r1, #aktive .r1, .globaleNavigation ul li a.newsButton.aktive .r1, .globaleNavigation ul li a.newsButton.aktive:hover .r1{border-color:#fc0001;}
.globaleNavigation ul li a:hover .r1 .r2, .communityNav ul li.community_stol a:hover .r1 .r2, #aktive .r1 .r2, .globaleNavigation ul li a.newsButton.aktive .r1 .r2, .globaleNavigation ul li a.newsButton.aktive:hover .r1 .r2{border-color:#a90100;}
.communityNav ul li a:hover .r1, .communityNav #aktive .r1{border-color:#ffbb46;}
.communityNav ul li a:hover .r1 .r2, .communityNav #aktive .r1 .r2{border-color:#feb741;}
.globaleNavigation ul li a.newsButton:hover .r1,.globaleNavigation ul li a.newsButton.aktive.hover:hover .r1,.globaleNavigation ul li a.newsButton.aktive.hover .r1,
.globaleNavigation ul li a.newsButton:hover .r1 .r2,
.globaleNavigation ul li a.hover .r1, .globaleNavigation ul li a.hover .r1 .r2{border-color:#848587;}
.communityNav ul li a.newsButton:hover .r1, .communityNav ul li a.newsButton:hover .r1 .r2{border-color:#ffbb46;}
.communityNav ul li a.hover .r1, .communityNav ul li a.hover .r1 .r2{border-color:#FEB741;}
.globaleNavigation ul li a.newsButton:hover, .globaleNavigation ul li a.newsButton.aktive.hover{background: #d00000 url(../images/bg_globaleNavi_hover.jpg) repeat-x top left; border-color:#848587;}
.communityNav ul li a.newsButton:hover{background: #feb743 url(../images/bg_globaleNavi_hover_com.jpg) repeat-x top left; border-color:#feb743;}
.globaleNavigation ul li a.newsButton .newsPfeil{
background:transparent url(../images/news_pfeil_alleine.jpg) no-repeat 4px 0;
_background-position:4px 1px;
height:19px;
width:18px;
padding-left:6px;
margin-top:-3px;
}
/* Wenn News Aktiv sind, Pfeil mit roten Hintergrund */
.globaleNavigation ul li a.newsButton.aktive .newsPfeil, .globaleNavigation ul li a.newsButton.aktive:hover .newsPfeil{ background: transparent url(../images/news_pfeil_rot.gif) no-repeat 4px 0px;_background-position-y:1px; }
.globaleNavigation ul li a.newsButton.aktive:hover .newsPfeil{ _background-position-y:3px; _height:21px; }
.globaleNavigation ul li a.newsButton {float:left;}
.globaleNavigation ul li a.newsButton .newsPfeilContainer{
height:18px;
width:18px;
}
/*body:nth-of-type(1) .globaleNavigation ul li a.newsButton .newsPfeil{
right:3px;
margin-top:-5px;
top:50%;
}*/
.globaleNavigation ul li a.hover .newsPfeil, .globaleNavigation ul li a.newsButton:hover .newsPfeil, .globaleNavigation ul li a.newsButton.aktive.hover .newsPfeil{
background: transparent url(../images/news_pfeil_alleine_disable.jpg) no-repeat 4px 0px;
_background-position:4px 1px;
border-color:#848587;
}
.communityNav ul li a.hover .newsPfeil, .communityNav ul li a.newsButton:hover .newsPfeil{
background: transparent url(../images/community_pfeil_alleine_disable.jpg) no-repeat 4px 0px;
_background-position:4px 1px;
border-color:#848587;
}
/*############# farbe von borders ###############*/
.globaleNavigation .r1{border-color:#bbbdbf;}
.globaleNavigation .r2{padding:/*9px 16px*/9px 0;width:92px;border-color:#a8a9ab;font-weight:bold;text-transform:uppercase;}
.globaleNavigation noscript .r2{padding: 6px;}
.globaleNavigation noscript ul li a.newsButton .r2 {padding: 6px;}
.globaleNavigation ul li a.newsButton .r2{padding:/*8px 0 4px 15px*/8px 0 4px 15px;width:72px; _float:left;}
*:first-child+html .globaleNavigation ul li a.newsButton .r2{padding:8px 0 4px 15px;}
.globaleNavigation ul li a.newsButton .r2 span{float:left;}
/*##### Die klasse .hover, wenn man auf news click ############*/
.globaleNavigation ul li a.hover{background: transparent url(../images/bg_globaleNavi_hover.jpg) repeat-x top left;border-color:#848587; cursor:pointer;color:#fff;}
.communityNav ul li a.hover{background: transparent url(../images/bg_globaleNavi_hover_com.jpg) repeat-x top left;border-color:#feb743; cursor:pointer;color:#fff;}
/* hover in flyout, bleibt den hover in news button */
/*.globaleNavigation :hover > a{background: transparent url(../images/bg_globaleNavi_hover.jpg) repeat-x top left;border-color:#848587; cursor:pointer;color:#fff;}*/
/* --------------------------------------------------------------------------*/
/* Flyout */
/* --------------------------------------------------------------------------*/
.flyout{
position:absolute;
z-index:5;
width:540px;
height:277;
font-weight:bold;
text-align:left;
display:block;
visibility:hidden;
top:32px;
#clear:both;
left:0;
}
.flyoutContainer{
padding:30px 30px 30px 2px;
float:left;
background-color:#848587;
width:508px;
}
.communityNav .flyoutContainer{
background:#FDB640 url(../images/flayout_background.jpg) repeat-x bottom;
}
.shadow{
background-color:transparent;
height:100%;
width:540px;
position:absolute;
top:0px;
left:0px;
z-index:-1;
_display:none;
}
.shadowRight{
background:transparent url(../images/shadowRight.png) repeat-y;
height:100%;
position:absolute;
right:-10px;
top:0px;
width:10px;
}
.shadowCorner{
background:transparent url(../images/shadowCorner.png) no-repeat scroll 0 0;
bottom:-10px;
height:10px;
position:absolute;
right:-10px;
width:10px;
}
.shadowBottom{
background:transparent url(../images/shadowBottom.png) repeat-x;
bottom:-10px;
height:10px;
left:0px;
position:absolute;
width:100%;
}
/*#news:hover .flyout{visibility:visible;}*/
.flyout ul{float:none;}
.flyout ul li{
float:none;
margin:0;
position:relative;
text-align:left;
}
.flyout ul li a, .flyout ul li a:link{
color:#fff;
background-color:#848587;
border:none;
text-transform:uppercase;
background:transparent url(../images/list_arrow_white.jpg) no-repeat scroll 3px 4px;
padding:1px 0 1px 11px;
display:block;
margin-left:10px;
text-decoration:none;
}
/* --------------------------------------------------------------------------*/
/* Inhalt von flyout formatieren */
/* --------------------------------------------------------------------------*/
.newsCategoryConatainer{
float:left;
width:25%;
margin-bottom:30px;
}
.communityNav .newsCategoryConatainer{
width:33%;
}
.newsCategoryConatainer ul li a:hover{
background: #fff url(../images/list_arrow.gif) no-repeat scroll 3px 4px;border:none; cursor:pointer;color:#000;
}
.newsCategoryConatainer h2{margin-left:10px; font-weight:bold; text-transform:uppercase; color:#fff; font-size:1.35em;}
.flyout .newsCategoryConatainer h2 a, .flyout .newsCategoryConatainer h2 a:hover{background:none; border:none; color:#fff;}
/* ---------------------------------------------------------------------------*/
/* Pfadnnavigation (Detailseite) */
/* ---------------------------------------------------------------------------*/
.pathNavigation{
background-color:#8E8F91;
float:left;
width:856px;
margin:0px 0px 10px 1px;
border-color:#8E8F91;
}
.pathNavigation div, .subNavigation div div{float:left; border-color:#8E8F91; width:100%;}
.pathNavigation ul{margin-bottom:1px; float:left; padding-bottom:2px;}
*:first-child+html .pathNavigation .lastCategory{padding:5px 0;}
.pathNavigation ul li{float:left; margin:0 5px; line-height:20px;}
.pathNavigation ul li a{text-decoration:none; color:#FFF; font-size:0.888em;}
.pathNavigation ul li img{border:none;}
.pathNavigation .loginNavigation{float:right; margin-right:8px; padding-bottom:2px;}
.pathNavigation span.category{color:#FFF; font-size:1.55em;}
/* ---------------------------------------------------------------------------*/
/* Pfadnnavigation (Detailseite) */
/* ---------------------------------------------------------------------------*/
.tagCloud{width:100%;}
.tagCloud, .tagCloud .r1, .tagCloud .r2{
background-color:#F8F8F8;
border-color:#F8F8F8;
border-color:#F8F8F8;
}
.tagCloud .tagCloudContainer{
text-align: justify;
font-family: Verdana;
padding:10px;
line-height:22px;
}
/* ---------------------------------------------------------------------------*/
/* Archiv seite */
/* ---------------------------------------------------------------------------*/
.archivTabsContainer .newsContent .r2{
padding:0 0 7px;
}
.archivFotoTitel{
display:block;
padding:5px 0 0;
}
.archivNavigation{
height:100%;
margin:15px 0;
width:100%;
text-align:center;
_padding:10px 0;
_margin-top:0px;
}
*:first-child+html .archivNavigation{
height:auto;
padding:2px 0 4px;
}
.archivNavigation a, .archivNavigation span{
border:1px solid #888;
cursor:pointer;
margin:0;
padding:3px 5px;
text-align:center;
font-size:0.8em;
color:#000;
}
.archivNavigation span{
cursor:default;
}
.archivNavigation .navigationText{
margin:3px;
}
.archivNavigation a:hover, .archivNavigation span.today{
border:1px solid #333;
background-color:#FAFAFA;
text-decoration:none;
}
/*navigation beim kommentar*/
#commentarNavi a, #commentarNavi span{
margin:3px;
}
.textBox .archivTable thead th{
text-transform:uppercase;
}
.textBox .archivTable td{
padding:10px 5px;
}
.textBox .archivTable a, .textBox .archivTable a:hover{
border:none;
}
.date {float:left;margin-right:10px;padding-right:5px;text-align:center;}
.day {color:#676767;font-size:1.9em;width:35px;}
.month {color: #676767;text-align: center;width:35px; text-transform:uppercase;}
.archivVideoContainer{width:100%;}
.archivVideoContainer h2{
padding:11px 15px 11px 0;
font-weight:bold;
}
.archivVideoContainer .videoContainer{
/*float:left;
width:30%;
padding:0 7px;
height:163px;*/
margin:7px 0;
}
.galleryVideo a{
display:block;
text-align:center;
}
.videoDescriptionContainer{
padding-left:7px;
padding-top:7px;
}
.videoDescriptionContainer h6{
font-size:0.8em;
}
.videoDescriptionContainer a{
text-align:left;
}
.archivVideoContainer .videoDescription{
font-size:0.9em;
display:block;
padding-top:3px;
}
.archivVideoContainer .category{
padding:5px 0 3px;
}
.productRow{
display:block;
float:left;
margin-bottom:3px;
width:100%;
}
.tagsContainer{
background-color:#e3e3e5;
border-color:#e3e3e5;
width:100%;
}
.tagsContainer .r1, .tagsContainer .r2{
border-color:#e3e3e5;
}
.tag{
float:left;
margin:2px;
font-size:0.85em;
_display:inline;
}
.tag span{
padding:3px;
color:#fff;
background-color:#a2a3a5;
display:block;
}
.tag b{/*ROUND CORNERS*/
height:1px;
margin:0 1px;
display:block;
background-color:#a2a3a5;
font-size:0;
}
.tag, .tag:link, .tag:visited{
color:#fff;
}
.tag:hover b, .tag:hover span{
background-color:#8d8d8d;
text-decoration:none;
}
/* ---------------------------------------------------------------------------*/
/* produkt seite */
/* ---------------------------------------------------------------------------*/
.productsContainer{
background:#F8F8F8;
border-color:#F8F8F8;
width:100%;
}
.productsContainer .r1, .productsContainer .r2{
border-color:#F8F8F8;
}
.productsContainer h2{
padding:11px 15px;
font-weight:bold;
}
.productsContainer .productContainer{
float:left;
width:30%;
margin:7px 0;
padding:0 7px;
/*height:163px;*/
}
.productContainer a{
display:block;
text-align:center;
}
.productDescriptionContainer{
padding-left:7px;
padding-top:7px;
}
.productDescriptionContainer h6{
font-size:0.8em;
}
.productDescriptionContainer a{
text-align:left;
}
.productDescriptionContainer .productDescription{
font-size:0.9em;
display:block;
padding-top:3px;
}
.productDescriptionContainer .category{
padding:5px 0 3px;
}
/* ///////////// ALLGMEINER BUTTON GRAU //////////// */
.allg_button{background-color:#A7A9A9;width:auto;border-color:#A7A9A9;}
.community_box .allg_button .r1, .community_box .allg_button .r2 {border-color:#A7A9A9;color:#fff;}
.community_box .allg_button .r1{
border-style:solid;
border-width:1px 0 0;
}
.community_box .allg_button .r2{
border-style:solid;
border-width:0 0 1px;
}
.allg_button a:link, .allg_button a:visited{
color:#fff;
font-weight:bold;
}
.infoBox .allg_button .r1, .infoBox .allg_button .r2{
border-color:#A7A9A9;
}
/* ///////////// ERROR MELDUNG //////////// */
div.error {
vertical-align: middle;
color: #FF0000;
font-weight: bold;
color: #FF0000;
text-align: center;
padding: 7px 8px 7px 7px;
background: #FFF3F3;
border: 1px dashed #CCCCCC;
margin:7px;
}
/* ---------------------------------------------------------------------------*/
/* community seite */
/* ---------------------------------------------------------------------------*/
.accordionFix{
background:none;
float:left;
height:1px;
width:100%;
font-size:0px;
}
/* ---------------------------------------------------------------------------*/
/* Wetter seite */
/* ---------------------------------------------------------------------------*/
.wetterContainer{
background-color:#F8F8F8;
border-color:#F8F8F8;
width:100%;
}
.wetterContainer .r1, .wetterContainer .r2 {
border-color:#F8F8F8;
}
.wetterContainer .r2 {
padding:10px;
_width:100%;
}
.wetterContainer .category {
display:block;
padding:10px 0;
}
.wetterContainer h1, .wetterContainer h3{
font-weight:bold;
}
.wetterContainer p{
padding:5px 0;
font-size:0.9em;
}
.wetterInfoContainer{text-align:left;}
.aktuelleTemperatur{
background:#E2E3E4;
border-color:#E2E3E4;
width:212px;
margin:0 0 7px 25px;
_float:left;
_width:193px;
}
.newsContent .aktuelleTemperatur .r1, .newsContent .aktuelleTemperatur .r1 .r2{
border-color:#E2E3E4;
border-style:solid;
}
*:first-child+html .aktuelleTemperatur .r1{float:left;}
.aktuelleTemperatur .r1 .r2{
padding:7px 10px;
}
.aktuelleTemperatur .category{
padding:4px 0;
}
.pollenLegende{
font-size:0.9em
}
.pollenLegende td{
padding-right: 5px;
}
.pollenLegende tr{
padding-bottom: 5px;
}
.wetterbergContainer{
background:#F8F8F8 none repeat scroll 0 0;
border-color:#F8F8F8;
float:left;
width:100%;
}
.wetterbergContainer h1{
margin:15px 0;
}
.wetterlageContainerBerg{width:100%;}
.wetterlageContainerBerg img{
padding-left: 83px;
padding-right: 83px;
background-color: #ffffff
}
.wetterlageContainerGarda{width:100%;}
.wetterlageContainerGarda img{ padding-left:8px;
padding-right:8px;
background-color: #cccccc;
}
.wetterInfoBergContainer{
}
.wetterInfoBergContainerx{
width: 40%;
}
.wetterlageContainer{width:47%;}
.wetterlageContainer img{border: none;}
.aktuelleTemperatur table, .aktuelleTemperatur tr{width:100%;}
.aktuelleTemperatur td{width:50%; padding:2px; font-size:0.9em;}
.aktuelleTemperatur table tr td + td{text-align:right;}
.trennlinie{border-bottom:1px dotted;margin:10px 0;color:#363636; width:100%; clear:both;}
.flyout .trennlinie{width:85%; margin:10px;}
.communityNav .flyout .trennlinie{color:#fff;}
.wetterBilderContainer{
background:#F3F4F4;
border-color:#F3F4F4;
width:100%;
}
.pollenContainer{
width: 100%;
float: left;
margin-top:10px;
}
.polleninfoContainer{
width: 49%;
_width: 48%;
}
.aktuelleTemperaturBerg{
width: 100%;
}
.wetterBilderContainer .r1, .wetterBilderContainer .r1 .r2{
border-color:#F3F4F4;
_float:left;
}
.wetterBilder{
float:left;
margin-right:6px;
width:32%;
}
.newsContent .rightContent{
float:left;
padding:0 5px 7px 10px;
width:42%;
}
.newsContent .leftContent{
border-right:1px dotted #999999;
float:left;
padding:0 10px 7px 5px;
width:42%;
}
.newsContent .leftSide{float:left; padding-right:8px;}
.newsContent .rightSide{float:left; width:67%;_width:69%;}
.wetterBilderContainer .newsContent span{padding:5px 0; display:block;}
.prognose{
border-color:#f8f8f8;
background:#f8f8f8;
width:100%;
}
.prognose .r1, .prognose .r2{border-color:#f8f8f8;}
.prognose .r1 .r2{padding:5px 9px 13px;}
.prognose .category{display:block; padding:0 0 4px;}
.prognose .prognoseTagContainer{
float:left;
width:24%;
_width:23%;
background:#DCDDDF;
margin:0 4px 0 0;
text-align:center;
}
.prognoseTagContainer img{border:none;}
.prognose .last, .newsContent .last{margin:0;}
.prognoseTagContainer .tag{
text-align:center;
width:100%;
font-weight:bold;
color:#2c2c2c;
padding:2px 0;
}
.prognoseTagContainer .custom{margin:0; padding:0; font-size:0.8em;}
.tempContainer{
margin-left:25%;
width:43px;
}
*:first-child+html .tempContainer{margin-bottom:5px;}
.tempContainer .max, .tempContainer .min {
background:#ACC6C7 none repeat scroll 0 0;
border:1px solid #FFFFFF;
display:block;
float:left;
text-align:center;
width:100%;
font-weight:normal;
padding:1px;
font-size:0.9em;
}
.tempContainer .max{color:#d60000; border-bottom:none; margin-top:3px;}
.tempContainer .min{ color:#467E7F; margin-bottom:5px;}
.webcam .category{
display:block;
padding:3px 0 0 12px;
}
.wetterRadar img{
float:left;
top:0;
border:none;
}
/* ---------------------------------------------------------------------------*/
/* Todesanzeige seite */
/* ---------------------------------------------------------------------------*/
.todesanzeige{
border-color:#F8F8F8;
background-color:#F8F8F8;
width:100%;
}
.todesanzeige .r1, .todesanzeige .r1 .r2{
border-color:#F8F8F8;
}
.todesanzeige .category{
font-weight:normal;
}
.todesanzeige .category span{
font-weight:bold;
text-transform:uppercase;
}
.todesanzeige .leftSide{
float:left;
width:46%;
padding:9px;
}
.todesanzeige .rightSide{
float:left;
width:40%;
padding:0 9px;
margin:9px 0;
}
.todesanzeige .rightSide ul li{
padding:3px;
border-bottom:none;
}
.todesanzeigeIndex .rightSide ul li{
padding:0;
}
.todesanzeige .rightSide ul li input{
margin-right:5px;
}
.todesanzeige .leftSide ul li, .todesanzeigeIndex .rightSide ul li{
border-bottom:1px dotted #BCBCBC;
}
.todesanzeige .leftSide ul li a, .todesanzeigeIndex .rightSide ul li a{
background:transparent url(../images/list_arrow.gif) no-repeat scroll 0 8px;
padding:4px 0 4px 11px;
display:block;
margin-left:10px;
text-decoration:none;
color:#757575;
font-size:0.8em;
_font-size:1em;
}
/* ---------------------------------------------------------------------------*/
/* user templates (login, ..) */
/* ---------------------------------------------------------------------------*/
.userBlock{
background:#f4f4f4;
border-color:#f4f4f4;
}
.userBlock .r1, .userBlock .r1 .r2{
border-color:#f4f4f4;
}
.userBlock .r1 .r2{
padding:10px;
}
/* ---------------------------------------------------------------------------*/
/* user templates (login, ..) */
/* ---------------------------------------------------------------------------*/
.border_sitemap{
background: #BFBFBF url(../images/border_sitemap_white.gif) repeat-y;
float:left;
height:100%;
margin:10px 0;
width:100%;
}
/* ---------------------------------------------------------------------------*/
/* bubble login */
/* ---------------------------------------------------------------------------*/
.tabs .logoutContainer{
border:none;
background-color:transparent;
float:right;
width:83px;
}
/* ---------------------------------------------------------------------------*/
/* bubble login */
/* ---------------------------------------------------------------------------*/
.archivContainer{
background:#f8f8f8;
border-color:#f8f8f8;
}
.archivContainer .r1, .archivContainer .r1 .r2{border-color:#f8f8f8;}
.archivContainer .r1 .r2{padding:10px;}
.archivContainer .tabs li a{padding:0 5px;}
/* ---------------------------------------------------------------------------*/
/* TipAFriend */
/* ---------------------------------------------------------------------------*/
.tipAFriend table td{padding:7px;}
.tipAFriend label{padding-bottom:5px;}
/* ################################################################################################################################################
zusätzliche Formatierungen
##################################################################################################################################################*/
/* --------------------------------------------------------------------------*/
/* Buttons */
/* --------------------------------------------------------------------------*/
.rcButton .buttonL, .rcButton .buttonR{
float:left;
height:18px;
width:2px;
}
.rcButton .buttonL{
background:transparent url(../images/button_left.gif) no-repeat;
}
.rcButton .buttonR{
background:transparent url(../images/button_right.gif) no-repeat;
}
input.button {
background:#A7A9A9 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
display:inline;
float:left;
font-size:8pt;
padding:0px 2px 2px;
vertical-align:middle;
cursor:pointer;
height:auto;
font-weight:bold;
}
textarea {
border:solid #AAAAAA;
border-width:1px;
color: #333333;
padding: 2px;
font-size: 10pt;
resize: none;/*for safari and chrome*/
}
.rcInputs .borderT, .rcInputs .borderB{
background:#AAAAAA none repeat scroll 0 0;
border-color:#F4F4F4;
border-style:solid;
border-width:0 1px;
display:block;
font-size:0;
height:1px;
}
*:first-child+html .rcInputs .borderT{
position:relative;
top:1px;
}
*:first-child+html .rcInputs .borderB{
position:relative;
top:-1px;
}
/* --------------------------------------------------------------------------*/
/* Floats löschen */
/* --------------------------------------------------------------------------*/
.clear { clear:both;height:0;line-height:0; overflow:hidden;}
/* ---------------------------------------------------------------------------*/
/* Abstände
/* ---------------------------------------------------------------------------*/
/* //// MARGIN - EINSTELLUNGEN, MARGIN-EIGENTSCHAFT UND WERT //// */
.m8{margin:8px;}
.mt5 {margin-top: 5px;}
.mt10{margin-top:10px;}
.mt168 {margin-top: 168px;}
.ml5{ margin-left: 5px;}
.mr10{ margin-right: 10px;}
.mr210{margin-right: 210px;}
.ml10{ margin-left: 10px;}
.ml15 {margin-left: 15px;}
.mb8{ margin-bottom: 8px;}
.mb10{ margin-bottom: 10px;}
/* //// FLOAT - LEFT //// */
.fl{float:left;}
/* //// FLOAT RIGHT//// */
.fr{float:right;}
/* //// Explorer 6 Duplicate Characters Bug //// */
/*
/* Bezahlte Werbung <= doppelt text
/*
###############################*/
.ieDC{display:none;}
.mrm3{margin-right:-3px;}
/* LIGHTBOX CLOSE BUTTOM */
.MultiBoxClose{
position:absolute;
top:-24px;
right:-24px;
background:url(../images/lightbox/close.png) no-repeat;
width:24px;
height:24px;
cursor:pointer;
z-index:15;
}
/*
/* Bezahlte Werbung <= doppelt text
/*
###############################*/
.ieDC{display:none;}
.mrm3{margin-right:-3px;}
/* LIGHTBOX CLOSE BUTTOM */
.MultiBoxClose{
position:absolute;
top:-24px;
right:-24px;
background:url(../images/lightbox/close.png) no-repeat;
width:24px;
height:24px;
cursor:pointer;
z-index:15;
}r;
z-index:15;
}*/
.m8{margin:8px;}
.mt5 {margin-top: 5px;}
.mt10{margin-top:10px;}
.mt168 {margin-top: 168px;}
.ml5{ margin-left: 5px;}
.mr10{ margin-right: 10px;}
.mr210{margin-right: 210px;}
.ml10{ margin-left: 10px;}
.ml15 {margin-left: 15px;}
.mb8{ margin-bottom: 8px;}
.mb10{ margin-bottom: 10px;}
/* //// FLOAT - LEFT //// */
.fl{float:left;}
/* //// FLOAT RIGHT//// */
.fr{float:right;}
/* //// Explorer 6 Duplicate Characters Bug //// */
/*
/* Bezahlte Werbung <= doppelt text
/*
###############################*/
.ieDC{display:none;}
.mrm3{margin-right:-3px;}
/* LIGHTBOX CLOSE BUTTOM */
.MultiBoxClose{
position:absolute;
top:-24px;
right:-24px;
background:url(../images/lightbox/close.png) no-repeat;
width:24px;
height:24px;
cursor:pointer;
z-index:15;
}/*cters Bug //// */
/*
/* Bezahlte Werbung <= doppelt text
/*
###############################*/
.ieDC{display:none;}
.mrm3{margin-right:-3px;}
/* LIGHTBOX CLOSE BUTTOM */
.MultiBoxClose{
position:absolute;
top:-24px;
right:-24px;
background:url(../images/lightbox/close.png) no-repeat;
width:24px;
height:24px;
cursor:pointer;
z-index:15;
}
.pollTable{padding: 0 0 10px 0; margin: 0; font-size: 0.9em;}
.pollTable tr{padding:0;margin:0;}
.pollTable td{padding:0 15px;margin:0;}
.pollAnswer{display: block; font-size: 0.9em;}
.pollBar{width: 200px; border: 1px solid red; height: 12px;}
/*------------------------------------------------------------------------
http://www.stol.it
Autor: holzweg ecommmerce solutions, Dipl.Inform. Christoph Holz
Inhalt: Diese CSS wird für die Formatierung von Formularen verwendet
--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------
header
---------------------------------------------------------------------------*/
.inputHeader{
/* border-width:0 0 1px;*/
margin:3px 2px 2px;
top:2px;
float:left;
background:#BFBFBF;
border-color:#BFBFBF;
}
.search{width:230px;}
.login{width:404px;}
/**:first-child+html .login{width:395px;}
*:first-child+html .login .r2{padding-bottom:5px;}*/
.inputHeader .r1, .inputHeader .r2{border-color:#BFBFBF;}
.inputHeader span{float:right; font-size:0.8em; color:#606060; margin:10px 23px 8px 0;}
.passLostReg{
_margin-top:12px;
}
*:first-child+html .passLostReg{
margin-bottom:11px;
margin-top:8px;
}
/**:first-child+html .inputHeader span{margin-top:-3px;}*/
.inputHeader span a{text-decoration:none; color:#606060;}
.search span{margin:7px 32px 8px 0;
#display:block;
#float:none;
#text-align:right;
_margin-top:5px;
_margin-bottom:5px;
}
.search span.searchSpan{
_margin-top:9px;
_margin-bottom:9px;}
*:first-child+html .search span{margin-top:4px; margin-bottom:7px;}
*:first-child+html .search span.searchSpan{margin-top:10px; margin-bottom:9px;}
.search span input{position:relative; top:2px; #display:inline;}
.inputHeader .sidesInputSearch{margin:0px; padding:0px; float:left; height:23px; top:0; border:medium none;}
.sidesInputTod{margin:0px; padding:5px 7px; height:13px; top:0; border:1px solid #ccc; width: 90%; margin-bottom: 5px; color: #606060;}
.inputHeader .LeftInputSearch{background:transparent url("../images/LeftInputSearch.jpg") no-repeat; width:3px; margin:29px 0 30px 32px; _display:inline;}
.inputHeader .RightInputSearch{background:transparent url("../images/RightInputSearch.jpg") no-repeat; width:29px; margin:29px 2px 0 0;}
*:first-child+html .inputHeader .LeftInputSearch{margin-top:28px;}
.inputHeader .LeftInputLoginMail{margin-left:25px; _margin-left:17px;}
*:first-child+html .inputHeader .LeftInputLoginMail{margin-left:17px;margin-top:28px;}
.inputHeader .LeftInputLoginPass{margin-left:6px;}
*:first-child+html .inputHeader .LeftInputLoginPass{margin-top:28px;}
.inputHeader .RightInputLogin{background:transparent url("../images/RightInputLogin.jpg") no-repeat; width:3px; margin:29px 0px 0 0;}
*:first-child+html .inputHeader .RightInputLogin{margin-top:28px;}
.inputHeader .input{border:medium none;height:13px;padding:5px 7px;color:#606060; width:120px; margin:29px 0 0;}
*:first-child+html .inputHeader .input{margin-top:28px;}
.btnSearch {
background:#ccc url("../images/RightInputSearch.jpg") no-repeat;
border:medium none;
height:23px;
width:29px;
cursor:pointer;
margin:29px 32px 0px 0;
_top:-1px;
_left:-3px;
_float:left;
}
*:first-child+html .btnSearch {margin-top:28px;}
.btnLogin {
background:transparent url("../images/login_button.jpg") no-repeat;
border:medium none;
height:23px;
width:65px;
cursor:pointer;
margin:29px 0 0 8px;
}
*:first-child+html .btnLogin {margin-top:28px;}
.todSearch {
background:transparent url(../images/todSearch.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:24px;
margin:10px 0 0 8px;
width:69px;
}
.btnLogout{
background:transparent url("../images/logout_button.jpg") no-repeat;
border:medium none;
height:22px;
width:69px;
cursor:pointer;
float:right;
}
.btnLogout:hover{text-decoration:none;}
.communityInput{
background-color:#F3F4F4;
width:410px;
_margin-top:1px;
}
/*-------------------------------------------------------------------------
Events / tickets
---------------------------------------------------------------------------*/
.eventInputContainer{}
.eventInputContainer td{padding-right:7px;}
.eventInputContainer .eventContainer{
float:left;
margin-bottom:15px;
margin-left:5px;
margin-right:10px;
margin-top:11px;
width:41%;
width:40%;
_position:relative;
_overflow:hidden;
}
*:first-child+html .eventInputContainer .eventContainer{width:40%; position:relative;}
.eventInputContainer .datumConatiner{
float:left;
margin-bottom:15px;
margin-right:5px;
margin-top:11px;
width:52%;
_width:53%;
_position:relative;
_overflow:hidden;
}
*:first-child+html .eventInputContainer .datumConatiner{position:relative;}
.eventInputContainer span{
display:block;
font-size:0.8em;
margin-bottom:5px;
color:#8A8B8D;
}
/*
id = name von select + Container
*/
#selectEventContainer{width:148px;}
.eventInputContainer .selectEvent{width:148px;}
#selectEventContainer .selectText{width:130px;}
#selectDayContainer{width:47px;}
.eventInputContainer .selectDay{width:47px;}
#selectDayContainer .selectText{width:23px;}
#selectMonthContainer{width:75px;}
.eventInputContainer .selectMonth{width:75px;}
#selectMonthContainer .selectText{width:52px;}
#selectYearContainer{width:60px;}
.eventInputContainer .selectYear{width:60px;}
#selectYearContainer .selectText{width:35px;}
/*-------------------------------------------------------------------------
Input/Selct Styled
---------------------------------------------------------------------------*/
.inputContainer {
position: absolute;
color: #fff;
font: 12px/21px arial,sans-serif;
overflow: hidden;
}
.inputContainer .selectLeft{
background:url(../images/input/selectLeft.jpg) no-repeat;
display:block;
float:left;
height:23px;
left:0;
width:3px;
margin-bottom:0;
}
.inputContainer .selectText{
float:left;
overflow:hidden;
background:url(../images/input/selectBackground.jpg) repeat-x;
height: 23px;
margin-bottom:0;
}
.inputContainer .selectButton{
background:url(../images/input/selectButton.jpg) no-repeat;
display:block;
float:left;
height:23px;
position:absolute;
right:0;
width:26px;
margin-bottom:0;
}
/*-------------------------------------------------------------------------