/******************************************************
***                                                 ***
***     k l a r o                                   ***
***    ---------------------------------            ***
***                                                 ***
***   Standard layout                               ***
******************************************************/
html{
	min-height:100%;
}

body
 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 1.0em;
  line-height: 1.5em;  
   background: #718DA4; /* Old browsers */
   background: -moz-linear-gradient(top,  #002040 1%, #718DA4 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #002040 1%,#718DA4 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #002040 1%, #718DA4 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #002040 1%, #718DA4 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #002040 1%, #718DA4 100%); /* W3C */     
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002040', endColorstr='#718DA4',GradientType=0 ); /* IE6-9 */   
  

}

*{
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

a{
  text-decoration: none;
  color:  #354050;
  font-weight: bold;
  font-size: 0.9em;
  padding: 2px;
  margin: 2px;  
}


p{
  padding-top:1.0em;
  padding-left: 1.0em;
}


img, table{
  border: none;
}

h1, h2{
  color: #718DA4;
  padding-top: 10px;
  padding-bottom: 5px;
}

hr{
   border: 1px #E0E0F0 solid;
}


article{font-size:1.2em; color:#590224;}


#wrapper {
  margin: 0px auto; 
  width: 1024px;
  
}

#header { 
  width: 98%;
  height: 104px;
  padding: 1%;
}


#header, #menu, #contentwrapper{
   background: #f7f4dc; /* Old browsers */
   background: -moz-linear-gradient(top,  #f7f4dc 1%, #ffffff 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f4dc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #f7f4dc 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #f7f4dc 1%,#ffffff 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #f7f4dc 1%,#ffffff 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #f7f4dc 1%,#ffffff 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f4dc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
   
   -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
   
   -webkit-border-bottom-right-radius: 28px;
   -webkit-border-bottom-left-radius: 2px;
   -moz-border-radius-bottomright: 28px;
   -moz-border-radius-bottomleft: 2px;
   border-bottom-right-radius: 28px;
   border-bottom-left-radius: 2px;   
}


#logo {
  width: 164px;
  height: 64px;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  background-image: url('../images/klaro.png');
  background-repeat: no-repeat;
}

#breadcrumbs
{
  font-size: 0.9em;
  color: #718DA4;
  font-weight:bold;
  border-top: 1px;
  border-top-style: solid;

}

#breadcrumbs span{
   padding-left:5px; 
   padding-right:12px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background-color:#718DA4;
   color:white;

}

#klarotitle
{
  height: 64px;
  font-size: 2.5em;
  font-weight: bold;
  color: #718DA4;
  padding-top: 24px;
  text-align: center;
}

#main
{
  width: 100%;
  height: 100%;
  padding-top: 15px;
}

#menu
{
  float: left;
  width: 230px;
  padding-top: 10px;
  padding-bottom: 20px;
}

#menu ul li ul
{
   display:none;
}


#mainmenu 
{
   margin-top:30px;
}

#contentwrapper
{
  float: right;
  width: 73%;
  min-height: 1000px;

  padding:1em;  
  padding-bottom:2em;
  background-color: #FFFFFF;
}

#intro
{
  margin-bottom: 10px;
}

#mainmenu li:hover, #mainmenu a:hover
{
   background-color: #718DA4;
	color: #FFFFFF;
}

#mainmenu li
{
  background-color: #C6D6E1;
  padding: 10px 8px;
  margin: 3px 5px;
}


#mainmenu .active
{
   
   background: #718DA4; /* Old browsers */
   background: -moz-linear-gradient(top,  #002040 1%, #718DA4 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #002040 1%,#718DA4 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #002040 1%,#718DA4 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #002040 1%,#718DA4 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #002040 1%#718DA4 100%); /* W3C */  
   
   -webkit-border-bottom-right-radius: 28px;
   -webkit-border-bottom-left-radius: 2px;
   -moz-border-radius-bottomright: 28px;
   -moz-border-radius-bottomleft: 2px;
   border-bottom-right-radius: 28px;
   border-bottom-left-radius: 2px;   
   
   color:#FFFFFF;
   
   margin-left:4px;
   
}

#mainmenu .active a
{
	color: #FFFFFF;   
}

.menutexteLS
{
  border: 1px white solid;  
}

.menutexteLS li
{
   display:inline-block; list-style:none; margin-left:5px;
}
.menutexteLS li:hover{

}

.menutexteLS .active
{
   background-color:#f7f4dc;
   border: 1px white solid;
   -webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.4);
   box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.4);   
}

.headline
{
  padding: 45px 30px;
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: bold;
}

.pagenav
{
  display:none;   
}

.items-leading, .item-page, .items-row .item
{
  padding: 45px 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #718DA4;
  border-radius:0.3em;
  margin-top: 10px;  
  margin-bottom: 10px;
  background-color: #FFFFFF;  
  
   -webkit-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.2);
   box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.2);  
  
}

.catlogo 
{
  margin-right: 15px;
}

.pikto 
{
  float: right;
  margin-right: 15px;
}

.inhaltsverz{
   color:#240259;
   font-size: 1.5em;   
   
}

.bild_links
{
    float: left;
    margin-right: 10px;
}

.bild_rechts
{
    float: right;
    margin-right: 15px;
}

.centerfold 
{
  padding-left:100px;
}

.readspeak_btn {
    float: right;
    padding: 10px;
}

.clear{ float: none;}

.mod-languages{
   background-color:#C6D6E1;
}

body#tinymce.mceContentBody
{
   background: #f7f4dc !important;
}


#klarostructure{
   font-size:0.8em;
}

#klarostructure .category{
   padding:5px;
   border:1px solid black;
   margin-bottom:4px;
}

#klarostructure .topcategory{
  background-color:#C6D6E1;  
}

#klarostructure .category .level{
   margin-right:8px; 
   font-weight:bold;
}

#klarostructure .catname{
   font-weight:bold;
}

#klarostructure .menu{
   padding:3px;
   background-color:#C6D6E1;
   border-radius: 4px;   
   margin-left:8px; 
   color: #406080;
   font-weight:bold;
}

#klarostructure .articles a{
   margin-left:8px; 
   color:teal;
}