/*++++++++++++++++++  dokument adjust   +++++++++++++-*/
body {
margin: 0px; /*objekte auf 0 setzen*/
padding: 0px; /*objekte auf 0 setzen*/
width: 100%;
height: 100%;
background-color: #FFF;
background-image: url("pic/bg_c.gif");
background-repeat: repeat-y;
}

/*+++++++++++++++++++++  head area   ++++++++++++++++-*/
/*Logo Banner*/
.logo {
position:absolute;
z-index:100;
overflow: hidden;
top: 0; 
left: 0;
width: 160px; 
height: 190px;
border-bottom: 1px solid white; 
border-right: 1px solid #FFFFFF;
}

.bannerBg {
z-index: 1;
position: absolute;
top:0;
left:0;
height: 190px;
width: 100%; 
background-color: #BC9901;
border-bottom: 1px solid white; 
border-left: 1px solid white;
}

.bannerBox {
z-index: 2;
position: absolute;
top: 0;
left: 160px;
height: 190px;
width: 635px; 
background-color: #BC9901;
border-bottom: 1px solid white; 
border-left: 1px solid white;
background-image: url("pic/banner_pic_k.jpg");
}

.flashBox {
z-index: 3;
position: absolute;
overflow: hidden;
top:0;
left: 160px; 
height: 190px;
width: 635px;
border-bottom: 1px solid white; 
border-left: 1px solid white;
}

/* +++++++++++++++++++++ head-Main-Links++++++++++++++++-*/

.rectML1 {
z-index: 4;
position: absolute; 
top: 147px; 
left: 242px; 
border: 1px solid #FFFFFF; 

height: 44px;
width: 86px; 
voice-family: "\"}\"";
voice-family: inherit;
height: 42px;
width: 84px;
}

html>body .rectML1 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML2 {
z-index: 4;
position: absolute; 
top: 147px; 
left: 327px; 
border: 1px solid #FFFFFF; 

height: 44px; 
width: 86px;
voice-family: "\"}\"";
voice-family: inherit;
width: 84px;
height: 42px;
}

html>body .rectML2 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML3 {
z-index: 4;
position: absolute; 
top: 147px; 
left: 412px; 
border: 1px solid #FFFFFF; 

height: 44px; 
width: 86px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 84px;
height: 42px;
}

html>body .rectML3 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML4 {
z-index: 4;
position: absolute; 
top: 147px; 
left:  497px; 
border: 1px solid #FFFFFF; 

width: 86px; 
height: 44px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 84px;
height: 42px;
}

html>body .rectML4 {
width: 84px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.rectML5 {
z-index: 4;
position: absolute; 
top: 147px; 
left:  582px; 
border-top: 1px solid #FFFFFF; 

width: 228px; 
height: 44px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 226px;
height: 42px;
}

html>body .rectML5 {
width: 226px;
height: 42px;
} 
/* +++++++++++++++++++++++++++-*/
.posML1 {
z-index: 5;
position: absolute; 
width: 72px; 
height: 52px; 
top: 154px; 
left: 250px; 
text-align: right; 
}

.posML2 {
z-index: 5;
position: absolute; 
width: 72px; 
height: 52px; 
top: 154px; 
left: 335px;
text-align: right; 
}

.posML3 {
z-index: 5;
position: absolute; 
width: 72px; 
height: 52px; 
top: 154px; 
left: 419px; 
text-align: right; 
}

.posML4 {
z-index: 5;
position: absolute; 
width: 72px; 
height: 52px; 
top: 154px; 
left: 505px; 
text-align: right; 
}

a.ML {
z-index: 5;
text-decoration: none; 
font-family: "Trebuchet MS", sans serif; 
font-weight: bold; 
font-size: 11px; 
color: #FFFFFF; 
line-height: 11px;
text-transform: uppercase; 
}
a.ML:hover {
z-index: 5;
color: #FFCC00;
}

/* +++++++++++++++++++++ brownie++++++++++++++++- */

.brownie {
position: absolute;
z-index: 6;
overflow: hidden;
top:0; 
left: 795px;
width: 180px; 
height: 190px;
background-color: #BC9901;
border-bottom: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF;
}

.searchBox { 
position: relative; 
top: 93px;
left: 0px; 
width: 130px; 
height: 52px; 
border-top: 1px solid #FFF;  
border-right: 1px solid #FFF;
}

.languageBox { 
position: relative; 
top: 30px;
left: 0px; 
width: 130px; 
height: 52px; 
border-top: 1px solid #FFF;  
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

.languageText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

.field {
height: 12px;
width: 99px;
margin-left: 7px;
margin-top: 11px;
border: 3px solid #E7D275;
background-color:  #E7D275;

font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

/*+++++++++++++++++++++++++++++++++++left area+++++++++++++++++++++++++++++++++++*/
/*+++++++++++content links def ++++++++++++++*/

.leftArea {
position: absolute;
overflow: hidden;
z-index: 5;
top: 0px;
left: 0px;
width: 160px;
background-color: #EFEFEF;
}


.linkBox {
margin: 210px 0px 0px 0px;
font-family: "Trebuchet MS", sans serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}

.rubrikBox {
margin: 5px -6px 0px -12px;
}

.rubrik {
white-space: nowrap;
overflow: hidden;
padding: 3px 5px 1px 6px;
border-top: 1px solid #FFF;
border-right: 0px;
border-bottom: 1px solid #FFF;
border-left: 0px;
background-color: #D9D9D9;
font-size: 12px;
line-height: 30px;
color: #555;
}

.subRubrik {
white-space: nowrap;
overflow: hidden;
margin: -1px 0px -1px 0px;
padding: 1px 3px 0px 12px;
border-top: 1px solid #FFF;
border-right: 0px;
border-bottom: 1px solid #FFF;
border-left: 0px;
background-color: #E9E9E9;
line-height: 25px;
font-size: 10px;
color: #555;
/*white-space: nowrap;*/

}

.rubrikBox a {
color: #555;
display: block;
padding: 0px 10px 0px 12px;
background-position: 0% 0%;
}

.rubrikBox a:hover {
background-image: url("pic/yellow.gif");
background-position: 0% 0%;
color: #FFF;
}

/*+++++++++++content sublinks def ++++++++++++++*/

.localLinkBox {
margin: 30px 0px 0px 7px;
padding: 0px 0px 0px 0px;
width: 150px;

border-top: 3px solid #FFF;
border-right: 0px;
border-bottom: 3px solid #FFF;
border-left: 3px solid #FFF;

font-family: "Trebuchet MS", sans serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}

.localRubrikBox {
margin: 0px 0px 0px 0px;
}

.localRubrik {
padding: 2px 3px 1px 3px;
background-color: #FFE600;
font-size: 10px;
line-height: 25px;
color: #FFF;
}

.localSubRubrik {
padding: 3px 3px 3px 3px;
border-top: 1px solid #FFF;
border-right: 0px;
border-bottom: 3px dotted #EFEFEF;
border-left: 0px;
background-color: #FFF;
line-height: 16px;
font-size: 10px;
color: #555;
}

.localRubrikBox a {
color: #555;
}
.localRubrikBox a:hover {
color: #FC0;
}

/*++++++++++++++++++++++++++++++++ content area def +++++++++++++++++++++++++++*/

.cont {
top: 0;
left: 0;
width: 620px;
margin-left: 162px;
padding: 237px 22px 0px 27px;

voice-family: "\"}\"";
voice-family: inherit;
padding: 235px 20px 0px 25px;
width: 580px;
margin-left: 160px;
}

html>body .cont {
padding: 235px 20px 0px 25px;
width: 580px;
margin-left: 160px;
} 


/*+++++++++++++++++++++++++++++++right area def++++++++++++++++++++++++++++++++*/

.rightArea {
position: absolute;
clear: left;
top: 0px;
left: 795px;
margin: 0px;
padding: 0px;
width: 190px; 
height: 500px;
background-color: #F5F5F5;
}

/*+++++++++++++++++calendar++++++++++++++*/


.calArea {
table-layout: fixed;
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 12px;
border: 0;
border-spacing:1px;
border-collapse: collapse;
text-align: center;
color: #777;
position: relative;
top: 190px;
left: 0px;
width: 130px;
height: 130px;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
background-color: #DDD;
}

/*la case comportant le mois tout en haut*/
.calendrier-mois {
padding: 7px 0px 4px 5px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #555;
text-transform: uppercase;
}

   

/*les cases L M M J V S D*/
.calendrier-semaine {
background-color: #EEE;
font-weight: bold;
color: #555;
/*height: 12px;*/
}

td.cal { 
width: 10px;
/*height: 10px;*/
}
/*case d'un jour de la semaine*/
.weekday
{}
/*case de week-end*/
.weekendday { 
color: #555;
background-color: #FFFFFF;
}

.today { 
width: 13px;
padding: 1px;
text-align : center;
color: #555;
background-color: #FCF299;
}

/*case active en semaine*/
.activeday {
background-color: #BC9901;
}

/*case active en week-end*/
.activeweekendday {
background-color: #BC9901;
}

/*case des jours des autres mois*/
.outday {   

}
           
/*+++++++++++++++++++news+++++++++++++++*/
.newsArea {
position: relative;
overflow: hidden;
top: 190px;
left: 0px;
height: 182px;
margin-top: 10px;
/*border: 1px solid red;*/
background-color: #F5F5F5;
}

.picNews {
overflow: hidden;
width: 118px;
height: 80px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.newsHead {
padding: 7px 0px 4px 5px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #555;
text-transform: uppercase;
}

.newsTxt {
margin: 6px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 11px;
color: #555555;
}

.newsDate {
font-weight: bold;
}

.newsHead a, .newsTxt a { 
text-decoration: none; color: #555;
}

.newsHead a:hover, .newsTxt a:hover {
color: #FFCC00;
}

/*+++++++++++ history ++++++++++++++*/

.history {
width: 540px;
font-family: Arial, sans serif;
font-size: 10px;
margin-right: 0;
color: #555555;
position: absolute;
left: 242px;
top: 198px;
}

.history a { 
text-decoration: none; color: #555555; 
}

.history a:hover { 
color: #FFCC00; 
}

/*+++++++++++++++++++ footer definitions++++++++++++++++*/

.foot {
z-index: 100;
position: relative;
left: 210px;
height: 20px;
width: 530px;
margin-top: 35px;
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 4px;

font-size: 10px;
font-family: Arial; sans-serif; 
color: #000000;
text-align: center;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;

voice-family: "\"}\"";
voice-family: inherit;
padding-bottom: 0px;

}

html>body .foot {
padding-bottom: 0px;
} 

.foot a { text-decoration: none; color: #000000}
.foot a:hover { color: #FFCC00; }

.fin{
z-index:110;
position: relative;

left: 210px;
height: 60px;
width: 530px;
margin-bottom: 5px;


font-size: 10px;
font-family: Arial; sans-serif; 
color: #000000;
text-align: center;

}







/*+++++++++++++++++++ added elements++++++++++++++++*/

/*+++++++++++++++++++ inline line++++++++++++++++*/

.line {
z-index: 100;
position: relative;
text-align: center;
height: 5px;
margin-left: 80px;
margin-right: 13%;
margin-top: 20px;
margin-bottom: 15px;
font-size: 10px;
font-family: Arial; sans-serif; 
color: #000000;
border-top: 1px dotted #000000;
}

/*+++++++++++++++++++ map++++++++++++++++*/


.map {

min-height: 80px;
margin: 20px 0px 20px 100px;
text-align: left;
font-size: 110%;
font-weight: normal;
font-family: Verdana; sans-serif; 
color: #777;
text-transform: uppercase;
line-height: 200%;
}

.map ul {
list-style-type: square;
list-style-image: url("pic/puce-grey");
}

.map ul li li {
font-size: 90%;
line-height: 150%;
}

.map ul a {
color: #555;
}

.map ul a:hover {
color: #FFCC00; 
}

/*+++++++++++++++++++news logo at news-page++++++++++++++++*/

.news {
overflow:hidden; /* for mozilla*/
margin: 0px 0px 25px 0px;
clear: left; /*for IE*/
}

.logoNews {
overflow: hidden;
width: 118px;
height: 85px;
float: left;
margin: 0px 10px 0px 0px;
padding: 5px 0px 0px 0px;
}

/*+++++++++++++++++++ search++++++++++++++++*/

.res {
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
font-size: 110%;
font-weight: normal;
font-family: Verdana; sans-serif; 
color: #000;
text-transform: uppercase;
line-height: 200%;
/*border: 1px solid red;*/
}

.res ul {
list-style-type: square;
list-style-image: url("pic/puce-grey");

}

.res ul li {
font-size: 100%;
line-height: 150%;
}

.res ul p {
font-size: 90%;
line-height: 130%;
margin-top: 3px;
margin-bottom: 10px;
text-transform: none;
color: #000;
}

.res ul a {
color: #555;
}

.res ul a:hover {
color: #FFCC00; 
}