/* Basics and Typography */

body {
background-color: #363636;
margin:0px;
padding:0px;
font-family:"trebuchet ms"; 
font-size:12px;
text-align:left;
color:#363636;
}
u, i {
color:#BA2A2E;
}
b {
color:#CB9625;
}
a {
color:#262F36;
font-size:11px;
text-decoration:none;
font-weight:bold;
font-style:italic;
font-family:"trebuchet ms";
text-decoration:none;
}
a:link {
color:#262F36;
text-decoration: none;
}
a:visited {
color:#262F36;
text-decoration: none;
}
a:hover {
color:#FAFAFA;
text-decoration:none;
background-color: #262F36;
} 
.header {
font-family : "georgia";
font-size : 22px;
font-weight:bold;
font-style:italic;
text-transform:lowercase;
letter-spacing:5px;
color:#545353;
text-align:left;
padding:0 0 0 0;
}
H1 {
font : 13px georgia;
font-style : italic;
font-weight:bold;
text-align : left;
color : #545353;
}
H2 {
font : 13px georgia;
font-style : italic;
font-weight:bold;
text-align : left;
color : #545353;
}
input, textarea, iframe, select {
font : 11px trebuchet ms;
color : #363636;
background: #F7F7F7;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #3E3D3C;
margin : 1px;
padding : 1px;
}
option {
font : 11px trebuchet ms;
color : #363636;
background: #F7F7F7;
}
.small {
font : 10px trebuchet ms, sans-serif;
text-align : left;
}
#list {
list-style: circle;
text-align:left;
padding:8px;
margin:8px;
position:inside;
}
.xy {
font: 9px trebuchet ms, sans-serif ;
text-align: left;
font-style: italic;
}

/* Layout */

#layout {
width:585px;
padding:0px;
margin-right:auto;
margin-left:auto;
}

#content {
width:585px;
height:auto;
background-image: url(http://un-broken.org/german/main.jpg);
}
#main {
padding-top: 35px;
padding-left: 13px;
padding-right: 0px;
width: 560px;
text-align: justify;

}

#header {
background:url(http://un-broken.org/german/header.jpg);
height:392px;
margin: 0px; 
padding: 0px 0px 0px 0px;
}

#footer {
margin: 0px auto;
width: 585px;
}

#navi {
width :585px;
font-family : "trebuchet ms";
font-weight: bold;
font-size : 14.5px;
color : #586063;
height : 0;
text-align : center;
padding : 0 0 0 0;
border-bottom: none;
padding-top: 395px;
}
#navi a {
padding : 0.2em;
font-family : "trebuchet ms";
font-weight: bold;
font-size : 14.5px;
color : #586063;
width : 100%;
text-decoration : none;
display : inline;
text-transform : lowercase;
border-bottom: none;
}
#navi a:hover {
padding : 0.2em;
font-family : "trebuchet ms";
font-size : 14.5px;
color : #FDFDFD;
width : 100%;
text-decoration : none;
display : inline;
text-transform : lowercase;
background: #586063;
border-bottom: none;
}

/* CodeSort */

label {
float : left;
width : 8em;
text-align : right;
margin : 0 0.5em 0 0;
}
#donate label {
width : 12em;
}
ul.success, p.success {
margin : 1em 0;
padding : 0;
background : #efe;
border-right : 1em solid #0c0;
color : #363636;
}
ul.error, p.error {
margin : 1em 0;
padding : 0.5em 3em;
background : #fee;
border-left : 1em solid #c00;
color : #363636;
}
blockquote {
display : block;
margin-left: 4px;
} 