* {
margin : 0;
padding : 0;
font-family : Arial, Verdana,Trebuchet MS,Arial,sans-serif;
}
.center {
margin:0 auto;
margin: 16px 0 0 0;
}
html {
height : 100%;
width : 100%;
background-image: url(../images/layout/rechts.png);
background-position: right;
background-repeat: repeat-y;
}
body {
height : 100%;
width:100%;
}
img {
border : none;
}
#header {
display : block;
width : 100%;
height : 148px;
margin : 0;
padding : 0;
border : 0;
background-image: url(../images/header/header_bg.png);
}
#header a.header:hover {
text-decoration : none;
}
#header a.link {
float : left;
height : 80px;
border : none;
}
h1 img.picture {
border : none;
margin: 55px 0 0 220px;
}
h2 {
font-size : 1.25em;
font-weight : bold;
margin : 0 auto;
text-align : left;
}
h2.small {
font-size : 1em;
font-weight : bold;
margin : 0 auto;
text-align : left;
margin-top : 20px;
margin-bottom : 15px;
}
h3 {
font-size : 1em;
font-weight : bold;
margin : 0 auto;
text-align : left;
margin-top : 20px;
margin-bottom : 15px;
}
h3.h2design {
font-size : 1.25em;
font-weight : bold;
margin : 0 auto;
text-align : left;
margin-top: 20px;
}
h4 {
float : left;
margin-left : 20px;
margin-top : 32px;
font-weight : bold;
font-size : 1em;
padding-bottom : 3px;
}
a {
border : none;
}
a:focus {
outline : 0;
}
#wrapper {
position : relative;
min-height : 100%;
height : auto !important;
height : 100%;
background-image: url(../images/layout/links.png);
background-position:left;
background-repeat: repeat-y;
}
#navi {
float : left;
width: 100%;
clear:right;
background-image: url(../images/header/nav_bg.png);
}
#navi fieldset {
font-size : 12px;
float : right;
text-align : right;

margin : 0 2px 0 0;
border : none;
}
#navi input {
vertical-align : middle;
}
#navi input.but {
height : 32px;
float : left;
cursor : pointer;
width : 38px;
background: url(../images/header/suche_button.png);
margin:0;
border:none;
}
#navi input.search {
float : left;
height : 32px;
margin:0;
width : 169px;
background: url(../images/header/suche_input.png);
font-size : 16px;
border:none;
font-weight:bold;
color: #999;
padding: 0 5px;
}
ul.navi {
float:left;
height: 34px;
padding: 0 0 0 220px;
}
ul.navi img {
float:left;
}
li.navi  {
float: left;
list-style : none;
height:34px;
background-image: url(../images/header/nav_box_bg.png);
margin: 0 10px;
}
li.active {
float:left;
background-image: url(../images/header/nav_box_bg_active.png);
color : #ff9600;
list-style : none;
height:34px;
margin: 0 10px;
}
li.navi a {
text-decoration : none;
font-size : 1.1em;
border : none;
height : 100%;
color:#ff9600;
}
li a.active {
color : #000;
text-decoration : none;
width: 100%;
font-size : 1.1em;
border : none;
height : 100%;
}
li a span {
margin:  4px 0;
padding: 0 10px;
float:left;
}
ul.navi li a span:hover {
text-decoration:underline;
}
#content ul.yellow {
margin: 16px 0 0 0;
}
#content ul.yellow li {
height: 1.3em;
list-style: none;
}
#content div.ad_box_bottom {
width: 100%;
text-align: center;
margin: 10px 0;
border: 1px solid #ccc;
}
#content div.ad-top {
border:1px solid #999;
text-align:center;
margin-top: 16px;
text-align:auto;
background-color: #ffffff;
padding: 8px 0 8px 0;
height: 60px;
}
#content p.start-noborder {
font-size : 1.05em;
margin-top : 20px;
}
#sidebar1 {
float : left;
width : 220px;
text-align : center;
padding: 25px 0 25px 0;
min-height : 100%;
height : auto !important;
height : 100%;
}
#sidebar2 {
float : right;
width : 220px;
min-height : 100%;
height : auto !important;
height : 100%;
}
#sidebar2 a.e_suche {
font-size:0.75em;
margin: 0 0 0 5px;
color: #000;
}
#main {
padding : 20px;
margin-top: 40px;
}
#content {
margin : 0 auto;
max-width : 600px;
}
#content p.blog_time {
float: left;
font-size: 12px;
width: 80px;	
height: 40px;
border: 1px solid #999;
text-align: center;
background-image: url(../images/blog-date-verlauf.png);
background-repeat:repeat-x;
}
#content p.blog_time span {
font-size: 20px;
}
#content h2.blog {
margin: 0 0 0 50px;
padding: 25px 0 0 40px;
clear:right;
font-size: 1.5em;
color: #000;
}
#content h2.blog a {
color: #000;
}
#content h3.blog {
font-weight:bold;
font-size: 1 em;
}
#content img.center {
margin:0 auto;
}
#content img.floatleft {
float:left;
margin: 16px 0 0 0;
}
#content textarea {
margin-top : 15px;
width : 300px;
height : 250px;
padding : 1px;
border : 1px solid #999999;
float : right;
font-size : 1em;
}
#content div.text {
margin-top : 16px;
}
#content fieldset.meta {
margin-top: 16px;
}
#content fieldset.meta label {
font-weight: bold;
float:left;
clear:both;
margin: 5px 5px 0 5px;
}
#content fieldset.meta select {
float:left;
clear:both;
width:300px;
margin: 5px 5px 0 5px;
}
#content fieldset.meta input {
float:left;
clear:both;
width:300px;
margin: 5px 5px 0 5px;
}
#content fieldset.meta input[type="submit"] {
float:left;
clear:both;
width:100px;
margin: 5px 5px 0 5px;
}
#content fieldset.meta textarea {
float:left;
clear:both;
width:300px;
height: 75px;
margin: 5px 5px 0 5px;
}
#content fieldset.meta p {
float:left;
clear:both;
font-size: 0.75em;
margin: 5px 5px 0 5px;
}
#content fieldset.meta div {
padding: 0 0 16px 0;
float:left;
display:block;
width: 100%;
}
#content fieldset.meta div.grey {
background-color:#EEEDEA;
}
#content fieldset.contact input[type="text"] {
margin-top : 15px;
padding : 1px;
border : 1px solid #999999;
float : right;
font-size : 1em;
width : 300px;
}
#content fieldset.contact input[type="submit"] {
float : left;
clear : both;
}
#content fieldset.contact {
margin-top : 20px;
display : block;
border : 1px solid #999999;
padding : 5px;
}
#content fieldset.contact label {
float : left;
display : block;
clear : both;
font-size : 1em;
margin : 15px 0 auto;
}
#content table {
margin-top : 20px;
border-collapse : collapse;
}
#content table th {
padding : 5px;
background-color: #FFE38F;
border : 1px solid #000;
}
#content table td {
padding : 5px;
border : 1px solid #000;
}
#content a {
font-size : 1em;
text-decoration : underline;
}
#content a:hover {
text-decoration : none;
}
#content a.anker {
text-decoration : none;
}
#content p.italic {
font-style: italic;
margin-top: 3px;
color:#999999;
}
#content p {
font-size : 1em;
margin-top : 16px;
}
#content p.underline {
text-decoration: underline;
font-size: 1.2em;
}
#content p.orange_box {
padding: 10px;
width: 200px;
border:2px solid #ff9600;
background-color: #FFE38F;
margin-top: 5px;
}
#content p.nomargin {
margin: 0;
}
#content p.error {
color : #ff0000;
margin-top : 20px;
}
#content p.good {
color : #008000;
margin-top : 20px;
}
#content p.ausgabe {
margin-top : 50px;
}
#content p.aktu {
border-top: 1px solid #000;
margin-top: 20px;
color: #999;
font-size: 0.75em;
text-align : right;
padding-top: 20px;
}
#content p.start {
font-size : 1.05em;
margin-top : 20px;
border-bottom : 1px solid #040404;
padding-bottom : 20px;
}
p.padding {
padding: 8px 0 16px 0;
}
#content span.admin {
font-style:italic;
color:#999;
font-size: 0.9em;
}
#content span.adminred {
color: #FF0000;
}
#content a.start {
font-size : 1.05em;
color : #0000ff;
}
#content ul.index li {
list-style : none;
}
#content address {
font-size : 1em;
margin : 0 auto 20px;
font-family : sans-serif, arial, verdana;
padding-top : 20px;
}
#content a.email {
border : none;
}
#content img.email {
border : none;
}
#content input.suche {
border : 1px solid #999999;
width : 100%;
padding : 1px;
font-size : 1em;
}
#content fieldset.suche {
border : none;
display : block;
}
#content input.button {
text-align : center;
width : 120px;
display : block;
margin : 0 auto;
}
#content ul.kategorie {
margin-top : 15px;
width : 100%;
}
#content ul.kategorie li {
background-color : #fff;
border : none;
min-height : 1.5em;
list-style : none;
float : left;
width : 100%;
}
#content ul.tutorial {
margin : 15px 0 20px 15px;
width : 100%;
}
#content ul.tutorial li {
background-color : #fff;
border : none;
min-height : 1.5em;
list-style : square;
float : left;
width : 100%;
}
#content ul.kategorie li:hover {
background-color : #fff;
}
#content fieldset.esuche {
margin-top : 15px;
border : 1px solid #999999;
padding : 5px;
}
#content fieldset.esuche div {
clear : both;
float : left;
margin-top : 10px;
}
#content fieldset.esuche label {
float : left;
clear : both;
display : block;
display : block;
margin-top : 10px;
}
#content fieldset.esuche input[type="text"] {
padding : 1px;
border : 1px solid #999;
margin-top : 10px;
margin-right : 10px;
font-size : 1em;
float : right;
width : 300px;
}
#content fieldset.esuche input[type="checkbox"] {
float : left;
margin-top : 3px;
}
#content fieldset.esuche input[type="submit"] {
clear : both;
float : left;
margin-top : 10px;
}
#content fieldset.esuche select {
float : right;
margin-top : 12px;
margin-right : 10px;
}
#content fieldset.esuche p {
float : left;
margin-left : 10px;
}
#content code {
background-color : #eee;
padding : 10px;
font-size : 1em;
margin-top : 16px;
display : block;
overflow : auto;
max-height : 500px;
height : 500px;
height : auto !important;
white-space : nowrap;
border: 1px solid #404040;
}
#content code a {
text-decoration : none;
}
#content fieldset.kommentar {
margin-top : 20px;
display : block;
border : 1px solid #999999;
padding : 5px;
}
#content fieldset.kommentar label {
float : left;
display : block;
clear : both;
font-size : 1em;
margin : 15px 0 auto;
font-weight:bold;
}
#content fieldset.kommentar input[type="text"] {
margin-top : 15px;
padding : 1px;
border : 1px solid #999999;
float : right;
font-size : 1em;
width : 360px;
}
#content fieldset.kommentar textarea {
margin-top : 15px;
padding : 1px;
border : 1px solid #999999;
float : right;
font-size : 1em;
width : 352px;
height: 150px;
padding: 5px;
}
#content fieldset.kommentar input[type="submit"] {
float : left;
clear : both;
}
#content p.cname {
margin-top:20px;
border: 1px solid #999;
padding: 5px;
background-color: #FFE38F;
}
#content p.cname strong {
font-weight:bold;
}
#content p.cname span {
text-align:right;
float:right;
font-size:0.75em;
color: #999;
}
#content p.ctext {
margin:0;
padding:5px;
border:1px solid #999;
border-top: none;
}

#footer {
width : 100%;
background-color : #151515;
padding : 10px 0;
overflow : hidden;
float : left;
margin:0;
}
#footer a.footer {
font-size : 1em;
text-decoration : underline;
color : #ff9600;
display : inline;
}
#footer a.footer:hover {
text-decoration : none;
}
#footer ul.footer {
list-style : none;
float : left;
overflow : hidden;
}
#footer ul.footer li {
float : left;
margin-left : 10px;
}
#footer p.copy {
float : right;
clear : both;
color : #ff9600;
margin-right : 10px;
}