html{
 margin:0px;
 padding:0px;
}

body{
 text-align:center;
 margin:2px 0px;
 padding:0px;
 font-family:Verdana, Arial, Sans-serif;
 background: #fff url(pics/bg_body.jpg) repeat-x;
}

img{
 border:none;
}

table {
 border-collapse:collapse;
}

textarea {
 overflow:auto;
 font-size:12px;
 border:solid 1px #555;
 background-color:#eee;
 line-height:1.3em;
}

select {
 border:solid 1px #555;
 background-color:#eee;
}

button {
 width:50px;
}

a{
 color:black;
}

a:focus, a:hover, a:active{
 text-decoration:none;
}

.container{
 width:950px;
 margin:0 auto;
 padding:0 4px;
 text-align:left;
 background: #fff url(pics/container.gif) repeat-y;
}

#header{
 width:950px;
 height:92px;
 background: url(pics/header.gif) no-repeat;
}

#infoline{
 width:950px;
 height:20px;
 padding:5px 0px 0px 0px;
 text-align:center;
 font-weight:bold;
 font-style:italic;
 font-size:12px;
 background: #fdf1e3;
}

#infoline a{
 text-decoration:none;
}

.decoline_top{
 width:950px;
 height:5px;
 clear:both;
 background: #fff url(pics/decoline_top.gif) repeat-x;
}

.decoline_bottom{
 width:950px;
 height:5px;
 clear:both;
 background: #fff url(pics/decoline_bottom.gif) repeat-x;
}

#leftnavi, #rightnavi, #leftcontentfooter, #rightcontentfooter, #leftfooter, #rightfooter{
 font-size:10px;
 font-weight:bold;
 width:150px;
 float:left;
}

#leftnavi h1, #rightnavi h1, #rightcontentfooter h1{
 height:18px;
 padding:0px 0px 0px 10px;
 margin:10px 0px;
 font-size:14px;
 text-align:left;
 border:solid 1px #555;
 border-width:1px 0px;
 background:#ccc url(pics/navi_h1.gif) left repeat-y;
}

#rightnavi h2{
 height:16px;
 padding:2px 0px 0px 10px;
 margin:0px;
 font-size:12px;
 text-align:left;
 border:solid 1px #555;
 border-width:1px 0px 0px 0px;
 background:#ddd url(pics/navi_h2.gif) left repeat-y;
}

#leftnavi table, #rightnavi table{
 width:100%;
}

#leftnavi table td, #rightnavi table td{
 border:solid 1px #777;
 border-width:1px 0px;
 background:#fffaef;
}

#leftnavi a, #rightnavi #partner a{
 display:block;
 width:115px;
 height:15px;
 font-size:11px;
 font-weight:bold;
 text-decoration:none;
 color:black;
 padding:4px 0px 0px 35px;
 background:#fffaef url(pics/subpoint.gif);
 border:solid 1px #999;
 border-width:0px 0px 1px 0px;
}

#leftnavi a.first, #rightnavi #partner a.first{
 border-width:1px 0px 1px 0px;
}

#leftnavi a:focus, #leftnavi a:hover, #leftnavi a:active,
#leftnavi a.first:focus, #leftnavi a.first:hover, #leftnavi a.first:active,
#rightnavi #partner a:focus, #rightnavi #partner a:hover, #rightnavi #partner a:active,
#rightnavi #partner a.first:focus, #rightnavi #partner a.first:hover, #rightnavi #partner a.first:active{
 background:#eee url(pics/subpoint_active.gif);
 color:black;
}

#rightnavi a{
 font-size:10px;
 font-weight:bold;
 text-decoration:none;
 color:black;
}

#rightnavi h2 a{
 font-size:12px;
}

#rightnavi a.rss{
 display:block;
 margin:2px 2px 2px 10px;
 padding:4px 0px 2px 18px;
 height:16px;
 background: url(pics/rss.gif) left no-repeat;
}

#rightnavi a:focus, #rightnavi a:hover, #rightnavi a:active{
 color:#777;
}
/* Outgoing Links */

#rightnavi #outgoing {
 margin:10px 0px;
 padding:2px;
 border:solid 1px #777;
 border-width:1px 0px;
 background:#fffaef;
}

#content, #contentfooter, #footer{
 width:630px;
 padding:0px 10px;
 float:left;
}

#content {
 font-size:12px;
 line-height:1.4em;
 text-align:justify;
 padding:10px;
}

#content table, #content p, #content h2, #content h3, #content dl{
 margin:10px 10px 20px 20px;
}

#content h1{
 font-size:17px;
 height:21px;
 padding:2px 0px 0px 10px;
 margin:0px;
 text-align:left;
 border:solid 1px #555;
 border-width:1px 1px 1px 0px;
 background:#ccc url(pics/content_h1.gif) left repeat-y;
}

#content h2, #content h3{
 font-size:12px;
 height:18px;
 padding:2px 0px 0px 10px;
 text-align:left;
 border:solid 1px #555;
 border-width:1px 1px 1px 0px;
}

#content h2{
  background:#ddd url(pics/content_h2.gif) left repeat-y;
}

#content h3{
  background:#ddd url(pics/content_h3.gif) left repeat-y;
}

#content dl dd{
 font-style:italic;
}

#content .datum{
 font-style:normal;
 font-size:0.8em;
}


#content p a, #content h3 a{
 color:black;
 font-weight:bold;
}

#content h3 a{
 color:black;
 font-weight:bold;
 text-decoration:none;
}

#content h3 a:hover, #content p a:hover, #content h3 a:focus,
#content p a:focus, #content h3 a:active, #content p a:active{
 color:#777;
 text-decoration:none;
}

#content .button {
 width:130px;
 border:solid 1px #555;
 background-color:#ccc;
}

#content .field {
 width:320px;
 border:solid 1px #555;
 background-color:#eee;
}

#content .area{
 width:320px;
 height:170px;
}

#content .code_title {
 display:block;
 width:550px;
 padding:0px 0px 0px 5px;
 margin:0px auto;
 border:solid 1px black;
 background:#ccc;
 font-weight:bold;
}

#content .code {
 width:553px;
 padding:0px 0px 0px 2px;
 margin:0px auto;
 border:solid 1px black;
 background:#eee;
 overflow:auto;
}

#leftcontentfooter, #contentfooter,
#leftfooter, #rightfooter{
 text-align:center;
}

#leftcontentfooter img{
 margin:1px 0px;
}

#contentfooter a{
 color:black;
 font-weight:bold;
 font-size:10px;
}

#contentfooter a:hover, #contentfooter a:focus, #contentfooter a:active{
 color:#777;
 text-decoration:none;
}

#footer{
 width:628px;
 margin:0px 0px 0px 1px;
 background: #fefeef;
}

#footer a, #leftfooter a{
 display:block;
 float:left;
 width:200px;
 height:18px;
 padding:7px 0px 0px 0px;
 text-align:center;
 text-decoration:none;
 font-size:10px;
 font-weight:bold;
 color:black;
}

#footer a:focus, #footer a:hover, #footer a:active,
#leftfooter a:focus, #leftfooter a:hover, #leftfooter a:active{
 color:#777;
}

#content .css {
 margin:10px 10px 20px 20px;
}

#content .css h2{
 margin:10px 10px 20px 0px;
}

#content .css label{
 font-size:12px;
 display: block;
 font-weight:bold;
 float: left;
 width: 200px;
 cursor:pointer;
 padding:0px 0px 0px 5px;
}

#content .css .spacer{
 font-size:12px;
 display: block;
 font-weight:bold;
 float: left;
 width: 200px;
 padding:0px 0px 0px 5px;
 float:left;
}

#content .css select {
  display: block;
  float: left;
  background-color:#e7e7e7;
}


#content .css input{
  display: block;
  float: left;
  width: 340px;
  background-color:#e7e7e7;
  border:solid 1px #999;
  margin:1px;
}

#content .css textarea {
 overflow:auto;
 font-size:12px;
 border:solid 1px #999;
 width:340px;
 background-color:#e7e7e7;
 margin:1px;
}

#content .css .button {
  display:inline;
  float: none;
  width: auto;
  margin:3px;
}

#content .css .checkbox {
  display:inline;
  float: none;
  width: auto;
  margin:0px;
}

#content .css form {
 margin:0px;
 padding:2px 0px;

}

#content .css form br {
 clear:left;
}

#content .css input:hover, #content .css input:focus, #content .css input:active,
#content .css textarea:hover, #content .css textarea:focus, #content .css textarea:active
{
 background-color:#f4f4f4;
}

/* Seitenzahlen */
#content .seitenzahlen{
 display:block;
 margin:10px auto;
 font-weight:bold;
 font-size:10px;
}

/* Texteinheiten */
#content .texteinheit{
 margin:0px 10px 0px 20px;
}

#content .texteinheit h2{
 margin:0px;
}

#content .texteinheit .left, #content .texteinheit .right{
 display:block;
 width:250px;
 font-weight:bold;
 font-size:10px;
}

#content .texteinheit .left{
 float:left;
}

#content .texteinheit .right{
 float:right;
 text-align:right;
}

/* News -> Links */
#content .texteinheit .links{
 display:block;
 margin:0px 0px 20px 0px;
 padding:0px 10px;
 background:#eee;
 border:solid 1px #000;
 border-width:1px 0px;
 font-style:italic;
}

/* Tutorials - Kurzinfo */
#content .info {
 margin:10px 10px 20px 20px;
 padding:3px;
 background-color:#fefeef;
 border:ridge 4px #fff;
 font-weight:bold;
 font-size:10px;
}

#content .info span {
 display:block;
 width:200px;
 float:left;
}

#content .info br{
 clear:both;
}

/* Gaestebuch - Captcha */
#content .captcha{
 display:block;
 float:left;
 width:120px;
 height:71px;
 padding:5px;
 font-size:10px;
 font-weight:bold;
 font-style:italic;
 line-height:1.4em;
}

/* Suche */
#suche {
 text-align:right;
}

#suche input{
  width: 144px;
  background-color:#fff;
  border:solid 1px #999;
  margin:1px;
}

#suche select{
  width: 146px;
  background-color:#fff;
  border:solid 1px #999;
  margin:1px;
}

#suche .button{
  width:auto;
  font-weight:bold;
  font-size:10px;
}

#suche .button:hover, #suche .button:focus, #suche .button:active{
 background-color:#efefef;
}