/*
Template: www.ost-fenster.lu
Bereichsdefinitionen
Dieses Template verweist auf den entsprechenden Bilderorder resources/
z.B. background-image: url(resources/?.gif);
*/

/* ####################################################################### */
/* ###########################  Globale Definitionen ############################ */
/* ###################################################################### */

html {
font-size: 100.01%;
}

body {
font-family: Arial, Helvetica, Verdana, SunSans-Regular, sans-serif;
font-size: 0.8em;
color: #000000;
background-color: #FDF3D0;
text-align: left;
margin: 0px;
padding: 0px;
}

.align-center {
text-align: center;
}
.align-right {
text-align: right;
}

a:link { color: #09438C; font-weight: bold; text-decoration: none; }

a:visited { color: #09438C; font-weight: bold; text-decoration: none; }

a:hover { color: #000000; font-weight: bold; text-decoration: none; }

h1 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 1.4em; line-height: 1.8em; }

h2 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 1.25em; line-height: 1.7em; }

h3,h4,h5,h6 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 1.1em; line-height: 1.6em; }

p { margin: 0px; }

.clear {
clear: both;
line-height: 0;
font-size: 0;
height: 0;
}

html {
scrollbar-arrow-color: #000000; /*Farbe der Pfeile*/
scrollbar-base-color: #FFFAEA; /*Heller Reflex am linken und oberen Rand*/
scrollbar-track-color: #E4DAB6; /*Farbe der "Bahn" in der sich der Scrollschieber bewegt*/
scrollbar-face-color: #FDF3D0; /*Eigentliche Farbe des Schiebers*/
scrollbar-highlight-color: #ffffff; /*Eigentliche Farbe des Schiebers*/
scrollbar-shadow-color: #9D9167; /*Schattenfarbe um Relief darzustellen*/
}

/* ####################################################################### */
/* ############################  Gesamtrahmen  ############################## */
/* ###################################################################### */

#BORDER {
width: 100%;
}

/* ####################################################################### */
/* ##########################  Gestaltungsbereiche  ############################ */
/* ###################################################################### */

#HEADERSTART {
height:110px;
background-color: #09438C;
overflow: hidden;
}

#HEADER {
float:left;
width:330px;
background-color: #000000;
}

#HEADEREND {
background-image: url(resources/HEADEREND.gif);
background-repeat: repeat-y;
width: 100%;
padding-bottom: 20px;
overflow: hidden;
}

/* ###################################################################### */ 
/* #############################  Fussbereich  ############################### */ 
/* ###################################################################### */ 

#FOOTERSTART {
visibility: hidden;
}

#FOOTER {
width: 100%;
height: 30px;
border-top: 1px solid #000000;
text-align: center;
}

.footercontent {
}

.footermenu {
font-size: 10px;
line-height: 30px;
}


#FOOTEREND {
visibility: hidden;
}


/* ###################################################################### */ 
/* ################################  Logo ################################# */ 
/* ###################################################################### */ 

.logo {
background-image: url(resources/logo.gif);
background-repeat: no-repeat;
float:left;
width:330px;
height: 110px;
}

.logo a {
display: block;
width: 160px;
height: 110px;
background-image: url(resources/logo.gif);
background-repeat: no-repeat;
}

/* ###################################################################### */ 
/* ############################  Inhaltsbereiche  ############################# */ 
/* ###################################################################### */ 

.contentstart {
visibility: hidden;
}

.content {
margin-left: 330px;
padding-left: 40px;
padding-right: 40px;
}

.content .contentelement {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}

.contentend {
visibility: hidden;
}

/*------------------------------------ Promotionbereich ------------------------------------*/

.promotion {
background-image: url(resources/promotion.gif);
background-repeat: no-repeat;
width: 100%;
height: 150px;
overflow: hidden;
}

.promotion .contentelement {
float: left;
}

/*------------------------------------- Highlightbereich -------------------------------------*/

.highlightstart {
visibility: hidden;
}

.highlight {
float: left;
width: 330px;
background-color: #000000;
}

.highlightcontent {
width: 270px;
border: 1px dotted #768CBD;
margin-left: 30px;
margin-top: 15px;
margin-bottom: 15px;
}

.highlightcontent .contentelement {
margin-right: -3px;
padding: 10px;
}

.highlightend {
visibility: hidden;
}

.highlightcontent h1 { color: #768CBD; margin: 0px; : 0px; font-size: 1.2em; line-height: 1.5em; }

.highlightcontent h2 { color: #768CBD; margin: 0px; padding: 0px; font-size: 1.1em; line-height: 1.4em; }

.highlightcontent h3 { color: #FDF3D0; margin: 0px; padding: 0px; font-size: 1.1em; line-height: 1.3em; }

.highlightcontent p { color: #FDF3D0; margin: 0px; font-size: 0.8em }

.highlightcontent a:link { color: #768CBD; font-weight: bold; text-decoration: none; }

.highlightcontent a:visited { color: #768CBD; font-weight: bold; text-decoration: none; }

.highlightcontent a:hover { color: #768CBD; font-weight: bold; text-decoration: none; }

/*--------------------------------------- Unterbereich ---------------------------------------*/

.subcontent {
margin-left: 330px;
padding-left: 40px;
padding-right: 40px;
}

.subcontent .contentelement {
width: 100%;
overflow: hidden;
margin-right: -3px;
}

.subcontent h1 { color: #FFFFFF; padding: 22px 0px 0px 0px; }
.subcontent h2 { color: #FFFFFF; padding: 22px 0px 0px 0px; }
.subcontent h3 { color: #FFFFFF; padding: 22px 0px 0px 0px; }

.subcontent p { color: #FFFFFF; margin: 0px; font-size: 0.9em }

/* ###################################################################### */ 
/* #############################  Navigation ################################ */ 
/* ###################################################################### */ 

.mainmenu {
float: left;
width: 159px;
padding-top: 10px;
padding-bottom: 10px;
border-right: 1px solid #ffffff;
}

.mainmenu1-norm a {
}

.mainmenu1-norm a:hover {
}

.mainmenu1-act a {
}

.mainmenu1-act a:hover {
}

.mainmenu2-norm a {
}

.mainmenu2-norm a:hover {
}

.mainmenu2-act a {
}

.mainmenu2-act a:hover {
}

/*-------------------------------- Optionale Unternavigation --------------------------------*/

.submenu {
float: left;
width: 170px;
padding-top: 10px;
padding-bottom: 10px;
}

/*--------------------------------- Funktions-/Zusatzmenue ---------------------------------*/

.additionalmenu {
position: absolute;
top: 10px;
right: 10px;
}

.sitepath {
width: 100%;
overflow: hidden;
height: 30px;
line-height: 30px;
color: #666666;
font-size: 0.8em;
}

.sitepath a:link {
color: #666666;
}

.sitepath a:visited {
color: #666666;
}

.sitepath a:hover {
color: #666666;
}