html * {
margin : 0;
padding : 0;
}
body {
background-image : url(../images/bg.jpg);
text-align : center;
font-family : Verdana, Tahoma, Helvetica, Arial, sans-serif;
color : #444;
font-size : 12px;
}
#cpage {
width : 910px;
margin : 0 auto 0 auto;
text-align : left;
}
#page {
clear : both;
float : left;
width : 908px;
margin : 20px 0 5px 0;
padding : 1px;
background-image : url(../images/bg_templer.gif);
}
#cheader {
position : relative;
clear : both;
float : left;
width : 908px;
height : 291px;
border-top : 8px solid #ccc;
background : url(../images/bg_cheader.jpg) no-repeat left bottom;
}
#logo {
float : left;
width : 260px;
height : 71px;
}
#logo a {
display : block;
float : left;
width : 260px;
height : 71px;
background : url(../images/logo.png) no-repeat left top;
}
#logo a span {
display : none;
}
#csearch {
float : right;
height : 47px;
margin : 24px 20px 0 0;
}
#searchform input.input {
float : left;
width : 260px;
height : 20px;
padding : 3px 0 0 30px;
border : 1px solid #8d8d8d;
border-right : none;
background : url(../images/bg_searchinput.png) no-repeat 5px center;
}
#searchform input.submit {
padding : 0;
float : left;
width : 57px;
height : 25px;
background : url(../images/bg_searchsubmit.png) no-repeat left top;
border : none;
color : #fff;
}
#slogan {
clear : both;
float : right;
margin : 84px 40px 20px 0;
height : 76px;
width : 370px;
color : #fff;
overflow : hidden;
text-align : right;
}
#slogan h1 {
font-size : 25px;
font-weight : normal;
text-transform : uppercase;
}
#slogan p {
line-height : 1.5em;
}
#chm {
position : relative;
clear : both;
float : left;
}
#ccontent {
clear : both;
float : left;
width : 908px;
margin : 0 0 20px 0;
}
#rightmenue {
clear : both;
float : left;
width : 225px;
margin : 85px 55px 30px 29px;
}
#rightmenue h2 {
font-size : 18px;
text-transform : uppercase;
font-weight : normal;
margin : 0 0 0.75em 0;
}
#rightmenue ul {
list-style-type : none;
}
#rightmenue ul li {
margin : 8px 0 8px 0;
}
#rightmenue ul li a {
padding : 0 0 0 25px;
background : url(../images/p_grey.png) no-repeat left 3px;
color : #444;
text-decoration : none;
}
#rightmenue ul li a:hover {
background : url(../images/p_black.png) no-repeat left 3px;
color : #7f7f7f;
}
#rightmenue ul li a.active:hover, #rightmenue ul li a.active {
background : url(../images/pointer.png) no-repeat left 3px;
color : #720005;
}
#content {
float : left;
width : 560px;
margin : 45px 0 30px 0;
line-height : 1.5em;
}
#content h1 {
font-size : 24px;
text-transform : uppercase;
font-weight : normal;
color : #720005;
margin : 0 0 20px 0;
}
#content h2 {
font-size : 18px;
text-transform : none;
font-weight : normal;
color : #720005;
margin : 0 0 10px 0;
}
#content h3 {
font-size : 14px;
text-transform : none;
font-weight : bold;
color : #444;
border-left : 5px solid #720005;
margin : 0 0 10px 0;
padding : 0 0 0 5px;
}
#content h4 {
font-size : 12px;
text-transform : none;
font-weight : bold;
color : #444;
border-bottom : 1px solid #720005;
margin : 0 0 10px 0;
}
#content h1 span {
color : #444;
}
#content p {
margin : 0 0 1.5em 0;
}
#content a {
color : #720005;
}
#content img {
float : left;
margin : 0 10px 10px 0;
padding : 3px;
border : 1px solid #ccc;
}
#content ul {
margin : 10px 0 10px 30px;
list-style-type : none;
}
#content ul li {
background : url(../images/pointer.png) no-repeat left 3px;
padding : 0 0 0 20px;
font-weight : bold;
}
#content ul.sitemap li li {
background : url(../images/p_black.png) no-repeat left 3px;
padding : 0 0 0 20px;
font-weight : bold;
color : #444;
}
#content ul.sitemap li li a {
color : #444;
}
#content ul.sitemap li li li {
background : url(../images/p_grey.png) no-repeat left 3px;
padding : 0 0 0 20px;
font-weight : bold;
}
#content ul.sitemap li li li a {
color : #666;
}
#content ol {
margin : 10px 0 10px 50px;
}
#cfooter {
clear : both;
float : left;
width : 908px;
color : #919191;
margin : 0 0 20px 0;
}
#topmenue {
float : left;
font-size : 9px;
}
#topmenue ul {
list-style-type : none;
}
#topmenue ul li {
float : left;
border-right : 1px solid #919191;
}
#topmenue ul li a {
color : #919191;
padding : 0 4px 0 4px;
text-decoration : none;
}
#copyright {
float : right;
text-align : right;
font-size : 9px;
}
#copyright a {
color : #919191;
}
#copyright p.design {
margin : 10px 0 0 0;
color : #6b6b6b;
}
#copyright p.design a {
color : #6b6b6b;
}
#kontaktform {
clear : left;
float : left;
line-height : normal;
width : 460px;
margin : 0 0 10px 0;
padding : 0 10px 10px 10px;
}
#kontaktform label {
clear : left;
float : left;
width : 100px;
margin : 5px 4px 0 0;
text-align : left;
}
#kontaktform label.plabel {
color : #444;
font-weight : bold;
}
#kontaktform input, #kontaktform select, #kontaktform textarea {
float : left;
width : 340px;
margin : 5px 0 0 0;
border : 1px solid #dedede;
}
#kontaktform select {
width : 348px;
color : #333;
}
#kontaktform input {
padding : 2px 4px 2px 4px;
color : #333;
}
#kontaktform textarea {
padding : 2px 4px 2px 4px;
height : 100px;
color : #333;
}
#kontaktform input.submit {
width : auto;
float : right;
margin : 10px 5px 0 0;
padding : 2px 10px 2px 10px;
background-color : #720005;
color : #fff;
}
#kontaktform input.reset {
width : auto;
float : right;
margin : 10px 10px 0 0;
border : 1px solid #444;
background-color : #444;
padding : 2px 10px 2px 10px;
color : #ccc;
}
.hm, .hm * {
margin : 0;
padding : 0;
list-style : none;
}
.hm {
line-height : 1.0;
font-size : 11px;
text-transform : uppercase;
width : 780px;
margin : 0 0 0 99px;
}
.hm ul {
position : absolute;
top : -999em;
width : 10em;
}
.hm ul li {
width : 100%;
}
.hm li:hover {
visibility : inherit;
}
.hm li {
float : left;
position : relative;
}
.hm a {
display : block;
position : relative;
}
.hm li:hover ul, .hm li.sfHover ul {
left : 0;
top : 40px;
z-index : 99;
}
ul.hm li:hover li ul, ul.hm li.sfHover li ul {
top : -999em;
}
ul.hm li li:hover ul, ul.hm li li.sfHover ul {
left : 175px;
top : 0;
}
ul.hm li li:hover li ul, ul.hm li li.sfHover li ul {
top : -999em;
}
ul.hm li li li:hover ul, ul.hm li li li.sfHover ul {
left : 10em;
top : 0;
}
.hm {
float : left;
}
.hm a, .hm a:visited {
color : #fff;
}
.hm a:focus, .hm a:hover, .hm a:active {
background : #444;
outline : 0;
}
.hm li {
width : 100px;
height : 40px;
text-align : center;
}
.hm li a {
padding : 15px 0 0 0;
text-decoration : none;
}
.hm li:hover, .hm li.sfHover {
background : #444;
outline : 0;
}
.hm li li {
border-left : 1px solid #555;
border-right : 1px solid #555;
width : 180px;
height : auto;
background-color : #444;
text-transform : none;
text-align : left;
}
.hm li li a {
padding : 10px 10px 12px 10px;
text-decoration : none;
background : #444 url(../images/bg_hm_subli.png) repeat-x left bottom;
}
.hm li li a:hover {
outline : 0;
background : #333 url(../images/bg_hm_subli.png) repeat-x left bottom;
}
.hm li li li {
background-color : #444;
}
.hm a.sf-with-ul {
padding-right : 2.25em;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 10px;
top : -10px;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
.hm li a .sf-sub-indicator {
right : 10px;
top : 15px;
background-position : 0% -100px;
}
.hm li li a .sf-sub-indicator {
right : 10px;
top : 10px;
background-position : 0% -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px -100px;
}
.hm ul .sf-sub-indicator {
background-position : -10px 0%;
}
.hm ul a > .sf-sub-indicator {
background-position : 0% 0%;
}
.hm ul a:focus > .sf-sub-indicator, .hm ul a:hover > .sf-sub-indicator, .hm ul a:active > .sf-sub-indicator, .hm ul li:hover > a > .sf-sub-indicator, .hm ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0%;
}
.hm, .hm * {
margin : 0;
padding : 0;
list-style : none;
}
.hm {
line-height : 1.0;
font-size : 11px;
text-transform : uppercase;
width : 780px;
margin : 0 0 0 99px;
}
.hm ul {
position : absolute;
top : -999em;
width : 10em;
}
.hm ul li {
width : 100%;
}
.hm li:hover {
visibility : inherit;
}
.hm li {
float : left;
position : relative;
}
.hm a {
display : block;
position : relative;
}
.hm li:hover ul, .hm li.sfHover ul {
left : 0;
top : 40px;
z-index : 99;
}
ul.hm li:hover li ul, ul.hm li.sfHover li ul {
top : -999em;
}
ul.hm li li:hover ul, ul.hm li li.sfHover ul {
left : 175px;
top : 0;
}
ul.hm li li:hover li ul, ul.hm li li.sfHover li ul {
top : -999em;
}
ul.hm li li li:hover ul, ul.hm li li li.sfHover ul {
left : 10em;
top : 0;
}
.hm {
float : left;
}
.hm a, .hm a:visited {
color : #fff;
}
.hm a:focus, .hm a:hover, .hm a:active {
background : #444;
outline : 0;
}
.hm li {
width : 100px;
height : 40px;
text-align : center;
}
.hm li a {
padding : 15px 0 0 0;
text-decoration : none;
}
.hm li:hover, .hm li.sfHover {
background : #444;
outline : 0;
}
.hm li li {
border-left : 1px solid #555;
border-right : 1px solid #555;
width : 180px;
height : auto;
background-color : #444;
text-transform : none;
text-align : left;
}
.hm li li a {
padding : 10px 10px 12px 10px;
text-decoration : none;
background : #444 url(../images/bg_hm_subli.png) repeat-x left bottom;
}
.hm li li a:hover {
outline : 0;
background : #333 url(../images/bg_hm_subli.png) repeat-x left bottom;
}
.hm li li li {
background-color : #444;
}
.hm a.sf-with-ul {
padding-right : 2.25em;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 10px;
top : -10px;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
.hm li a .sf-sub-indicator {
right : 10px;
top : 15px;
background-position : 0% -100px;
}
.hm li li a .sf-sub-indicator {
right : 10px;
top : 10px;
background-position : 0% -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px -100px;
}
.hm ul .sf-sub-indicator {
background-position : -10px 0%;
}
.hm ul a > .sf-sub-indicator {
background-position : 0% 0%;
}
.hm ul a:focus > .sf-sub-indicator, .hm ul a:hover > .sf-sub-indicator, .hm ul a:active > .sf-sub-indicator, .hm ul li:hover > a > .sf-sub-indicator, .hm ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0%;
}