/*fruehlingslayout*/


/*Kopfarbeit*/

body {
margin: 0px; 
background-color: #FFFCD5; 
font: 12px/17px Arial, Verdana, Helvetica, sans-serif; 
color: #3b311b;
}

#header {
position:absolute; 
top: 0px; 
left: 0px; 
width: 100%;
background-image:url(http://www.towandas-turbulenzen.de/design/hg_titel.jpg); 
background-position: left; 
visibility: visible; 
height: 100px;
}

/*====================================================*/

/*Hauptbereich links*/
#haupt {
position: absolute; 
width: 65%; 
font: 12px/17px Arial, Verdana, Helvetica, sans-serif; 
color: #3b311b; 
margin-top: 0px; 
padding-left: 30px; 
padding-top: 150px;
}

/*====================================================*/

/*Boxen zur Rechten*/
#boxen {
position: absolute; 
width: 200px; 
left: 75%; 
top: 150px;
font: 12px Verdana, Arial, Helvetica, sans-serif; 
}

a.box:link  {
text-decoration:underline; 
color: #5B4C2B;
}

a.box:visited {
text-decoration:underline; 
color: #ce842f;
}

a.box:hover {
text-decoration:none; 
color: #5B4C2B; 
background-color:#ffffff;
}

a.box:active  {
text-decoration:none; 
color: #ce842f;
}

.boxes {
background: #fff9bb;
border: 1px dotted #ce842f; 
padding-left: 10px; 
padding-top: 10px; 
padding-bottom: 10px;
}


/*Für Bilder mit ohne Hover bei Link*/
a.pic:link, a.pic:visited, a.pic:hover, a.pic:active  {
text-decoration:none; 
background-color:#fff7B7;
color: #fff7B7;
}

/*====================================================*/

/*Linkliste - ohne Belang für Hauptseite und Archiv*/

.spaltelinks {
width: 40%; 
left: 20px; 
top: 150px; 
float: left;
background: #FFFCD5;
}

.spalterechts {
width: 40%; 
left: 60%; 
top: 150px; 
float: right;
background: #FFFCD5;
}

/*====================================================*/

/*Schrift*/


/*Basics - Titel und so*/


h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, helvetica, sans-serif; 
font-weight: normal;
}

h1 {
font-size: 16px; 
color: #ce842f; 
margin-bottom: 2px;
}

h2 {
font-size: 14px; 
color: #ce842f; 
margin-bottom: 2px;
}

h3 {
font-size: 14px; 
color: #ce842f; 
margin-bottom: 2px;
}

h4 {
font-size: 12px;
font-weight: normal; 
color: #ce842f; 
margin-bottom: 0px;
}

h5 {
font-size: 12px; 
color: #ce842f; 
margin-bottom: 2px;
}

h6 {
font-size: 10px; 
color: #3b311b; 
margin-bottom: 2px;
}

p {
font: 12px/17px Arial, Verdana, Helvetica, sans-serif; 
color: #3b311b;
margin-bottom: 0px;
}

/*====================================================*/

/*Klassen für spezielle Formatierungen im Text*/
.info {
border-bottom: 1px dotted #3b311b;
}

.reblog {
font: 10px Verdana, Arial, helvetica, sans-serif; 
font-weight: normal; 
color: #3b311b;
}

.quell {
font: 12px Courier New, Courier, mono; 
color: #3b311b;
}

.small {
font: 10px Arial, Verdana, helvetica, sans-serif; 
}

/*====================================================*/

/*Kommentare*/


.comment {
width: 70%;
margin-left: 5%; 
}

.commentbody {
font: 11px Arial, Verdana, helvetica, sans-serif; 
text-align: justify;
margin-top: 0px;
}

.commentinfo {
font: 10px Verdana, Arial, helvetica, sans-serif; 
margin-top: 5px;
}



/*====================================================*/

/*Aufzählungen und Tabellen*/

ul, li, ol { 
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #3b311b; 
line-height: 17px; 
font-style: normal; 
font-size: 12px; 
}

ul { 
list-style-type: circle;
margin-left: 20px; 
margin-bottom: 2px;
}

li { 
margin-left: 0px;  
margin-bottom: 15px;
}

ol { 
margin-left: 0px;
}

td, tr {
font: 12px/17px Arial, Verdana, Helvetica, sans-serif; 
color: #3b311b;
}

/*====================================================*/

/*linkes Ding*/

a:link {
text-decoration:underline; 
color:#3b311b;
}

a:visited {
text-decoration:underline; 
color:#ce842f;
}

a:hover {
text-decoration:none; 
color:#ce842f; 
background-color:#ffffff;
}

a:active {
text-decoration:none; 
color:#ce842f;
}

/*====================================================*/

/*stoppt spam*/
a.spam:link, a.spam:visited, a.spam:hover, a.spam:active  {
text-decoration:none; 
color: #ce842f;
}

.spam {
font: 9px/10px Verdana, Arial, helvetica, sans-serif; 
color: #ffffff;
}
