body { background:#c4c3a4; margin: auto;}    /*e8e3d0*/
#wrapper {padding:4px; background:#dddddd; width: 850px; margin: auto; border: 5px solid #bfbebe;}  /*vorher: BG bec8b8  und border: 4 px  c0a4a7 */
.bg2  {background:#c4c3a4;} /*Gesamtbg - nicht Body   vorher: bec8b8      und becfce*/
.background{ background-color: #dfddc4;  } /*für BG im Layout   vorher: dadada   und e2e2e2*/
#header1 {width:850px;}
#header2, #header3 {display: none;}

#header21{background:url('styles/header_02.jpg') bottom no-repeat; padding: 0; width:850px; height: 86px;}
#header31{background:url('styles/header_03.jpg') bottom no-repeat; padding: 0; width:850px; height: 81px;}
td, div {font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 7.5pt; color: #7a5964; }
.cutenews {background-color: #cecece; padding: 5px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #808080;}

#main {width: 850px;}
#left { width: 160px; float:left; margin:0px; padding-left:5px; } /*ist navi*/
#right{ width: 640px; float:right; margin:0px;  padding-right: 5px;} /*ist content*/

#navi{width: 160px;}
 .navi a:link {padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#cbe299; color: #3f5e39; }
.navi a:visited { padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#cbe299; color: #3f5e39; }
.navi a:hover {padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #779c6f; text-decoration:none; color: #ca5065;}
.navi a:active { padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #779c6f;  text-decoration:none; color: #ca5065; }
 
  .navi2 a:link {padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#e2c599; color: #5e5139; }
.navi2 a:visited { padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#e2c599; color: #5e5139; }
.navi2 a:hover {padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #be975b;background-color: ; text-decoration:none; color: #ca5065;}
.navi2 a:active { padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #be975b; background-color: ; text-decoration:none; color: #ca5065; }

 .navi3 a:link {padding-left:4px; display:block; font-size:7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#c8bbd5; color: #395c5e; }   /*vorher bg: b8ddec*/
.navi3 a:visited { padding-left:4px; display:block; font-size:7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#c8bbd5; color: #395c5e; }
.navi3 a:hover {padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #63add4; background-color: ; text-decoration:none; color: #ca5065;}
.navi3 a:active { padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #63add4; background-color: ; text-decoration:none; color: #ca5065; }
 
.navi4 a:link {padding-left:4px; display:block; font-size:7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#d8b8ec; color: #3f5e39; }
.navi4 a:visited { padding-left:4px; display:block; font-size:7.5pt; text-transform:uppercase; text-decoration:none; border-bottom:2px solid #E6DED8; background-color:#d8b8ec; color: #3f5e39; }
.navi4 a:hover {padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #9663d4; background-color: ; text-decoration:none; color: #ca5065;}
.navi4 a:active { padding-left:4px; display:block; font-size: 7.5pt; text-transform:uppercase; border-bottom:2px solid #E6DED8; border-right: 5px solid #9663d4; background-color: ; text-decoration:none; color: #ca5065; }
 
 h1, .h1, .head, .head2 {
font-size : 14pt;
text-transform : lowercase;
font-weight : bold;
letter-spacing : 1px;
color : #465091;  /*vorher: dc6300 */
font-style : italic;
}
h2 {
text-align : left;
letter-spacing : 2px;
font-style : italic;
font-family : Trebuchet MS, Tahoma, Verdana;
text-transform : lowercase;
font-size : 8pt;
color : #336699;    
margin : 1px;
margin-bottom : 3px;
padding : 2px;
}
h3 {
font-size : 8pt;
color : #505050;
font-style : italic;
font-family : Trebuchet MS, Tahoma, Verdana;
padding : 0;
margin : 0;
text-transform : lowercase;
}
.h2, .deko {
font-size : 9pt;
text-transform : uppercase;
font-weight : bold;
letter-spacing : 1px;
color : #992c49;   /*vorher: dc6300*/
font-style : italic;
}

 
 b{color: #336699; }
 i{color: #336699;}
 
a , a:visited{color:#be1d52; font-size:7.5pt; text-decoration: none; }
a:hover, a:active {color:#505050; font-size:7.5pt; text-decoration: none;}

#footer { background:#cfe1e2; width: 845px; clear: both; padding-left: 0px; padding-right: 5px; padding-bottom: 15px; color:#505050; vertical-align:middle; font-size:8pt; }   /*d2c597*/
#footer a { color:#505050; font-size:8pt; }
#footer a:hover, a:active{color:#505050; background-color: #ffffff; }

#footer2 { background:none; color:#808080; vertical-align:middle; padding-bottom: 10px; font-size:7pt; }
#footer2 a { color:#808080; font-size:7pt; }
#footer2 a:hover, a:active{color:#808080; background-color: #ffffff; }


.button {
font-weight : bold;
color : #505050;
width : 130px;
letter-spacing : 1px;
padding : 2px 3px;
border : 1px solid #e2c599;
margin-bottom : 3px;
font-size : 10px;
font-family : arial;
}
textarea, .textarea, input, select {
background-color : #cbe299;
font-weight : bold;
color : #505050;
letter-spacing : 1px;
padding : 2px 2px;
border : 1px solid #e2c599;
margin-bottom : 3px;
font-size : 10px;
font-family : arial;
}
.gfx_ava, .gfx_avas, .gfx_ava2, .gfx_ava3, .gfx_png, .gfx_sig, .gfx_theme, .icon , .gfx_layi, .gfx_layi2 {
padding : 5px;
background-color : #aaaaaa;
float : left;
margin : 7px;
}
.gfx_brush {
padding : 8px;
background-color : #aaaaaa;
float : left;
margin : 10px;
}
.gfx_name {
color : #336699;
}
.history {
float : left;
width : 130px;
height : 140px;
text-align : center;
vertical-align : middle;
border : 1px solid #cccccc;
background-color : #aaaaaa;
padding : 3px;
margin : 4px;
}
.pic {
margin : 1px 0 1px 0;
padding : 5px;
border : 30px solid #af3900;
background : #000000;
text-align : center;
}
.author {
background-color:#cacaca; 
font-size: 9px; 
padding: 2px;
color: #336699;
}
#author {
font-family : Trebuchet MS;
font-size : 7.5pt;
color : #606060;
float : left;
background-color : #dddddd;
}
#tutdat {
font-family : Trebuchet MS;
font-size : 7.5pt;
color : #606060;
float : left;
}
#cat, #stufe, #date {
font-family : Trebuchet MS;
font-size : 7.5pt;
color : #7a5964;
background-color : #dddddd;
}
.spacer {
padding : 15px;
margin : 5px;
}
.spacer2 {
padding : 10px;
margin : 5px;
}
.bg {
padding : 8px;
background-color : #ccc;
width: 260px;
border: 2px solid #c0c0c0;
float : left;
margin : 7px;
}
#title {
font-size : 8pt;
text-transform : none;
color : #336699;
}
#title2 {
font-size : 12pt;
text-transform : uppercase;
font-weight : bold;
letter-spacing : 1px;
color : #e89246;
font-style : italic;
}
.tut_img {
width : 80px;
height : 80px;
padding : 5px;
background-color : #aaaaaa;
float : left;
margin : 7px;
}
.tut_content {
padding : 6px 5px 6px 5px;
background-color : #dddddd;
float : left;
margin : 6px;
border : 1px solid #ccc;
}
.category {
padding : 5px 5px 5px 5px;
background-color : #c0c0c0;
border : 1px solid #ccc;
color : #606060;
}
code {
background-color : #cccccc;
border : 1px solid #ccc;
padding : 7px;
border-left : 6px solid #336699;
color: #505050;
font-size : 8pt;
display : block;
}
.main{
padding: 15px;
display: block;
text-align: justify;
float: left;
width: 33%;
}

/* Aventskalender */
#kalender {
width: 163px;
padding: 4px;
margin: 4px;
background-color: #e6e6e6;
border: 4px solid #a3bad2;
 }

.knavi {
padding: 3px;
}