/* ~~~ Standard Klassen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body{
 margin:0;
 border:0;
 padding:0;
 
	font-size:11px;
	line-height:18px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color: #595441;
	background-color:#fcfcfa;
}

/* ~~~ Frame Klasse ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#frameCenter{
 margin:auto;
 width:998px;
 background:url(../images/frame/main-frame-shadow-bg.png) #fcfcfa 0 0 scroll repeat-y;
}

div#frameHead{
 position:relative;
 top:0;
 left:0;
 padding:0 37px 0 29px;
 width:932px;
 height:37px; 
 background:url(../images/frame/main-frame-shadow-top.png) #ffffff 0 0 scroll no-repeat;
 z-index:10;
}
 
 a#contentLogo{
  position:absolute;
  left:91px;
  top:54px;
  z-index:100;
 }
 
 a#contentLogo img{
  border:0;
  width:67px;
  height:72px;
 }
 
 p#frameHeadLeft{
  position:absolute;
  left:42px;
  top:16px;
  margin:0;
  padding:0;
  
  font-size:11px;
  line-height:11px;
  color:#648dc1;
 }
 
 p#frameHeadLeft span{
  padding-right:15px;
 }
 
 p#frameHeadRight{
  position:absolute;
  right:42px;
  top:16px;
  margin:0;
  padding:0;
  
  font-size:11px;
  line-height:11px;
  color:#648dc1;
 }
 
 p#frameHeadRight a{
  color:#4c4841;
  text-decoration:none;
 }
 
 p#frameHeadRight a:hover{
  color:#5784b7;
  text-decoration:underline;
 }

div#frameBody{
 padding:0 37px 0 29px;
 width:932px;
 z-index:10;
}

 div#contentHeader{
  position:relative;
  top:0;
  left:0;
  width:932px;
  height:199px;
  background:url(../images/frame/content-header-bg-normal.jpg) #ffffff 0 0 scroll no-repeat;
 }

 div#contentHeader.contentHeaderHome{
  background-image:url(../images/frame/content-header-bg-home.jpg);
 }
 
  div#headerImage{
   position:absolute;
   left:632px;
   top:0px;
   z-index:100;
   margin:0;
   width:300px;
   height:199px;
  }
 
  div#headerCite{
   position:absolute;
   left:400px;
   top:45px;
   z-index:1000;
   margin:0;
   padding-left:35px;
   width:245px; /* 265 */
   background:url(../images/frame/content-header-cite-start.png) 0 0 scroll no-repeat;
  }
 
   div#headerCite p {
	margin: 0;
   }
 
   div#headerCite p cite{
    color:#ffffff;
    font-size:13px;
    line-height:18px;
    font-weight:bold;
    display:block;
    margin:0;
    padding-right:35px;
    background:url(../images/frame/content-header-cite-end.png) right bottom scroll no-repeat;
   }
 
    div#headerCite span p {
     display:block;
     padding-top:10px;
     
     font-size:11px;
     line-height:13px;
     color:#b5deff;
     font-weight:bold;
     font-style:normal;
    }
 
  p#breadCrumb{
   position:absolute;
   left:190px;
   top:172px;
   margin:0;
   border:0 #ffffff solid;
   border-width:2px 0 0 2px;
   padding:6px 0 0 11px;
   width:729px;
   height:19px;
   
   font-size:11px;
   line-height:11px;
   color:#648dc1;
   background-color:#dae9f6;
  }
 
  p#breadCrumb a{
   padding:0 5px 0 5px;
   color:#81a2d1;
   text-decoration:none;
  }
 
  p#breadCrumb a:hover{
   color:#5784b7;
   text-decoration:underline;
  }

 div#contentArea{
  float:right;
  padding:23px 19px 30px 16px;
  width:707px;
 }

 div#contentArea.contentAreaHome{
  position:relative;
  top:0;
  left:0;
  padding:0 0 10px 0;
  width:742px;
  height:334px;
  background:url(../images/frame/content-area-bg-01.jpg) 0 0 scroll no-repeat;
 }

 ul#mainMenu{
  float:right;
  margin:0;
  border-top:2px #ffffff solid;
  padding:0 0 50px 0;
  width:190px;
  background:url(../images/frame/menu-bg.png) #a5d4ff 0 0 scroll no-repeat;
 }

#home ul#mainMenu{
  padding:0;
  margin-top: -1px;
  height:332px;
 }

  ul#mainMenu li{
   margin:0;
   border-bottom:1px #acc9e3 solid;
   padding:0;
   width:190px;
   background:none;
   
   font-size:0;
   line-height:0;
  }

   ul#mainMenu li a{
    display:block;
    margin:0;
    padding:6px 0 6px 12px;
    width:178px;
    
    font-size:12px;
    line-height:12px;
    color:#ffffff;  
    text-decoration:none;
    background-color:none;
   }

   ul#mainMenu li.active a{
    background-color:#7ea8d5;
   }

   ul#mainMenu li a:hover{
    background-color:#acc9e3;
   }

   ul#mainMenu li.active ul{
    margin:0 0 -1px 0;
    border-top:1px #acc9e3 solid;
    padding:0 0 0 12px;
    width:178px; 
   }

    ul#mainMenu li.active ul li{
     width:178px;
    }

     ul#mainMenu li.active ul li a{
      width:166px;
    
      font-size:11px;
      line-height:11px;
      color:#3b629d;  
     }
     
     ul#mainMenu li.active ul li a{
      background-color:transparent;
     }

     ul#mainMenu li.active ul li.active a{
      background-color:#b7d4f0;
     }

     ul#mainMenu li.active ul li a:hover{
      color:#ffffff;
      background-color:#7ea8d5;
     }

div#frameFoot{
 clear:both;
 padding:20px 37px 0 29px;
 width:932px;
 height:100px;
 background:url(../images/frame/main-frame-shadow-bottom.png) #fcfcfa 0 0 scroll no-repeat;
 
 text-align:right;
 font-size:11px;
 line-height:11px;
 color:#b9b09d;
}

 div#frameFoot p{
  margin:0;
  padding:5px 0 5px 0;
 }

 div#frameFoot a{
  color:#4c4841;
  text-decoration:none;
 }

 div#frameFoot a:hover{
  color:#5784b7;
  text-decoration:underline;
 }

/* ~~~ universale Klasse ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cssHidden{
 display:none;
}

.fontItalic{
 font-style:italic;
}

.fontBold{
 font-weight:bold;
}

.fontColorDarkGrey{
 color:#4c4841;
}

.floatClearer{
 display:block;
 margin:0;
 border:0;
 padding:0;
 height:0;
 width:0;
 font-size:0;
 line-height:0;
 clear:both;
}