html, body {

background-color: #ffffff;
margin: 0;
padding: 0;

height: 100%;
width: 100%;

text-align: left;
 
font-size: 100.01%;
font-family: Verdana, Arial, Sans-Serif;

}

img {
border: none;
padding: 0;
margin: 0;
display: block;
}


/* header are at the very top (with oberländer logo) */
#header1 {
padding: 15px 0 0 0;
background-color: #ffffff;
width: 980px;
height: 55px;
}

/* second header with image element and the horizontal menu in it */
#header2 {
position: relative;
background-color: #ffffff;
width: 980px;
height: 137px;
display: block;
}


#topmenu {
display: inline;

position: absolute;

top:125px;
left:583px;

height: 40px;
width: 384px;

z-index:10;

}

#topmenu ul {
margin: 0;
padding: 0;
list-style: none;
display: block;

}

#topmenu ul li {
float: left;
margin: 0;
padding: 0;
display: inline;
}

#topmenu ul li a {
display: block;
margin: 0;
padding: 0 0 0 10px;
/* width: 86px; */
width: 84px;
height:12px;


text-transform:lowercase;
font-size: 9px;
text-decoration: none;
font-weight: bold;
color: #FAB708;

}

#topmenu ul li a:link, #topmenu ul li a:visited, #topmenu ul li a:active {
color: #FAB708;
}
#topmenu ul li a:hover {
color: #8F9DA6;
}



/* 2nd level topmenu */

#topmenu ul li ul {
margin-left: -4px;
padding: 0;

list-style: none;
display: block;
}

#topmenu ul li ul li {
float: none;

width:96px;
height:12px;

margin: 0;
padding: 0;
display:inline
}

#topmenu ul li ul li a {
padding: 2px 0 2px 10px;
background-color: #FAB708;
margin: 0;
display: block;

color: #424A4D;

}

#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a:active {
color: #424A4D;
}
#topmenu ul li ul li a:hover {
color: #8F9DA6;
}


#topmenu ul li ul li .menu_seperator {
border-bottom: solid 1px #C5A359;
}



/* the mainmenu (at the left) */
#mainmenu {
position: relative;
float: left;
width: 325px;

background-color: #ffffff;
background-image: url(../img/menuleft/background.gif);
background-repeat: repeat-y;

min-height:100%;
height:auto !important;
height:100%;
margin:0;


}

#mainmenu ul {
margin: 30px 0 0 49px;
padding: 0;
list-style: none;
display: block;

}

#mainmenu ul li {
width: 162px;
height:24px;

margin: 0;
padding: 0;
display:inline
}

#mainmenu ul li img {
height:24px;
padding: 0;
margin: 0px;
display: block;
}

#mainmenu ul li a {

padding: 0;
margin: 0;
display: block;

height:24px;

/* border: solid 1px black; */

font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #ffffff;

text-transform:uppercase;
}

/* every buttons own class */

/* HOME */

#mainmenu ul li .bg_home {
background-image: url(../img/menuleft/home_lo.gif);
background-repeat: no-repeat;
}

#mainmenu ul li .bg_home:hover {
background-image: url(../img/menuleft/home_hi.gif);
background-repeat: no-repeat;
}

/* FILIALEN */

#mainmenu ul li .bg_filialen {
background-image: url(../img/menuleft/filialen_lo.gif);
background-repeat: no-repeat;
}

#mainmenu ul li .bg_filialen:hover {
background-image: url(../img/menuleft/filialen_hi.gif);
background-repeat: no-repeat;
}

/* LEISTUNGEN */

#mainmenu ul li .bg_leistungen {
background-image: url(../img/menuleft/leistungen_lo.gif);
background-repeat: no-repeat;
}

#mainmenu ul li .bg_leistungen:hover {
background-image: url(../img/menuleft/leistungen_hi.gif);
background-repeat: no-repeat;
}

/* BESTELLEN */

#mainmenu ul li .bg_bestellen {
background-image: url(../img/menuleft/bestellen_lo.gif);
background-repeat: no-repeat;
}

#mainmenu ul li .bg_bestellen:hover {
background-image: url(../img/menuleft/bestellen_hi.gif);
background-repeat: no-repeat;
}

/* PREISE */

#mainmenu ul li .bg_preise {
background-image: url(../img/menuleft/preise_lo.gif);
background-repeat: no-repeat;
}

#mainmenu ul li .bg_preise:hover {
background-image: url(../img/menuleft/preise_hi.gif);
background-repeat: no-repeat;
}


/* AGB */

#mainmenu ul li .bg_agb {
background-image: url(../img/menuleft/agb_lo.gif);
background-repeat: no-repeat;
}

#mainmenu ul li .bg_agb:hover {
background-image: url(../img/menuleft/agb_hi.gif);
background-repeat: no-repeat;
}

/* DOWNLOADS */

#mainmenu ul li .bg_downloads {
background-image: url(../img/menuleft/downloads_lo.gif);
background-repeat: no-repeat;
}

#mainmenu ul li .bg_downloads:hover {
background-image: url(../img/menuleft/downloads_hi.gif);
background-repeat: no-repeat;
}



/* mainmenu level 2 */

#mainmenu #mainmenu_level2 {
position: absolute;
background-color: #FAB708;

left:185px;

/* old top: top: 58px; */
top: 85px;

/* old width: 104 */
width:120px;
min-height:144px;

}

#mainmenu #mainmenu_level2 ul {

margin: 13px 0 10px 9px;
padding: 0;
list-style: none;
display: block;

}

#mainmenu #mainmenu_level2 ul li {
padding: 0 0 0 0;
margin: 0 0 0 0;
display:inline
}

#mainmenu #mainmenu_level2 ul li a {
padding: 1px 0 0 0;
height: 12px;
margin: 0;
font-size: 9px;
font-weight: bold;
text-decoration: none;
color: #666666;
display: block;
width: 105px;
text-transform:none;
}

#mainmenu #mainmenu_level2 ul li a:link, #mainmenu #mainmenu_level2 ul li a:active, #mainmenu #mainmenu_level2 ul li a:visited {
color: #666666;
}

#mainmenu #mainmenu_level2 ul li a:hover {
color: #999999;
}

#mainmenu #mainmenu_level2 ul li .act, #mainmenu #mainmenu_level2 ul li .act:link, #mainmenu #mainmenu_level2 ul li .act:active , #mainmenu #mainmenu_level2 ul li .act:visited  {
color: #999999;
}


/* mainmenu level 3 */

#mainmenu #mainmenu_level2 ul li ul {
margin: 2px 0 5px -7px;
padding: 0;
list-style-type: none;
display: block;

}

#mainmenu #mainmenu_level2 ul li ul li {
display:inline;

background-image: url(img/menuleft/level3_arrow_white.gif);
background-repeat: no-repeat;

}

#mainmenu #mainmenu_level2 ul li ul li a {

margin: 0px 0 0 0px;
padding: 1px 0 0 10px;
color: red;
font-size: 9px;
height: 12px;
width: 100px;
color: #ffffff;

}

#mainmenu #mainmenu_level2 ul li ul li a:link, #mainmenu #mainmenu_level2 ul li ul li a:active, #mainmenu #mainmenu_level2 ul li ul li a:visited {
color: #ffffff;
}

#mainmenu #mainmenu_level2 ul li ul li a:hover {
color: #666666;
}


/* the content area (in the middle) */
#content {
position: relative;
background-color: #ffffff;
float: left;
/*width: 371px;*/
width:520px;

min-height:100%;
height:auto !important;
height:100%;
margin:49px 0 0 0 ;
 
}


#content h1 {

padding: 0;
margin:0 0 4px 0 ;
font-size: 16px;
font-weight: bold;
text-decoration: none;
letter-spacing:5px;
text-transform:uppercase;
color: #CCCCCC;
height: 25px;
width: 480px;
background-image: url(../img/dotted_line.gif);
background-repeat: no-repeat;
}

#content h2 {

padding: 0;
margin:-3px 0 10px 0 ;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #D00204;
}


#content h3 {

padding: 0;
margin:0 0 0 0 ;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #424A4D;
}


#content p {

padding: 0;
margin:7px 0 0 0 ;
font-size: 11px;
font-weight: normal;
text-decoration: none;
width:480px;

}


#content a {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
color: #D00204;
}

#content a:link, #content a:visited, #content a:active {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
color: #D00204;
}

#content a:hover {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
color: #FAB708;
}


/* the unordered list in the content area is used by the sitemap */

#content ul {
margin: 20px 0 0 20px;
padding: 0;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}


#content ul li {
padding: 1px 2px 1px 20px ;
}

#content ul li ul {
margin: 3px 0 0 0;
list-style-type: circle;
}

#content ul li ul li ul {
list-style-type: square;
}

#content ul li ul li ul li ul {
list-style-type: circledisc;
}

#content ul a {
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#content ul a:link, #content ul a:visited, #content ul a:active {
color: #000000;
}

#content ul a:hover {
color: #F4BB0C;
}


/* content table (eg adresses) */

#content .contenttable {
padding: 0;
margin-left: -2px;

}

#content .contenttable td {
padding: 1px 10px 1px 0;
margin: 0;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}



/* formatting of the search box (indexed search ext) */

#content .tx-indexedsearch-searchbox {

margin-top: 50px;

font-size: 11px;
font-weight: normal;
text-decoration: none;
width: 480px;
}

#content .tx-indexedsearch-searchbox form {
margin:0;
padding:0;
}

#content .tx-indexedsearch-searchbox .left {
float: left;
width:150px;
margin:0;
padding:0;
}

#content .tx-indexedsearch-searchbox .right {
float: left;

width:170px;

margin:0;
padding:0;
}

#content .tx-indexedsearch-searchbox-sword {
font-size: 10px;
background-color: #ffffff;
width: 130px;
display: block;
float:right;
border: solid 1px #000000;

}

#content .tx-indexedsearch-searchbox-button {
margin-top: 10px;
float:right;
display: block;
background-color: #82969F;
border:none; 
width: 50px;
height:20px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
}


#content .tx-indexedsearch-whatis {
font-size: 11px;
font-weight: normal;
text-decoration: none;
clear: both;
}

#content .tx-indexedsearch-res table {
width:480px;
}

#content .tx-indexedsearch-res table td {
font-size: 11px;
font-weight: normal;
text-decoration: none;
}


#content .aktuell {
margin:15px 0 0 0 ;

}

#content .aktuell .moveleft {
margin-left: -90px;

font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #FF0004;
float: left;

}


#content .dottedline {

padding: 0;
margin:0 0 0 0 ;
font-size: 6px;
line-height: 6px;
display: block;

height: 26px;
width: 300px;
background-image: url(../img/dotted_line.gif);
background-repeat: no-repeat;
}


/* the news column (at the right) */
#news {
position: relative;
float: left;
 /* width: 97px; */
 width: 128px;

background-color: #999999;

min-height:100%;
height:auto !important;
height:100%;
margin:0;

padding: 43px 0  0 7px;

}


#news .box {
position: relative;
/* width: 119px; */
width: 120px;
margin: 15px 0 0 0;
padding: 2px 1px 2px 1px;

background-color: #FAB708;

font-size: 9px;
font-weight: normal;
text-decoration: none;
color: #000000;

}


#news img {
margin: -2px 0 0 -2px;
padding: 0;
position: absolute;
display: block;

}

#news .box .content {
display: block;
margin:2px 0 0 0;
padding: 2px;
height:103px;
background-color: #82969F;

}

#news .box .content h4 {
position: absolute;
/* margin:2px 0 4px 0; */
margin:0px 0 0px 2px;
width: 120px;
text-transform:uppercase;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FAB708;

}

#news .box .content p {
position: absolute;
width:98px;
font-size: 9px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
 /* margin:23px 0 4px 12px; */
 margin:23px 0 4px 2px;

}


#news .box .content .morenews {
position: absolute;
color: #ffffff;
margin:85px 0 4px 72px;
text-align: right;
text-decoration: none;
height: 18px;
display:block;

}

#news .box .content .morenews:hover {
color: #F5B307;
}


/* formatting the contact form */


.csc-mailform {
border: none;
margin: 0;
padding: 0;

}

.csc-mailform .csc-mailform-field {
width: 420px;
height: 23px;
border: none;
font-size: 11px;
vertical-align: top;
}


.csc-mailform .csc-mailform-field label {

font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #000000;

width: 150px;

float: left;
vertical-align: top;
}


.csc-mailform .csc-mailform-field input {
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
background-color: #ffffff;
width: 262px;


border: solid 1px #000000;

margin-bottom: 5px;

}


.csc-mailform .csc-mailform-field textarea {
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
background-color: #ffffff;
width: 262px;


border: solid 1px #000000;

margin-bottom: 5px;

overflow:auto;
}

.csc-mailform .csc-mailform-field .csc-mailform-submit {

background-color: #82969F;
border:none; 
width: 100px;
height:20px;
color: #ffffff;
font-size: 11px;
font-weight: bold;

float:right;
margin: 185px 5px 0 0;
}

/* file downloads */

.csc-uploads {
padding: 0;
margin: 0 0 0 -3px;

}


.csc-textpic .csc-textpic-text {
display: block;
width: 100px;

margin: 15px 0 0 0;
}

.csc-textpic .csc-textpic-imagewrap {
margin: 0px 0 0 0;
}