@import url(/css/reset.css);
@import url(/css/colors.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

body	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

h1 { font-size: 14px; margin-bottom: 12px; }
h2 { font-size: 12px; }
h3 { font-weight: normal; }

ul {list-style-type: none;}
p { line-height: 18px; margin-bottom: 10px; }
a {text-decoration: none;}

/* breite = xx px */
div.page, div#site-head, div#site-head ul#mainMenu,
div#outerContent, div#footer {width: 799px;}
div.page { margin: 0em auto; margin-top: 10px; position: relative;}

div#site-head {
    height: 295px;
    position: relative;
    background: url(/files/allgemein/header_folg.jpg) no-repeat top left;
}
div#site-head div#homeLink {
    position: absolute;
    top: 5px; right: 17px;
    width: 170px; height: 80px;
}
div#site-head img#big { padding-top: 74px; }
div#site-head div#headerText {
    position: absolute;
    top: 130px; left: 400px;
}
div#site-head div#headerText  p { line-height: 22px; }
div#site-head div#smallPics {
    position: absolute;
    right: 40px; top: 99px;
    width: 122px;
}
div#site-head div#smallPics img { margin-bottom: 12px;}
div#site-head ul#mainMenu {
    position: absolute;
    left: 0px; bottom: 0px;
    background: url(/files/allgemein/mainMenu_bg.jpg) no-repeat top left;
    height: 41px;
}
div#site-head ul#mainMenu li {
    float: left;
    background: url(/files/allgemein/mainMenu_bg.gif) no-repeat scroll right top; 
}
div#site-head ul#mainMenu li a {
    background:transparent url(/files/allgemein/mainMenu_bg.gif) no-repeat scroll right top;
    display:block;
    float:left;
    line-height:39px;
    font-weight: bold;
    padding:0px 35px 0px 15px;
}
div#site-head ul#mainMenu li.active a,
div#site-head ul#mainMenu li a:hover {
    background-position: right -42px;
    text-decoration:none;
}

ul#subMenu {
    background: url(/files/allgemein/subMenu_bg.jpg) no-repeat top left;
    height: 21px;
}
ul#subMenu li {
    float: left;
    background: url(/files/allgemein/subMenu_bg.gif) no-repeat scroll right top; 
}
ul#subMenu li a {
    background:transparent url(/files/allgemein/subMenu_bg.gif) no-repeat scroll right top;
    display:block;
    float:left;
    line-height:20px;
    font-weight: bold;
    padding:0px 35px 0px 15px;
}
ul#subMenu li.active a,
ul#subMenu li a:hover {
    background-position: right -21px;
    text-decoration:none;
}

ul#subsubMenu {
    background: url(/files/allgemein/subMenu_bg.jpg) no-repeat top left;
    height: 21px;
}
ul#subsubMenu li {
    float: left;
    background: url(/files/allgemein/subMenu_bg.gif) no-repeat scroll right top; 
}
ul#subsubMenu li a {
    background:transparent url(/files/allgemein/subMenu_bg.gif) no-repeat scroll right top;
    display:block;
    float:left;
    line-height:20px;
    font-weight: bold;
    padding:0px 35px 0px 15px;
}
ul#subsubMenu li.active a,
ul#subsubMenu li a:hover {
    background-position: right -21px;
    text-decoration:none;
}

div#outerContent { margin-top: 20px; }

div#content {
    background: url(/files/allgemein/content_middle.jpg) repeat-y top left;
    float: left;
    width: 474px;
    padding-left: 20px; padding-right: 20px; padding-bottom: 15px;
    min-height: 516px;
    height: auto !important;
    height: 516px;
}
div#content ul li {
    margin-bottom: 5px;
    background: url(/files/allgemein/li_icon.gif) no-repeat left 3px;
    padding-left: 15px;
}

img#contentTop { margin-bottom: -3px; }

div#innerContent { width: 514px; float: left; margin-top: 2px; }

div.element, div#footer, div.clear {clear: both;}

div#right { width: 283px; float: right; }
div#right div.banner { background: url(/files/allgemein/borderMiddle.jpg) repeat-y top left; }
div#right div.banner p { margin-bottom: 5px; }
div#right div.banner h1.headline { width: 230px; padding-top: 5px; margin-bottom: 5px; }
div#right img.borderTop { margin-bottom: -3px; }
div#right img.borderBottom { margin-bottom: 1px; }

div#right div.bannerrot {
    background: url(/files/allgemein/borderMiddle_rot.jpg) repeat-y top left;
    padding-left: 20px; padding-bottom: 10px;
    
}
div#right div.bannerorange {
    background: url(/files/allgemein/borderMiddle_orange.jpg) repeat-y top left;
    padding-left: 20px; padding-bottom: 10px;
    position: relative;
}
div#right div.bannerorange p { padding-right: 15px; margin-top: 10px; }
div#right div.bannerorange p a { margin-left: 165px;}

div#right img.banner { margin-left: -11px; margin-bottom: -12px; }

div#footer {
    margin: 0px auto;
    padding-top: 15px;
    background: url(/files/allgemein/footer_bg.jpg) no-repeat bottom left;
    height: 36px;
}
div#footer ul#bottomMenu { float: right; padding-right: 30px; padding-top: 10px; }
div#footer ul#bottomMenu li {
    background: url(/files/allgemein/impressum_icon.gif) no-repeat 72px 3px;
    padding-right: 25px;
}

div.clear { clear: both; }
div.space { height: 0px; }
img.plus { margin-left: -20px; }

.home div#site-head {
    height: 372px;
    position: relative;
    background: url(/files/allgemein/header.jpg) no-repeat top left;
}
.home div#site-head div#smallPics {
    position: absolute;
    right: 41px; top: 108px;
    width: 122px;
}
.home div#content {
    background: url(/files/allgemein/content_middle.jpg) repeat-y top left;
    float: left;
    width: 474px;
    padding-left: 20px; padding-right: 20px;
    padding-bottom: 0px;
    min-height: 200px;
    height: auto !important;
    height: 200px;
}
.home div#site-head div#headerText {
    position: absolute;
    top: 155px; left: 400px;
}
.home div#leftLink,
.home div#rightLink {
    width: 249px; height: 328px;
    margin-top: 5px;
    float: left;
    background: url(/files/allgemein/homeLinks.jpg) no-repeat top left;
    position: relative;
}
.home div#leftLink img.pic,
.home div#rightLink img.pic {
    position: absolute;
    top: 15px; left: 13px;
}
.home div#leftLink img.typo,
.home div#rightLink img.typo {
    position: absolute;
    top: 241px; left: 8px;
}
.home div#leftLink { margin-right: 15px; }