/* Komponentenübergreifend: */ .copyright {font-size:9px; color:#636363; position:relative; top:1px; right:0px; padding-top:2px; padding-bottom:2px; text-align:right;} .description {font-size:11px; color:#636363; position:relative; top:0px; left:0px; background-color:#dfe3e5; padding-bottom:2px; font-style:italic;} /* Komponenten */ /* Bild Komponente */ .bild {width:100%;} /* Bild & Link Komponente */ .bild-und-link {width:100%;} /* Bild & Text Komponente */ .bild-und-text {width:100%;} /* Flash Komponente */ .flash {width:100%;} /* Headline Komponente */ .headline {width:100%;} /* Html Komponente */ /* Lightbox Komponente */ .lightbox-gallery {width:580px;} .lightbox-gallery div {width:110px; height:110px; margin-right:5px; margin-bottom:5px; float:left; overflow:hidden;} .lightbox-gallery img {width:180px; height:auto; border:0px;} /* Link-Komponente */ .link {width:100%;} .link img {height:30px; vertical-align: middle; } .link a {vertical-align: middle; padding-left: 10px;} .link-inner {margin-top:10px;} /* Login-Head-Komponente */ .login-head {width:180px;} .login-head input {width:180px; border:0px; font-size:11px; color:#666666; margin-bottom:5px; margin-top:2px; background-color:#DCDCDC;} .login-head form {display:inline;} .logout-head {width:180px; margin:0px; background-color:#dcdcdc;} .logout-head p {margin:0px; padding:0px 10px;} .logout-head h1 {background-image: url('../images/box-3-top.png'); font-size:11px; text-transform:uppercase; padding:5px 10px; margin:0px; color:#ffffff;} .logout-head h3 {background-image: url('../images/box-3-bottom.png'); background-position:bottom; font-size:11px; text-transform:normal; text-align:right; padding:5px 10px; margin:0px; color:#ffffff;} /* Multi-Link-Komponente */ .multilink {width:580px;} .multilink img {height:30px; vertical-align: middle; } .multilink a {vertical-align: middle; padding-left: 10px;} .multilink-inner {width:285px; float:left; padding-bottom:10px;} /* Shopping-Cart-Komponente */ /* Shopping-Cart-Komponente Links*/ #content-left .shopping-cart {width:180px; background-color:#91c0d7; border-bottom:1px solid #FFFFFF; font-size:11px;} #content-left .shopping-cart h1 {width:180px; background-color:#000000; font-size:11px; text-transform:uppercase; padding:3px 10px; margin:0px; color:#ffffff;} #content-left .shopping-cart h2 {font-size:11px; padding:3px 10px; margin:0px;} #content-left .shopping-cart img {float:left; margin-right:10px;} #content-left .shopping-cart p {font-size:11px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin:0px; color:#ffffff;} #content-left .shopping-cart a {font-size:11px; font-weight:bold;} #content-left .shopping-cart a:hover {font-size:11px; font-weight:bold; text-decoration:underline;} #content-left .shopping-cart-link {height:20px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:right;} #content-left .shopping-cart-link a {clear:none; vertical-align:middle;} #content-left .shopping-cart-link img {float:right; padding:0px; padding-left:10px; margin:0px; width:29px; height:20px; vertical-align:middle;} /* Shopping-Cart-Komponente Links*/ #content-center .shopping-cart {width:100%; padding-bottom:20px;} #content-center .shopping-cart img {float:left; margin-right:10px;} #content-center .shopping-cart-link {height:20px; text-align:right;} #content-center .shopping-cart-link a {clear:none; padding:0px; margin:0px; vertical-align:middle;} #content-center .shopping-cart-link img {float:right; padding:0px; padding-left:10px; margin:0px; width:29px; height:20px; vertical-align:middle;} /* Shopping-Cart-Komponente Links*/ #content-right .shopping-cart {width:180px; background-color:#d1ec97; border-bottom:1px solid #FFFFFF; font-size:11px;} #content-right .shopping-cart h1 {background-color:#000000; font-size:11px; text-transform:uppercase; padding:3px 10px; margin:0px; color:#ffffff;} #content-right .shopping-cart h2 {font-size:11px; padding:3px 10px; margin:0px;} #content-right .shopping-cart img {float:left; margin-right:10px;} #content-right .shopping-cart p {font-size:11px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin:0px;} #content-right .shopping-cart a {font-size:11px; font-weight:bold;} #content-right .shopping-cart a:hover {font-size:11px; font-weight:bold; text-decoration:underline;} #content-right .shopping-cart-link {height:20px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:right;} #content-right .shopping-cart-link a {clear:none; vertical-align:middle;} #content-right .shopping-cart-link img {float:right; padding:0px; padding-left:10px; margin:0px; width:29px; height:20px; vertical-align:middle;} /* Sitemap Komponente */ /* Teaser-Komponente */ /* Teaser-Komponente Links & Rechts*/ /* Standart*/ #content-left .teaser, #content-right .teaser {width:180px; background-color:#ffa800; overflow:hidden; font-size:11px; margin-bottom:20px;} #content-left .teaser h1, #content-right .teaser h1 {background-image: url('../images/box-1-top.png'); font-size:11px; text-transform:uppercase; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .teaser h2, #content-right .teaser h2 {font-size:11px; padding:2px 10px; margin:0px; color:#333333;} #content-left .teaser h3, #content-right .teaser h3 {background-image: url('../images/box-1-bottom.png'); background-position:bottom; font-size:11px; text-transform:normal; text-align:right; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .teaser img, #content-right .teaser img {margin:10px;} #content-left .teaser p, #content-right .teaser p {font-size:11px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin:0px; color:#ffffff;} #content-left .teaser a, #content-right .teaser a {font-size:11px; font-weight:bold; color:#FFFFFF;} #content-left .teaser a:hover, #content-right .teaser a:hover {font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:underline;} /* 1:Orange*/ #content-left .teaser1, #content-right .teaser1 {width:180px; background-color:#ffa800; overflow:hidden; font-size:11px; margin-bottom:20px;} #content-left .teaser1 h1, #content-right .teaser1 h1 {background-image: url('../images/box-1-top.png'); font-size:11px; text-transform:uppercase; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .teaser1 h2, #content-right .teaser1 h2 {font-size:11px; padding:2px 10px; margin:0px; color:#333333;} #content-left .teaser1 h3, #content-right .teaser1 h3 {background-image: url('../images/box-1-bottom.png'); background-position:bottom; font-size:11px; text-transform:normal; text-align:right; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .teaser1 img, #content-right .teaser1 img {margin:10px;} #content-left .teaser1 p, #content-right .teaser1 p {font-size:11px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin:0px; color:#ffffff;} #content-left .teaser1 a, #content-right .teaser1 a {font-size:11px; font-weight:bold; color:#FFFFFF;} #content-left .teaser1 a:hover, #content-right .teaser1 a:hover {font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:underline;} /* 2:Blau*/ #content-left .teaser2, #content-right .teaser2 {width:180px; background-color:#98D0FF; overflow:hidden; font-size:12px; margin-bottom:20px;} #content-left .teaser2 h1, #content-right .teaser2 h1 {background-image: url('../images/box-2-top.png'); font-size:12px; text-transform:uppercase; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .teaser2 h2, #content-right .teaser2 h2 {font-size:12px; padding:2px 10px; margin:0px; color:#666666;} #content-left .teaser2 h3, #content-right .teaser2 h3 {background-image: url('../images/box-2-bottom.png'); background-position:bottom; font-size:11px; text-transform:normal; text-align:right; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .teaser2 img, #content-right .teaser2 img {margin:10px;} #content-left .teaser2 p, #content-right .teaser2 p {font-size:11px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin:0px; color:#ffffff;} #content-left .teaser2 a, #content-right .teaser2 a {font-size:11px; font-weight:bold; color:#FFFFFF;} #content-left .teaser2 a:hover, #content-right .teaser2 a:hover {font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:underline;} /* 3:Hellgrau*/ #content-left .teaser3, #content-right .teaser3 {width:180px; background-color:#DCDCDC; overflow:hidden; font-size:11px; margin-bottom:20px;} #content-left .teaser3 h1, #content-right .teaser3 h1 {background-image: url('../images/box-3-top.png'); font-size:11px; text-transform:uppercase; padding:5px 10px; margin:0px; color:#666666;} #content-left .teaser3 h2, #content-right .teaser3 h2 {font-size:11px; padding:2px 10px; margin:0px; color:#333333;} #content-left .teaser3 h3, #content-right .teaser3 h3 {background-image: url('../images/box-3-bottom.png'); background-position:bottom; font-size:11px; text-transform:normal; text-align:right; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .teaser3 img, #content-right .teaser3 img {margin:10px;} #content-left .teaser3 p, #content-right .teaser3 p {font-size:11px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin:0px; color:#666666;} #content-left .teaser3 a, #content-right .teaser3 a {font-size:11px; font-weight:bold; color:#666666;} #content-left .teaser3 a:hover, #content-right .teaser3 a:hover {font-size:11px; font-weight:bold; color:#666666; text-decoration:underline;} /* Teaser-Komponente Mitte*/ /* Bild & Text (untereinander)*/ #content-center .teaser-bildtext {width:280px; overflow:hidden; margin-right:10px; margin-bottom:30px; float:left; font-size:12px!important;} #content-center .teaser-bildtext h1 {width:100%; background-color:#91c0d7; font-size:12px!important; text-transform:uppercase; padding:3px 10px; margin:0px; color:#ffffff;} #content-center .teaser-bildtext h2 {font-size:12px!important; padding:3px 10px; margin:0px;} #content-center .teaser-bildtext p {padding:10px; margin:0px; background-color:#ebeff1; color:#666666; font-size:12px!important;} #content-center .teaser-bildtext a {font-weight:bold; color:#000000; font-size:12px!important;} #content-center .teaser-bildtext a:hover {font-weight:bold; color:#000000; font-size:12px!important;} /* Bild & Text (nebeneinander)*/ #content-center .teaser-bildtext_neben {width:570px; overflow:hidden; margin-right:10px; margin-bottom:30px; float:left; font-size:12px!important;} #content-center .teaser-bildtext_neben table {padding:0px; margin:0px;} #content-center .teaser-bildtext_neben .tdleft {vertical-align:top; background-color:#91c0d7; width:280px; padding:0px; margin:0px;} #content-center .teaser-bildtext_neben .tdright {vertical-align:top; background-color:#ebeff1; width:290px; padding:0px; margin:0px;} #content-center .teaser-bildtext_neben h1 {width:100%; background-color:#91c0d7; font-size:12px!important; text-transform:uppercase; padding:3px 10px; margin:0px; color:#ffffff;} #content-center .teaser-bildtext_neben h2 {font-size:12px!important; padding:3px 10px; margin:0px;} #content-center .teaser-bildtext_neben p {padding:10px; padding-left:20px!important; margin:0px; background-color:#ebeff1; color:#666666; font-size:12px!important;} #content-center .teaser-bildtext_neben a {font-weight:bold; color:#000000; font-size:12px!important;} #content-center .teaser-bildtext_neben a:hover {font-weight:bold; color:#000000; font-size:12px!important;} /* Text*/ #content-center .teaser-text {width:280px; overflow:hidden; margin-right:10px; margin-bottom:30px; float:left; font-size:12px!important;} #content-center .teaser-text h1 {width:100%; font-size:12px!important; text-transform:uppercase; padding:3px 10px; margin:0px; color:#000000;} #content-center .teaser-text h2 { font-size:12px!important; padding:3px 10px; margin:0px;} #content-center .teaser-text p {padding:10px; margin:0px; color:#666666; font-size:12px!important;} #content-center .teaser-text a {font-weight:bold; color:#000000; font-size:12px!important;} #content-center .teaser-text a:hover {font-weight:bold; color:#000000; font-size:12px!important;} /* Umfrage-Komponente */ /* Fragen-Komponente Single-Teaser*/ #content-left .umfrage-fragen-singleteaser {width:180px; background-color:#91c0d7; overflow:hidden; border-bottom:1px solid #FFFFFF; font-size:11px;} #content-left .umfrage-fragen-singleteaser h1 {background-color:#000000; font-size:11px; text-transform:uppercase; padding:5px 10px; margin:0px; color:#ffffff;} #content-left .umfrage-fragen-singleteaser h2 {font-size:11px; padding:2px 10px; margin:0px;} #content-left .umfrage-fragen-singleteaser img {margin-bottom:10px;} #content-left .umfrage-fragen-singleteaser p {font-size:11px; padding-bottom:10px; padding-left:10px; padding-right:10px; margin:0px; color:#ffffff;} #content-left .umfrage-fragen-singleteaser table {font-size:11px; padding:0px; margin:0px; color:#ffffff; width:160px;} #content-left .umfrage-fragen-singleteaser td {font-size:11px; padding:0px; padding-bottom:5px; margin:0px; color:#ffffff; vertical-align:top;} #content-left .umfrage-fragen-singleteaser tr {font-size:11px; padding:0px; margin:0px; margin-bottom:10px; color:#ffffff;} #content-left .umfrage-fragen-singleteaser input.radio {font-size:11px; background-color:#91c0d7; padding:0px!important; margin:0px; margin-right:10px; size:5px; border:0px;} #content-left .umfrage-fragen-singleteaser input {font-size:11px;} #content-left .umfrage-fragen-singleteaser a {font-size:11px; font-weight:bold;} #content-left .umfrage-fragen-singleteaser a:hover {font-size:11px; font-weight:bold; text-decoration:underline;} #content-left .umfrage-fragen-singleteaser div {font-size:11px; color:#ffffff;} /* Login-Komponente */ /* definiert über base-css */ /* Registrierung-Komponente */ /* definiert über base-css */ /* ------------------------------------------------------------------------^^^--done--^^^--------------------------------------------------------------------------- */ /* Newsletter-Komponente */ /* PDF-Formular Komponente */ /* Passwort-Anforderung-Komponente */ /* Suche-Komponente */ /* SMS-Komponente */ /* Umfrage-Auswertung Komponente */ /* Umfrage mit einer Antwort Komponente */ /* Userdaten-Komponente */ /* PDF-Newsletter-Komponente */