html *
{
padding: 0;
margin: 0;
}
body.var2
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100.01%;
color: #000000;
background: #eeeeee;
}
/******************************************************************************/
/***** Start: Allgemeingueltige Klassen und Definitionen **********************/
/******************************************************************************/
.beendeFluss { clear: both; }
.unsichtbar { position: relative; left: -20000px; }
.ohneRand { border: 0; }
/******************************************************************************/
/***** Start: Grundgeruest der Seite ******************************************/
/******************************************************************************/
body.var2 div#layout_container
{
font-size: 12px;
}
body.var2 div#kopf { background: url(../bilder/cssgrafiken/var2_kopf.jpg) top center no-repeat; min-height: 220px; }
body.var2 div#koerper { padding: 30px 50px 0px 50px; }
body.var2 div#fuss
{
background: #d5dedd;
padding: 50px 50px 50px 50px;
position: relative;
border-top: 3px solid #b9d1dd;
}
/******************************************************************************/
/***** Start: Elemente im Inhaltsbereich der Seite ****************************/
/******************************************************************************/
body.var2 div#layout_container a { color: #9f751b; text-decoration: none; }
body.var2 div#layout_container a:link { color: #9f751b; text-decoration: none; }
body.var2 div#layout_container a:visited { color: #9f751b; text-decoration: none; }
body.var2 div#layout_container a:focus { color: #000000; text-decoration: none; }
body.var2 div#layout_container a:hover { color: #000000; text-decoration: none; }
body.var2 div#layout_container a:active { color: #000000; text-decoration: none; }
/******************************************************************************/
/***** Start: Elemente im Kopfbereich der Seite *******************************/
/******************************************************************************/
/***** Start: Ueberschrift/Logo ***********************************************/
body.var2 h1#ueberschrift
{
color: #525452;
font-size: 45px;
font-weight: bold;
float: left;
font-family: Arial,Verdana,Helvetica, sans-serif;
margin: 75px 0px 30px 50px;
}
body.var2 h1#ueberschrift a { color: #525452; text-decoration: none; }
body.var2 h1#ueberschrift a:link { color: #525452; text-decoration: none; }
body.var2 h1#ueberschrift a:visited { color: #525452; text-decoration: none; }
body.var2 h1#ueberschrift a:focus { color: #525452; text-decoration: none; }
body.var2 h1#ueberschrift a:hover { color: #525452; text-decoration: none; }
body.var2 h1#ueberschrift a:active { color: #525452; text-decoration: none; }
body.var2 h1#ueberschrift a img { border: 0 !important; }
/***** Start: Hauptmenue ******************************************************/
body.var2 div#hauptmenue
{
position: absolute;
top: 0%;
right: 100px;
background: #89ae17;
border: 2px solid #ffffff;
border-top: 0px;
}
body.var2 div#hauptmenue ul { list-style: none; }
body.var2 div#hauptmenue ul li { display: inline; }
body.var2 div#hauptmenue a
{
display: block;
float: left;
font-size: 11px;
font-weight: bold;
padding: 5px 10px 5px 10px;
border-right: 1px solid #acc65b;
}
body.var2 div#hauptmenue a { color: #ffffff; }
body.var2 div#hauptmenue a:link { color: #ffffff; }
body.var2 div#hauptmenue a:visited { color: #ffffff; }
body.var2 div#hauptmenue a:focus { color: #ffffff; }
body.var2 div#hauptmenue a:hover { color: #ffffff; background: #888888; }
body.var2 div#hauptmenue a:active { color: #ffffff; background: #888888; }
body.var2 div#hauptmenue li.last a { border: 0; padding-right: 10px; }
/***** Start: Keywordliste ****************************************************/
body.var2 .boxKeyword { width: 100%; }
body.var2 .boxKeyword .box_kopf { }
body.var2 .boxKeyword .box_koerper { margin: 0px 0px 0px 0px; background: #ebe7dd; border-bottom: 3px solid #e1d6c6; border-top: 3px solid #e1d6c6; padding: 10px 50px 10px 50px; }
body.var2 .boxKeyword .box_fuss { }
body.var2 div#keywordliste ul { list-style:none; padding: 0px 0px 0px 0px; }
body.var2 div#keywordliste ul li { display: inline; }
body.var2 div#keywordliste ul li a
{
width: 240px;
float: left;
background: url(../bilder/cssgrafiken/var2_linkpfeil_braun.png) center left no-repeat;
padding: 2px 0px 2px 12px;
}
/******************************************************************************/
/***** Start: Elemente im Inhaltsbereich der Seite ****************************/
/******************************************************************************/
body.var2 div#koerper { }
/***** Start: Standardelemente ************************************************/
body.var2 div#koerper h2 a { color: #000000 !important; }
body.var2 div#koerper h2
{
color: #000000;
font-weight: bold;
font-size: 14px;
padding: 10px 0px 5px 0px;
border-bottom: 2px dotted #f4c956;
margin: 0px 0px 20px 0px;
text-transform: uppercase;
}
body.var2 div#koerper h3 a { color: #b97201 !important; }
body.var2 div#koerper h3
{
color: #b97201;
font-weight: normal;
font-size: 14px;
padding: 10px 0px 3px 0px;
border-bottom: 1px solid #f4c956;
margin: 10px 0px 5px 0px;
}
body.var2 div#koerper h4 { margin: 5px 0px 5px 0px; color: #b97201; font-size: 13px; padding: 10px 0px 3px 0px; border-bottom: 1px solid #f4c956; }
body.var2 div#koerper h5 { margin: 5px 0px 5px 0px; color: #b97201; font-size: 12px; padding: 10px 0px 3px 0px; border-bottom: 1px solid #f4c956; }
body.var2 div#koerper h6 { margin: 5px 0px 5px 0px; color: #b97201; font-size: 11px; text-transform: uppercase; padding: 10px 0px 3px 0px; border-bottom: 1px solid #f4c956; }
body.var2 div#koerper ul { padding: 10px 0px 10px 25px; list-style-type: square; }
body.var2 div#koerper ol { padding: 10px 0px 10px 25px; }
body.var2 div#koerper li { padding: 3px 0px 3px 0px; }
body.var2 div#koerper table { padding: 10px 0px 10px 0px; }
body.var2 div#layout_container form { padding: 10px 0px 10px 0px; }
body.var2 div#layout_container form fieldset { border: 1px solid #e1e3e4; padding: 5px; border: 0; }
body.var2 div#layout_container form fieldset legend { padding: 5px; border: 1px solid #e1e3e4; color: #000000; font-size: 12px; }
body.var2 div#layout_container label
{
display: block;
padding: 2px 0px 2px 0px;
}
body.var2 div#layout_container input.text:focus { border: 1px solid #de921a; background: #faf2e0; color: #de921a; }
body.var2 div#layout_container input.text
{
width: 220px;
padding: 5px;
border: 1px solid #f4c956;
font-size: 1em;
}
div#layout_container input.submit
{
font-size: 1em;
}
body.var2 div#layout_container textarea.text:focus { border: 1px solid #de921a; background: #faf2e0; color: #de921a; }
body.var2 div#layout_container textarea.text
{
width: 220px;
padding: 5px;
font-size: 1em;
border: 1px solid #f4c956;
}
body.var2 div#layout_container p
{
padding: 5px 0px 5px 0px;
}
body.var2 div#koerper div.lexikon { float: left; width: 250px; }
body.var2 div#koerper div.lexikon { text-align: left; }
body.var2 div#koerper div.twitter { float: left; width: 250px; }
body.var2 div#koerper div.twitter div.eintrag { margin: 0px 0px 5px 0px; overflow: hidden; }
body.var2 div#koerper div.twitter h3 { }
body.var2 div#koerper div.twitter p.bildcontainer img { border: 1px solid #ffffff; }
body.var2 div#koerper div.webtipp { float: right; width: 250px; }
body.var2 div#koerper div.webtipp { text-align: left; }
body.var2 div#koerper div.shopper { clear: both; width: 45%; float: left; min-width: 460px; }
/* statisch: body.var2 div#koerper div.shopper { clear: both; width: 500px; float: left; } */
body.var2 div#koerper div.shopper div.eintrag { float: left; width: 450px; margin: 0px 30px 30px 0px; height: 200px; overflow: auto; }
body.var2 div#koerper div.shopper p strong { display: inline-block; min-width: 80px; }
body.var2 div#koerper div.shopper p.bildcontainer { float: left; width: 180px; text-align: left; }
body.var2 div#koerper div.shopper p.bildcontainer img { border: 1px solid #ffffff; }
body.var2 div#koerper div.shopper h3 { }
body.var2 div#koerper div.youtuber { width: 45%; float: left; min-width: 210px; }
/* statisch: body.var2 div#koerper div.youtuber { width: 500px; float: left; } */
body.var2 div#koerper div.youtuber .eintrag { float: left; width: 210px; margin: 0px 30px 30px 0px; overflow: auto; height: 250px; }
body.var2 div#koerper div.youtuber p.bildcontainer { }
body.var2 div#koerper div.youtuber p.bildcontainer img { border: 1px solid #ffffff; }
body.var2 div#koerper div.youtuber h3 { }
body.var2 div#koerper div.text { width: 45%; float: left; min-width: 210px; }
/***** Start: Standardbox *****************************************************/
body.var2 div#koerper .box
{
float: left;
margin: 0px 30px 30px 0px;
border: 3px solid #ffffff;
background: #fcf2d8;
color: #633e03;
}
body.var2 div#koerper .box_koerper { padding: 0px 5px 0px 5px; }
/***** Start: Kontaktbox ******************************************************/
body.var2 div#koerper div#kontaktbox
{
/* background: #eb940a;*/
/* background: #89ae17;*/
background: #89ae17;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 11px;
}
body.var2 div#koerper div#kontaktbox div.box_kopf { }
body.var2 div#koerper div#kontaktbox div.box_kopf a { display: block; padding: 5px; width: 230px; font-weight: bold; text-align: center; }
body.var2 div#koerper div#kontaktbox div.box_koerper { padding: 5px; width: 230px; }
body.var2 div#koerper div#kontaktbox a { color: #ffffff; }
body.var2 div#koerper div#kontaktbox a:link { color: #ffffff; }
body.var2 div#koerper div#kontaktbox a:visited { color: #ffffff; }
body.var2 div#koerper div#kontaktbox a:focus { color: #ffffff; background: #888888; }
body.var2 div#koerper div#kontaktbox a:hover { color: #ffffff; background: #888888; }
body.var2 div#koerper div#kontaktbox a:active { color: #ffffff; background: #888888; }
body.var2 div#koerper div#kontaktbox h3
{
color: #ffffff;
font-weight: normal;
font-size: 14px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #ffffff;
margin: 0px 0px 10px 0px;
}
body.var2 div#koerper div#kontaktbox h4
{
color: #ffffff;
font-weight: normal;
font-size: 13px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #ffffff;
margin: 0px 0px 10px 0px;
}
/******************************************************************************/
/***** Start: Elemente im Fussbereich der Seite *******************************/
/******************************************************************************/
body.var2 div#fuss { color: #0a71a6; }
body.var2 div#fuss a { color: #3387b1; }
body.var2 div#fuss a:link { color: #3387b1; }
body.var2 div#fuss a:visited { color: #3387b1; }
body.var2 div#fuss a:focus { color: #000000; }
body.var2 div#fuss a:hover { color: #000000; }
body.var2 div#fuss a:active { color: #000000; }
body.var2 div#fuss h2 a { color: #000000 !important; }
body.var2 div#fuss h2
{
color: #333333;
font-weight: bold;
font-size: 13px;
padding: 20px 0px 3px 0px;
border-bottom: 2px dotted #b9d1dd;
margin: 0px 0px 7px 0px;
text-transform: uppercase;
}
/***** Start: Nach-Oben-Link **************************************************/
body.var2 div#fuss p#nachoben_link { position: absolute; top: 0px; right: 100px; background: #3387b1; font-weight: bold; }
body.var2 div#fuss p#nachoben_link a
{
padding: 5px;
font-size: 11px;
border: 1px solid #b9d1dd;
}
body.var2 div#fuss p#nachoben_link a { color: #ffffff; }
body.var2 div#fuss p#nachoben_link a:link { color: #ffffff; }
body.var2 div#fuss p#nachoben_link a:visited { color: #ffffff; }
body.var2 div#fuss p#nachoben_link a:focus { color: #ffffff; background: #888888; }
body.var2 div#fuss p#nachoben_link a:hover { color: #ffffff; background: #888888; }
body.var2 div#fuss p#nachoben_link a:active { color: #ffffff; background: #888888; }
/***** Start: Themenlinks *****************************************************/
body.var2 div#fuss ul.themenlinks { list-style: none; }
body.var2 div#fuss ul.themenlinks li { display: inline; }
body.var2 div#fuss ul.themenlinks li a
{
padding: 2px 9px 2px 14px;
background: url(../bilder/cssgrafiken/var2_linkpfeil_blau.png) center left no-repeat;
white-space: nowrap;
width: 240px;
float: left;
}
/***** Start: Service-Links ***************************************************/
body.var2 div#fuss ul.service { list-style: none; }
body.var2 div#fuss ul.service li { display: inline; }
body.var2 div#fuss ul.service li a
{
background: url(../bilder/cssgrafiken/var2_linkpfeil_blau.png) center left no-repeat;
padding: 2px 9px 2px 14px;
white-space: nowrap;
width: 240px;
float: left;
}
/***** Start: Seitenlinks *****************************************************/
body.var2 div#fuss ul.seitenlinks { list-style: none; }
body.var2 div#fuss ul.seitenlinks li { display: inline; }
body.var2 div#fuss ul.seitenlinks li a
{
background: url(../bilder/cssgrafiken/var2_linkpfeil_blau.png) center left no-repeat;
padding: 2px 9px 2px 14px;
white-space:nowrap;
width: 240px;
float: left;
}
/***** Start: Copyright-Meldung ***********************************************/
body.var2 div#layout_container p#copyright { color: #333333; padding: 40px 0px 0px 0px; font-size: 12px; font-style: italic; }