/*
Author: Tobias Kleine
Author URI: http://tobiaskleine.com/
*/

/*******************************************
* Styles
********************************************/
img{
        float:left;
        }
p{
        font-size: 14px;
        line-height: 19px;
                                font-weight: normal;
        color: #000;
        margin: 0 0 10px 0;
        }
p.zitat{
        font-size: 17px;
        line-height: 21px;
        font-style: italic;
        color: #000;
        margin: 0 0 0px 0;
        text-align: right;
        }
p.autor{
        font-size: 14px;
        line-height: auto;
        color:#000;
        text-align: right;
        margin:0px 0px 10px 0px;
        }
p.referenzen{
        font-size: 12px;
        line-height: 16px;
        color:#000;
        text-align: right;
        margin:0px 0px 10px 0px;
        }
h1{
        font-size: 17px;
        font-weight: bold;
        margin: 0 0 7px 0;
        }
h2{
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        }
h3{
        font-size:17px;
        font-weight:bold;
        margin:0px 0px 7px 0px;
        /*border-bottom:dashed 1px #DED1B8;*/
        }
td{
        font-size:14px;
        font-weight:normal;
        }
ul{
         font-size: 14px;
         line-height: 19px;
         color: #000;
         margin: 0 0 0 15px;
         padding: 0;
         }
li {
        padding: 0;
        margin: 0 0 10px 0;
        list-style: dics;
        /*list-style: circle;
        list-style: square;*/
}
ul.elearning {
         font-size: 14px;
         line-height: 19px;
         color: #000;
         margin: 0 0 10px 15px;
         padding: 0;
         }
ul.elearning li {
        padding: 0;
        margin: 0;
        list-style: dics;
        /*list-style: circle;
        list-style: square;*/
         }

a:link, a:hover, a:visited{ color:#D0925F; text-decoration:none;}
a:hover{  text-decoration:none;}
/*******************************************
* Layer
********************************************/
body{
        /*height:1100px;*/
        margin:0px;
        font-family: Calibri, Arial, Helvetica;
        background-image:url(../img/bg_body.png);
        }
#mother{
        width:878px;
        margin:20px 0px 0px -439px;
        position: absolute;
        left:50%;
        z-index:10;
        /*background-image:url(img/bg_mother.gif);*/
        }
#header{
        height:40px;
        width:878px;
        background:url('../img/header.png') no-repeat;
        margin:0px 0px 0px 0px;
        display:inline;
        float:left;
        }
#pagetitle{
        width: 198px;
        height: 34px;
        margin:0px 0px 0px 0px;
        position: absolute;
        top: 40px;
        /*background: #E6C8E5;*/
        z-index:500;
        }
#footer{
        width:878px;
        height:17px;
        background:url('../img/bg_footer.png') no-repeat;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        float:left;
        display:inline;
        }
#navigation{
        height:240px;
        width:878px;
        background:url('../img/bg_navi.png');
        margin:0px 0px 50px 0px;
        display:inline;
        float:left;
        overflow:hidden;
        }
#content{
        width: 878px;
        height: 350px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        float:left;
        display:inline;
        background-image:url(../img/bg_content.png);
        }
#headline {
        float: left;
        display: inline;
        width: 100%;
        height: 60px;
        }
#col_left{
        width: 362px;
        margin: 22px 50px 0px 0;
        padding: 0;
        float: left;
        display: inline;
        /*background: #D0CE81;*/
        }
#col_right{
        width: 424px;
        margin: 22px 0 0px 0;
        padding: 0;
        float: left;
        display: inline;
        /*background: #B4D886;*/
        }
#zitat_box{
        width: 174px;
        height: 190px;
        margin: 44px 0 0 24px;
        padding: 0;
        float:left;
        display:inline;
        /*background: #ECE966;*/
        }


/*******************************************
* Menu
*******************************************/
#navigation .menu {
        margin:0 0 0 64px;
        padding: 0;
        list-style: none;
        /*background: #fff;*/
}
#navigation .menu li {
        padding: 0;
        margin: 0 0 0 30px;
        height: 239px;
        list-style: none;
        background: no-repeat;
        font-size: 20px;
        line-height: 22em;
        text-align: center;
      /*font-weight: bold;*/ /*das hier ohne einklammerung dann fett*/
}
#navigation .menu li a, #navigation .menu li a:visited {
        display: block;
        text-decoration: none;
        /*text-indent: -1000px;*/
        height: 239px;
        background-repeat: no-repeat;
        text-align: center;
        color: #565656;
        font-size: 15px;
        line-height: 24em;
        font-weight: normal;
}
#navigation .menu li a:hover {
        color: #000;
         }
/*******************************************
* ImageNavi
*******************************************/
#navigation .menu li.vita {background: url('../img/button/vita_off.png'); width: 101px;}
.vita a {background: url('../img/button/vita_off.png');}

#navigation .menu li.text_rech {background: url('../img/button/text_rech_off.png'); width: 101px; }
.text_rech a {background: url('../img/button/text_rech_off.png'); letter-spacing: 0.01em;}

#navigation .menu li.home {background: url('../img/button/home_off.png'); width:101px; }
.home a {background: url('../img/button/home_off.png');}

#navigation .menu li.elearning {background: url('../img/button/elearning_off.png'); width: 101px; }
.elearning a {background: url('../img/button/elearning_off.png');}

#navigation .menu li.kontakt {background: url('../img/button/kontakt_off.png'); width: 101px; }
.kontakt a {background: url('../img/button/kontakt_off.png');}
/*******************************************
* ImageNavi Big
*******************************************/
#navigation .menu li.vita-big {background: url('../img/button/vita-big_off.png'); width: 159px;}

#navigation .menu li.text_rech-big {background: url('../img/button/text_rech-big_off.png'); width: 159px; }

#navigation .menu li.home-big {background: url('../img/button/home-big_off.png'); width:159px; }

#navigation .menu li.elearning-big {background: url('../img/button/elearning-big_off.png'); width: 159px; }

#navigation .menu li.kontakt-big {background: url('../img/button/kontakt-big_off.png'); width: 159px; }


#navigation ul.menu li a:hover {background:none;}
#navigation .menu li {float: left;}
#navigation .menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}