/*
        css document for www.diplomwerkstatt.de, daniela weber berlin
        css implemented by lieven design, sandra von lieven
        www.sandravonlieven.com, www.babycakes.de, berlin 2006
*/

/*        --- basic html-tag styles ---        */

body{ margin: 0 0 0 0; padding: 0 0 0 0; background: #c9d8ec; font-size: 11px;}
p { font: 1.0em/1.3em arial; margin: 18px 0 0 }
c { font: bold 1em/1.5em arial; color:#036;margin: 10px 0 0 }
c1 { font: bold 1em/1.5em arial; color:#deeffa;margin: 10px 0 0 }
i { font: bold italic 1em/1.5em arial; color:#036;margin: 10px 0 0 }
h1{ font: bold 1.55em arial; color:#036; margin: 10px 0 10px 0px; line-height: 1.6em;}
h2{ font: bold 1.3em arial; color:#036; margin: 20px 0 10px 0; line-height: 1.6em;}
h3{ font: bold 1.1em arial; color:#036; margin: 10px 0 10px 0; line-height: 1.4em;}
a { color:#036; text-decoration: none; }
a:hover, a:hover.visited { color:#6c0; text-decoration: none; }
ul, li { padding: 0; margin: 0; }

ul.contentlist{
        list-style: square; line-height: 1.6em;
        font: normal 1em tahoma;
        padding-left: 5px;         /*Abstand zum nächsten Element*/
}

li.contentlist{
        margin-top: 12px;
        margin-left: 15px;
}

ul.contentlistb{
        list-style: circle; line-height: 1.6em;
        font: normal 1em tahoma;
        margin-left: 15px
        padding-left: 5px;         /*Abstand zum nächsten Element*/
}

li.contentlistb{
        margin-top: 10px;
        margin-left: 25px;
}

a.tooltip {text-decoration:none;}
.tooltip span.info{display:none;}
.tooltip:hover span.info{display:block;position:absolute; width:200px; height:200px;}

ul.nav{
        font: normal 1em tahoma; line-height: 1.3em;
        list-style: none;
        color:#036;
        padding-left: 5px;          /*Abstand zum nächsten Element*/
}

li.nav{
        margin-top: 5px;
        margin-bottom: 3px;
        margin-left: 10px;
}

a.navtitle, li.navtitle{
        font: bold 1.2em tahoma; color:#036;
        margin-left: 0px;
}

a.nav, li.nav {
        font: bold 1em tahoma; color:#036;
        line-height: 1.1em;
        list-style: none;
        margin-left: 18px;
}

/*        --- div positioning definitions ---        */



div.menu {
	font: normal 1em tahoma; line-height: 0.9em;        
	position: relative;
        width: 150px; top: 0;
        padding-left: 20px;
        z-index: 2;
        display: none;
        margin-left: 10px;
        background: #deeffa;
        border: 1px solid #999;
}

div.container{ width: 1500px; }

div.page {
        position: absolute; z-index:0;
        left: 30; top:2px;
         width: 1250px; height: 1250px;
        background:url(images/Hintergrund_DW_07092011.png) top left no-repeat;

}

div.kasten_1 {
        position:absolute; top: 195px; left: 0px;
        width: 190px; height: 90px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
        background:url(images/Kasten_gruen.png);

}

div.kastentitle_1 {
        position:absolute; top: 175px; left: 0px;
        width: 190px; height: 10px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
}

div.kasten_2 {
        position:absolute; top: 195px; left: 220px;
        width: 190px; height: 90px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
        background:url(images/Kasten_gruen.png);

}

div.kastentitle_2 {
        position:absolute; top: 175px; left: 220px;
        width: 190px; height: 10px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
}

div.kasten_3 {
        position:absolute; top: 322px; left: 0px;
        width: 190px; height: 90px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
        background:url(images/Kasten_blau.png);

}

div.kastentitle_3 {
        position:absolute; top: 302px; left: 0px;
        width: 190px; height: 10px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
}

div.kasten_4 {
        position:absolute; top: 322px; left: 220px;
        width: 190px; height: 90px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
        background:url(images/Kasten_blau.png);

}

div.kastentitle_4 {
        position:absolute; top: 302px; left: 220px;
        width: 190px; height: 10px;
        padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
}

div.page2 {
        position: absolute; z-index:0;
        left: 25; top:175px;
        width: 500px; height: 1000px;
        

}


div.werbepage {
        position:absolute; left: 30px; top:900px;
        width: 470px; height: 75px; 
}

div.werbepage2 {
        position:absolute; left: 520px; top:900px;
        width: 500px; height: 75px; 
}
div.werbepage3 {
        position:absolute; left: 40px; top:950px;
        width: 500px; height: 75px; 
}

div.navigation { position:absolute; top: 25px; left: 165px;  z-index:2;}
div.navigation2 { position:absolute; top: 200px; left: 45px; width:200px; height: 600px; z-index:2;}
div.content { position:absolute; top: 205px; left: 260px; margin-left: 50px; width: 420px; text-align : justify; z-index:2;}
div.content_2 { position:absolute; top: 450px; left: 260px; margin-left: 50px; width: 420px; text-align : justify; z-index:2;}

div.title { position:absolute; top: 145px; left: 305px; width:480px; height: 60px; z-index:0;}

div.pageflip a:link, div.pageflip a:active, div.pageflip a:visited {
        position: absolute;
        left: 650px; top:0; display: block;
        width: 90px; height: 90px;
         z-index:2;
}

div.pageflip a:link:hover, div.pageflip a:visited:hover {
        position: absolute;
        left: 650px; top:0;
        width: 90px; height: 90px;
        background:url(images/dw_corner.gif) top left no-repeat;  z-index:2;
}
div.newsevents { position:absolute; top: 80px; left: 737px; width:250px; height: 350px; z-index:1; background-image: none; background-color: transparent; }
div.news { position:absolute; top: -65px; left: 40px; width:185px; height: 350px; z-index:1; background-image: none; background-color: transparent; }
div.events  { position:absolute; top: 330px; left: 40px; width:185px; height: 235px; z-index:1; background-image: none; background-color: transparent; }
div.werbung { position:absolute; top: -130px; left: 250px; width:185px; height: 450px; z-index:1; background-image: none; background-color: transparent; }

div.naviwerbung { position:absolute; top: 680px; left: 60px; width:200px; height: 600px; z-index:2;}

div.footer {
        position: absolute;  left: 20px; top: 850px;
        width: 500px; height:64px; padding: 0 0 0 274px;
        font: normal 0.9em tahoma; color:#036;
}