/*Allgemeine Angaben*/
body{
color: black;
/*background:#c5ae7c url(http://test.f-helak.de/transparent.gif) bottom left no-repeat;*/
background:#c5ae7c ;
font-family:arial, verdana, helvetica, sans-serif;
margin:0;
padding:75px 0 0 0;}

h1{
color:black;
background:transparent;
font:bold 1.4em arial, verdana, helvetica, sans-serif;}
h2{
color:black;
background:transparent;
font:bold 1.2em arial, verdana, helvetica, sans-serif;
margin-top:1.6em;}
h3{
color:black;
background:transparent;
font:bold 1em arial, verdana, helvetica, sans-serif;}
h4{
color:black;
background:transparent;
font:bold .9em arial, verdana, helvetica, sans-serif;}

h1 code{font-weight:bold;font-size:1.4em}
h2 code{font-weight:bold;font-size:1.2em}
h3 code, h4 code{font-weight:bold;font-size:1em}

a{
color:maroon;
background:transparent;
font-family:arial, verdana, helvetica, sans-serif;
text-decoration:underline;}
a:visited{color:#bea46d;background:transparent;}
a:hover, a:active, a:focus{color:red;background:transparent;}

img {border:none;}

.layoutthumb{float:left;width:80px;height:80px;margin:0 1.2em 0.4em 0}

/*.layoutthumb img{width:5.3em;height:5.3em}*/

hr{
color:#cec8b0;
background:#cec8b0;
height:1px;
border:none;}

abbr, acronym{border-bottom:1px dotted #727272;cursor:help;}

.maroon{
color:maroon;
background:transparent;
font-weight:bold;}

.cent{text-align:center;}

.rechts{text-align:right;}

.lang{color:#969696;font:italic normal 1em arial, verdana, helvetica, sans-serif;cursor:help;}

.kommentar{color:#838383;background:#dcdcdc;}


/*der Hampelmann*/
#hampelmann{
color:black;
background:transparent url(http://test.f-helak.de/trans1.gif) no-repeat;
position:absolute;
top:0px;
left:470px;
display:block;}
#hampelmann a{
color:black;
background:transparent url(../imgall/transparent.gif) no-repeat;
display:block;
height:1px;
width:1px;
cursor:default}
#hampelmann a:hover, #hampelmann a:focus{color:black;background:transparent url(../imgall/transparent.gif) no-repeat;}


/*linke Box, Menu*/
#navigation{
color:maroon;
background:#c5ae7c;
float:left;
width:13em;
padding:1em 0.8em 1em 0.4em;
margin:30px 0 0 5px;
line-height:1.2em;
border-top:1px solid #e4d9c0;
border-right:1px solid #99917d;
border-bottom:1px solid #99917d;
border-left:1px solid #e4d9c0;}

#navigation ul, #navigation li{
list-style-type:none;
margin:0px;
padding:0px;}

#navigation a{
color:maroon;
background:#c5ae7c;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
margin:5px 0 5px 0;
padding:1px 3px 1px 4px;
display:block;
width:99%;
border-top:1px solid #99917d;
border-right:1px solid #e4d9c0;
border-bottom:1px solid #e4d9c0;
border-left:1px solid #99917d;}

#navigation a:visited{color:maroon;background:#c5ae7c;}

#navigation a:hover, #navigation a:active, #navigation a:focus{
color:#f9f3dd;
background:#c5ae7c;
border-top:1px solid #e4d9c0;
border-right:1px solid #99917d;
border-bottom:1px solid #99917d;
border-left:1px solid #e4d9c0;}

#navigation a .hov{
color:#a59a81;
background:transparent;
font-weight:bold;
}
#navigation a:hover .hov{color:maroon;}

#navigation a .maroon{
color:maroon;
background:transparent;
font-weight:bold;}

#navigation a:hover .maroon{color:#a59a81;}

#navigation a .info {display:none;}

#navigation a:hover .info{
color:black;
background:transparent;
display:block;
position:absolute;top:0px;left:0px;
width:195px;
height:140px;
padding:21px 5px 0 2px;
font:15px courier, sans-serif;
line-height:17px;}

#navigation a .space{display:none;}


/*Contentbereich*/
#inhalt, #beispielinhalt{
color:black;
background:#fafaf5;
font-family:arial, verdana, helvetica, sans-serif;
line-height:1.4em;
padding:1em 4em 2em 4em;
margin:0 2em 0 11.4em;
max-width:50em;
border-top:2px solid #837c6b;
border-right:2px solid #e4d9c0;
border-bottom:2px solid #e4d9c0;
border-left:2px solid #837c6b;}

#beispielinhalt{padding:0 4em 2em 4em;}
body>#inhalt, body>#beispielinhalt{background:#fafaf5;padding:1em 4em 2em 4em;margin:0 2em 0 11.4em;}


/*Fussbereich mit validatorlinks*/
#validatorlinks{
background:#c5ae7c url(http://test.f-helak.de/transparent.gif) bottom left  no-repeat;
clear:left;
text-align:right;
margin:0px;
height:60px;
max-width:69.6em;
padding:15px 2em 0 0;
display:block;}

#validatorlinks a{
color:maroon;
background:transparent;
font:normal 0.8em arial, verdana, helvetica, sans-serif;
padding:0px 5px 0px 5px;
text-decoration:none;
border-top:1px solid #837c6b;
border-right:1px solid #e4d9c0;
border-bottom:1px solid #e4d9c0;
border-left:1px solid #837c6b;}

#validatorlinks a:hover{
color:#f9f3dd;
background:transparent;
border-top:1px solid #e4d9c0;
border-right:1px solid #99917d;
border-bottom:1px solid #99917d;
border-left:1px solid #e4d9c0;}


/*Formularelemente*/
.input{
color:maroon;
background:#f5f4ef;
border:maroon 1px solid;
margin-bottom:5px;
font:1em arial, verdana, helvetica, sans-serif;
padding:3px;}

.input:focus{color:maroon;background:#ffffff;}

.button{
color:maroon;
background:#c5ae7c;
border-top:2px solid #e4d9c0;
border-right:2px solid #99917d;
border-bottom:2px solid #99917d;
border-left:2px solid #e4d9c0;
font:bold 1em verdana, arial, helvetica, sans-serif;
cursor:pointer}

.button:hover{
color:#f9f3dd;
background:#c5ae7c;
font:bold 1em verdana, arial, helvetica, sans-serif;
border-top:2px solid #99917d;
border-right:2px solid #e4d9c0;
border-bottom:2px solid #e4d9c0;
border-left:2px solid #99917d;
cursor:pointer}


/*Codebeispiele*/
code, pre{
color:#cc0000;
background:transparent;}
div.code{
color:#cc0000;
background:#f5f4ef;
border:1px solid #cec8b0;
border-left:4px solid #cec8b0;
padding:1em;
margin:2em 2em 2em .6em;}
div.code strong{color:#804040;font-weight:bold;}
code strong{color:#804040;font-weight:bold;}

/*News*/
.news {
color:black;
padding:0;
margin-top:1em;
margin-bottom:2em;
border-left:1px solid #cec8b0;
border-top:1px solid #cec8b0;}
.news p{padding:15px;margin:0;}
.news h2{margin:0;padding:2px 0 2px 10px;background:#f5f4ef;}

/*Formate Kommentarbuch*/
.beitrag{border:1px solid #cec8b0;margin:2em 1em .4em 1em;text-align:left;background:transparent;}
.p1{margin:0;padding:3px;font-size:0.9em;background:#f5f4ef;line-height:1.2em;font-weight:bold;border-bottom:1px solid #cec8b0;}
.p1 a, .p1 span{font-weight:normal;font-size:0.9em;}
.p2{margin:0;padding:10px;}
.p3{color:#949494;padding:0 1em 0 1em;margin:1em 2em 1em 1em;border:none;;line-height:1.2em;}
.p3c{color:#949494;padding:0.4em 0 0 1em;margin:1em 0.4em 0 0.4em;border-top:1px dashed #cec8b0;}
.p4{padding:0;margin:0 0 20px 0;}
.fehler{color:red;font-weight:bold}