/**
 * CSS styles for DieDrei.com
 * @author Simon Liekam
 * @copyright Die Drei! Werbeagentur <www.diedrei.com>
 * @version 4.0.0
 * created 2010-05-25
 */
 

/*
###################################################
 general html structure
###################################################
*/

html, body {
    margin:0;
    padding:0;
    }

body {
    background: #FFFFFF;
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#434343;
    }

form {
    margin:0;
    padding:0;
    }

img {
    border:0;
    }

p {
    margin:0px 0px 0px 0px;
    }

h1 {
    font-family:Georgia, Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#434343;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:0px;
    }

h2 {
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#434343;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0px;
    }

ul {
    padding-left:15px;
    }

/*
###################################################
Layout
###################################################
*/

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

#main
    {
    width:930px;
    border-right:1px solid #7d7d7d;
    border-bottom:1px solid #7d7d7d;
    border-left:1px solid #7d7d7d;
    }

#header {
    width:930px;
    height:140px;
    background:url(../upload/basisgrafiken/diedrei_logo.gif);
    }

#index_link {
    width:110px;
    height:75px;
    margin:0 auto 0 auto;
    }

#content {
    padding-top:20px;
    padding-bottom:20px;
    }

#spalte_links {
    float:left;
    width:316px;
    margin:0;
    }

#spalte_rechts {
    float:right;
    width:316px;
    margin:0;
    }

#spalte_mitte {
    width:298px;
    margin: 0 316px 0 316px;
    background:url(../upload/basisgrafiken/bg-mitte.gif);
    }

#spalte_gross {
    float:right;
    width:614px;
    background:url(../upload/basisgrafiken/bg-gross.gif);
    }

.box1 {
    padding-left:40px;
    padding-bottom:20px;
    width:255px;
    }

.box_links_randlos {
    padding-left:0px;
    padding-bottom:20px;
    width:295px;
    }
.box2 {
    padding-top:20px;
    padding-left:40px;
    padding-bottom:20px;
    width:255px;
    }

.box_mitte {
    padding-left:22px;
    padding-right:21px;
    padding-bottom:20px;
    width:255px;
    }

.box_mitte_gross {
    padding-left:22px;
    padding-right:40px;
    padding-bottom:20px;
    width:552px;
    }

#innere_spalte_1 {
    float:left;
    padding-left:22px;
    padding-right:21px;
    padding-bottom:20px;
    width:255px;
    }

#innere_spalte_2 {
    float:right;
    padding-left:21px;
    padding-right:40px;
    padding-bottom:20px;
    width:255px;
    }

.box_rechts {
    padding-left:21px;
    padding-right:40px;
    padding-bottom:20px;
    width:255px;
    }

#tagcloud {
    width:255px;
    background-color:#EEEEEE;
    padding: 30px 21px 30px 40px;
    text-align:center;
    }
     
#tagcloud a
{
}
#tagcloud a:hover
{
    text-decoration:underline;
    color:#FFFFFF;
}


.clear {
    clear:both;
    margin:0;
    padding:0;
    font-size:0;
    line-height:0;
    }

#footer
    {
    width:892px;
    background-color:#E5E5E5;
    padding-top:20px;
    padding-right:20px;
    padding-bottom:20px;
    padding-left:20px;
    }

#footernavigation_links {
    float:left;
    width:139px;
    padding-left:6px;
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    line-height:16px;
    }

#footernavigation_mitte {
    float:left;
    width:139px;
    padding-left:13px;
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    line-height:16px;
    }

#footernavigation_rechts {
    float:right;
    width:127px;
    padding-left:10px;
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    line-height:16px;
    }

.footernavigation_links {
    float:left;
    width:139px;
    padding-left:6px;
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    line-height:16px;
    }

.footernavigation_mitte {
    float:left;
    width:139px;
    padding-left:13px;
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    line-height:16px;
    }

.footernavigation_rechts {
    float:right;
    width:127px;
    padding-left:10px;
    font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    line-height:16px;
    }

.footer_headline {
    font-weight:bold;
    color:#434343;
    }

#content .grau a, #content .grau p
    {
    font-weight:normal;
    color:#434343;
    }
    
#content .grau a:hover
    {
    text-decoration:underline;
    }