@charset "utf-8";
/* CSS Document */
body{ margin:0;
margin-top: -14px;
         padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#333333;
        background-color:#f0f0f0; // #E3FFCB; // #B4DD88; // #77B634; //
        }

        .clear{ clear:both;}

img{
        border:0;
}
#wapper {
    border: 24px solid #E0e0e0; // #D2C1FF; #A584FF; #78C5D6; // #99CCFF;
    border-top: 0;
    border-bottom: 0;
    margin: 0 auto;
    width: 842px;
    background-color: #FFFFFF;

}
#inner_wrapper{
        border: 8px solid #77b634; // #D2C1FF; // #C7FF96; #B4DD88; // #77B634; // #99ccff;
        border-right: 12px solid #77b634;

        border-top: 0;
        margin: 6px;
        padding-left: 6px;
        padding-right: 9px;
        padding-bottom: 12px;
        margin-top: 0;
/*        margin-bottom: 0;
*/
        }

div.header{

background-image: url( "/images/Friedensbildung-Motiv-Mappe-595x160(1).jpg");

background-repeat: no-repeat;
background-position: top right;

vertical-align:bottom;
height: 160px;
width: 800px;
margin: 0;
padding: 0;

}

.searchform
{
padding-top: 50px;
padding-bottom: 20 px;
padding-left: 20px;
margin-left: 195px;

  vertical-align:bottom;
}

.banner > img {
   width: 595px;
}
.logo {
    float: left;
}
.banner {
    float: left;
}
.content-left{
        width:200px;
        float:left;
}
.content-left > img {
    width: 200px;
}
.content-left a{
        text-decoration:none;
        color:#000000;}

.color-yellow {
    border: 4px solid #ffd320;
}
.color-red{
        border:4px solid #dc2300;
}
.color-green{
        border:4px solid #579d1c;
}
.color-orange{
        border:4px solid #ff950e;
}
.color-purple{
        border:4px solid #280099;
}
.content-right{
        width:560px;
        float:left;
        margin-right:10px;
        margin-top:10px;
        margin-left:20px;
        }
.content-right p{
         margin-top: 0px;
}

p.breadcrumb  {
         height: 40px;
         margin: 0px;
         font-size: 12px;
       /*  border: 1px dotted #f0f0f0; */

}

.cite {
         font-size: 8pt;
}
.content-right h1{
        font-family:Arial, Helvetica, sans-serif;
        font-size:18px;
        margin-right: 20px;
        font-weight: normal;
        margin-top: 0px;
/*        border: 1px solid #f0f0f0; */
}

.sidebar{
/*         border: 1px solid green; */
        float:right;
        text-align: center;
        margin-left:20px;
        width:130px;
}
.sidebar > img {
    width: 150px;
}

.content-right {
/*    border: 1px solid #f0f0f0; */
}

.sidebar h3 {
font-size: small;
}

.content-right a{
        color:#000080;}
.sidebar-p{
        border-left:1px solid #f0f0f0; #78C5D6; #99CCFF;
        min-height:300px;
        margin-top:10px;
        padding-left:10px;}
.sidebar-p p{
        margin:0;}
.sidebar-p span{
        display:block;
        padding-top:40px;
        padding-bottom:20px;}
.content{
        padding-bottom:50px;
}

.menu {
         padding: 5px;
    width: 182px;

}

.menuwrapper {

margin-top: 6px;
/* border: 1px solid red; */
}


.menu a.active{
    background-color: #78C5D6; // #99CCFF;
    font-weight: bold;
/*    padding-left: 20px; */

}
.menu a.active:hover{
        background: url("images/active.png") no-repeat scroll left top transparent;
}
.menu a:hover{
        background:#ddd;
}
.menu a{
        display:block;
}

.footer {

    padding-top: 30px;
    text-align: center;

}

.lernmodul {
    margin-left: 12px;
    width: 170px;
}

.thumb {
    border: 1px solid #f0f0f0;
    margin-bottom: 12px;
    margin-left: 10px;
}

hr {

   border: 1px solid #f0f0f0;
   border-bottom: none;
   margin-top: 20px;
   margin-bottom: 20px;
}

div#cse-search-results
{
  width: 600px;
}