/* ============================== */ /* ! Layout for desktop version */ /* ============================== 
*/ body { font: normal 0.7512em/1.5em Verdana, Geneva, sans-serif; margin: 0px; 
padding: 10px 0px 30px 0px; color: #000; background: #fff; } html>body { font-size: 
1em; } body:before { content: ""; position: fixed; top: -10px; left: 0; width: 
100%; height: 10px; z-index: 100; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
} .bg { border: 1px solid #ccc; } a:link { color: #B52C07; } a:visited { color: 
#B52C07; } a:hover, a:active { color: #5B5E0E; } img { width: 100%; } hr { background-color: 
#ccc; /* Farbe für Opera und Firefox */ color: #ccc; /* Farbe für Internet Explorer 
(IE) */ border: 0; height: 1px; } /**********************************************/ 
/* Margins Bottom */ /**********************************************/ .remove-bottom 
{ margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; 
} .add-bottom { margin-bottom: 20px !important; } .add-bottom_2 { margin-bottom: 
35px !important; } .add-bottom_3 { margin-bottom: 40px !important; } /**********************************************/ 
/* ! Layout for header */ /* ============================== */ #header { background: 
url(../images/header2.jpg) no-repeat center; height: 240px; } #header p { color: 
#5B5E0E; font: 150% georgia, times, "times new roman", serif; font-weight: bold; 
margin-top: 5px; text-indent: 10px; line-height: 0.8em; overflow: hidden; } #header 
a { color: #5B5E0E; text-decoration: none; } /*----------------Kopfmenue-----------------------*/ 
#mainnav { color: #5B5E0E; font: 100% arial, hevetica, sans-serif; font-weight: 
bold; padding: 8px 0; border-top: 1px solid #ccc; } #mainnav ul { margin: 0; padding: 
0; list-style-type: none; } #mainnav li { display: inline; padding: 0 5px; border-right: 
1px solid #ccc; } #mainnav li a { text-decoration: none; color: #B52C07; } #mainnav 
li a:hover { text-decoration: none; color:#46942A; } #mainnav li .aktiv { text-decoration: 
underline; } /*----------------Breadcrumb-Navigation-----------------------*/ 
#breadcrumb { color: #5B5E0E; font: 80% arial, hevetica, sans-serif; padding: 
4px 0; margin-bottom: 2px; border-bottom: 1px solid #ccc; border-top: 1px solid 
#ccc; } #breadcrumb ul { margin: 0; padding: 0; list-style-type: none; text-indent: 
5px; } #breadcrumb li { display: inline; padding: 0 5px; } #breadcrumb li a { 
text-decoration: none; color: #5B5E0E; } #breadcrumb li a:hover { text-decoration: 
none; color:#46942A; } /* Footer */ /* ============================== */ #footer 
ul { list-style-type: none; text-align: right; margin: 1em 0; padding: 0; font-size: 
95%; } #footer li { display: inline; padding: 0 0 0 12px; } /* ============================== 
*/ /* ! Boxen links und rechts */ /* ============================== */ .box { 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 
solid 1px #ccc; margin-bottom: 15px; margin-right: 15px; box-shadow: 1px 1px 3px 
#ccc; padding: 5px 10px; margin: 20px 0px; } .box ul.nav, .box .nav li { margin: 
0px; padding: 0px; list-style: none; } /*----------------Menue links-----------------------*/ 
#left ul { margin-left: 0; padding-left: 0; list-style-type: none; line-height: 
220%; } #left ul ul { text-indent: 10px; list-style-type: none; line-height: 200% 
!important; font-size: 90%; } #left ul ul ul { text-indent: 20px; list-style-type: 
none; line-height: 200%; } #left ul ul ul ul { text-indent: 35px; list-style-type: 
none; line-height: 200%; } #left h2 { color: #5B5E0E; font: 100% verdana, helvetica, 
serif; font-weight: bold; margin-top: 0; } #left .ul-mehrspaltig { display:inline; 
} #left .li-mehrspaltig { display: inline; padding: 5px 10px; margin: 0px; } #right 
h2 { color: #5B5E0E; font: 100% verdana, helvetica, serif; font-weight: bold; 
margin-top: 0; padding: 0px; } #right p { font: 100% verdana, helvetica, serif; 
margin-top: 0; text-align: justify; line-height: 140% !important;} /* ============================== 
*/ #content .ul-mehrspaltig { display:inline; } #content .li-mehrspaltig { display: 
inline; padding: 10px 10px; margin: 0px; } /* ! Layout for maincol */ /* ============================== 
*/ #main { padding: 10px 0px 0px 0px; margin: 0px; } #main ul, #main li { margin: 
0px; padding: 0px; list-style: circle; list-style-position: inside; } #main table 
{ width: 100%; } #main table td { line-height: 200%; } /* ============================== 
*/ /* Typografie */ /**********************************************/ p { margin: 
1.2em 0; } #main p{ text-align: justify; } .block { text-align: justify; } h1 
{ color: #B52C07; margin-top: 10px; font-size: 1.6em; line-height: 1.1em; font-weight: 
lighter; padding: 5px 0px;} h1 a { text-decoration: none; } h2 { color: #5B5E0E; 
margin: 0.8182em 0; font-size: 1.4em; line-height: 1.1em; font-weight: lighter; 
padding-top: 15px; } h2 a:link, h2 a: visited { margin: 0.8182em 0; font-size: 
1.4em; line-height: 1.1; font-weight: lighter; text-decoration: none; } h2 a:hover 
{ font-weight: bolder; color: #FF9933; } h3 { color: #5B5E0E; font-size: 1.2em; 
line-height: 24px; margin: 8px 0px; font-weight: lighter; padding-top: 15px; } 
h3 span { color: #707070; display: block; font-size: 18px; } h3 a, h3 a:visited 
{ color: #707070; text-decoration: none; } h3 a:hover { text-decoration: underline; 
} h4 { margin: 1em 0; font-size: 1.1em; line-height: 1em; text-align: left; } 
/* ============================= */ /* ! Layout for mobile version */ /* ============================= 
*/ /* Tabletts */ @media only screen and (min-width: 767px) { … } /* Mittlere 
Monitore */ @media only screen and (max-width: 1024px) /* Große Monitore */ @media 
only screen and (min-width: 1280px) { }