#hdr a { text-decoration:none; }
#hdr a:hover { text-decoration:underline; }

#hdr {
    position: absolute;
    z-index: 5;

    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 51px;

    text-align: right;
	
    font-family: sans-serif;
    font-size: 90%; 

    background-color: #9db8d2;
    border-bottom: 1px solid #807d74;
}

#chaosknoten { 
    position: absolute;
    top: 8px;
    left: 8px;
    border: 0px;
    z-index: 10;

    background: url("/www.ccc-r.de/boycott/img/chaosknoten.gif") no-repeat;
    width: 160px;
    height: 115px;
}

#schriftzug { 
    position: absolute;
    top: 8px;
    right: 8px;
    border: 0px;
    z-index: 10;

    background: url("/www.ccc-r.de/boycott/img/schriftzug1.gif") no-repeat;
    width: 500px;
    height: 109px;
}


.news { width: 100%; }

.zitat {
    background: url(/www.ccc-r.de/boycott/img/quotes.png) top left no-repeat;
    min-height: 40px;
    padding-left: 37px;
    margin-right: 140px;
    font-size: 80%;
    display: block
}

#box a { text-decoration:none; }
#box a:hover { text-decoration:underline; }

#box ul {
    padding:7pt;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url("img/bullet.gif");
}
 
#box { 	
    position: absolute;
    left: 0px;
    top: 60px;
    width: 115px;
    
    background-color: #eeeeee; 
    margin-top: 10pt;
    padding: 5pt;
    border: 1px solid #807d74; 
    border-left-width: 0px;
    font-family: sans-serif;
    font-size: 90%; 
}

a .link { 
    background: url(mg/mail_icon.gif) center right no-repeat;
    text-decoration:none; 
    color:#E00000;  
}

#body a[href ^="http://"],
#body a[href ^="gopher://"] {
    background: url(/www.ccc-r.de/boycott/img/external.png) center right no-repeat;
    padding-right: 13px;
}

#bodyContent a[href ^="https://"],
.link-https {
    background: url("/www.ccc-r.de/boycott/img/lock_icon.gif") center right no-repeat;
    padding-right: 16px;
}

#body a[href ^="mailto"] {
    background: url(/www.ccc-r.de/boycott/img/mail_icon.gif) center right no-repeat;
    padding-right: 17px;
}

#body a:link { 
    text-decoration:none; 
    color:#E00000; 
}

#body a:visited { 
    text-decoration:none; 
    color:#800000; 
}

#body a:hover { text-decoration: underline; }
 
#body a:active { 
    text-decoration:none; 
    background-color:#CCFFFF; 
} 

#body h1 {
    font-family: sans-serif;
    font-size: 140%; 
    color: #000000;
}
	
#body p {
    font-family: sans-serif;
    font-size: 100%; 
    color: #000000;
}
	
.untertitel {
    font-family: monospace;
    font-size: 80%; 
    color: #000000;
}

button,
input[type="button"],
input[type="submit"] {
    border: 3px outset ButtonFace;
    background-color: #e4ebf3;
    width: 120px;
    moz-border-top-colors: #95b1cf #e4ebf3 #f2f5f9;
    moz-border-left-colors: #95b1cf #e4ebf3 #f2f5f9;
    moz-border-bottom-colors: #95b1cf #e4ebf3 #e4ebf3;
    moz-border-right-colors: #95b1cf #e4ebf3 #e4ebf3;
    moz-border-radius: 1px;
    margin: 0;
    padding: 0pt 1pt;
}
button:hover,input[type="button"]:hover,input[type="submit"]:hover {
    background-color: #fff;
    color: #000;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active {
    background-color: #eee;
    moz-border-top-colors: #aaa #eee;
    moz-border-left-colors: #aaa #eee;
    moz-border-bottom-colors: #bbb #fff;
    moz-border-right-colors: #bbb #fff;
}

#body {
    position: absolute;
    left: 160px;
    top: 70px; 

    padding-right: 10px;
    font-family: sans-serif;
    font-size: 100%; 
    color: #000000;
}

#bottom {
    position: relative;
    top: 100px;
    left: 150px;
    bottom: 0px;
}

#banner { 
    position:absolute; 
    bottom:0px; 
    left:10px; 
}

/* Sidebar */

#sidebar {
    position: absolute;
    top: 100px;
    right: 0px;
    width: 150px;
    
    padding-right: 10px;
    padding-bottom: 0px;
    border-left: 1px dashed #dddddd;
    background-color: #ffffff;
    font-family: sans-serif;
}

#sidebar p {
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

#sidebar p.section {
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #8c8c8c;
    background-color: #eeeeee;
}

#sidebar ul {
    margin: 0em;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    list-style-type: none;
    font-size: 90%;
}

#sidebar ul ul {
    padding-left: 2em;
    padding-right: 0em;
    list-style-type: square;
}