body {
height : 100%;
margin-bottom : 10px;
font-family : arial;
color : #333333;
background-color : #9db4ca;
margin-top : 0;
font : 76% Arial, sans-serif;
line-height : 1.4em;
}
body.contentpane {
background-color : #ffffff;
width : auto;
margin : 10px;
line-height : 140%;
}
/*-------LAYOUT--------*/
#main {
font-family : Arial, Verdana, Sans Serif;
width : 770px !important;
margin : 0 auto;
background : #6e93b5;
text-align : left;
border : 1px solid #336699;
}
#logo {
float : left;
height : 194px;
width : 225px;
margin : 0;
background : url(../images/logo.gif) no-repeat;
}
#headwechsel {
float : right;
width : 545px;
height : 193px;
margin-left : 0;
overflow : hidden;
}
#content {
float : left;
width : 442px;
padding-left : 20px;
padding-right : 8px;
background-color : #ffffff;
overflow : hidden;
margin-top : -2px;
border:solid 0px
}
#content li {
color : #336699;
padding : 3px;
}
#content ul {
list-style : square;
}
#links {
height : 100%;
float : left;
width : 225px;
padding-top : 50px;
padding-bottom : 10px;
margin-top : -2px;
background : url(../images/navigation.gif) repeat-y;
overflow : hidden;
}
#rechts {
height : 20px;
float : right;
width : 74px;
background-color : #336699;
}
#rechts .moduletable {
margin-top : -2px;
margin-left : -30px;
margin-bottom : -20px;
height : 20px !important;
}
#rechts .moduletable ul li {
margin : -10px 0 0 0 !important;
margin : 2px 0 0 0;
list-style : none;
text-decoration : none;
}
#rechts a {
color : #ffffff;
text-decoration : none;
}
#top {
float : right;
margin-bottom : 20px;
margin-top : 10px;
}
.clr {
text-align : center;
clear : both;

}
.block {
display : inherit !important;
display : inline-table;
margin : 0;
padding : 0;
clear : both;
}
.mainblock {
display : inherit !important;
display : inline-table;
background : url(../images/hinter.gif) right repeat-y;
margin : 0;
padding : 0;
clear : both;
}
#footer {
text-align : center;
width : auto;
height : auto;
}
#design {
width : 770px !important;
margin : 0 auto;
padding-top : 3px;
text-align : left;
}
#design a {
color : #ffffff;
text-decoration : none;
font-size : 0.95em;
}
.hidden, .reader, a.skip, .unsichtbar {
position : absolute;
left : -3000px;
top : -2000px;
width : 0;
height : 0;
overflow : hidden;
display : inline;
}
.search input {
background : #fff url(../images/search.gif) no-repeat center left;
width : 193px;
vertical-align : bottom;
height : 19px;
font-size : 1.2em;
border-top : 1px solid #4682b4;
border-right : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
border-left : 1px solid #4682b4;
color : #333333;
padding-left : 20px;
padding-top : 5px;
}
#content a:link {
color : #333333;
text-decoration : underline;
}
#content a:visited {
color : #333333;
}
#content a:hover {
background : #4682b4;
color : #ffffff;
}
#content a:active {
background : #4682b4;
color : #ffffff;
}
#content a:focus {
background : #4682b4;
color : #ffffff;
}
#content a:visited:hover {
background : #4682b4;
color : #ffffff;
}
#content a:visited:active {
background : #4682b4;
color : #ffffff;
}
strong {
color : #336699;
}
p {
margin : 10px 0 10px 0;
line-height : 1.4em;
}
p.small {
font-size : 0.9em;
margin : 0;
padding : 0;
}
h1 {
font-size : 0.9em;
padding : 0 0 5px 0;
color : #336699;
text-align : left;
margin : 0;
font-weight : bold;
}
h2 {
font-size : 1.7em;
padding : 0 0 2px 0;
color : #336699;
line-height : 1.2em;
margin : 20px 0 10px 0;
font-weight : normal;
}
 h2 {
background : url(../images/pfeil.gif) no-repeat;
font-size : 1.75em;
color : #336699;
font-weight : normal;
margin-left : 0;
padding-top : 10px;
padding-left : 45px;
}

 h3
 {font-size:1.1em; font-weight:bold}
h4 {
font-size : 1em;
font-weight : bold;
padding : 0;
margin : 15px 0 15px 0;
color : #333333;
line-height : 1.1em;
}

.button , .search .button{
background: #336699;
color : #ffffff;
border : 1px solid #ccc;
font-size : 1em;
padding : 2px 5px 2px 5px;
margin : 5px 0 5px 0;
text-align : center;
width:8em;
display:block
}
.highlight {
text-decoration : underline;
color : red;
}
.back_button {
text-align : center;
font-size : 0.9em;
margin : 30px 0 0 0;
padding : 10px 0 0 0;
color : #e5d6c3;
}
/* Seitennavigation */
.pagenav {
padding : 5px;
}
.pagecount {
border-top : 1px solid #cccccc;
display : block;
padding : 10px;
margin-top : 10px;
color : #336699;
font-weight : bold;
}
ul.pagenav li {
display : inline;
border-right : 1px solid #336699;
padding : 0 10px 0 10px;
}
p.pagenav {
border-top : 0 solid #336699;
border-bottom : 0 solid #336699;
margin : 0 0 0 -10px;
padding : 0 0 0 0;
display : block;
}
.blog_more {
margin : 20px -1% 50px -1%;
border : 0 solid #dfebf4;
padding : 0;
}
h3.pagenavh {
margin : 0 0 0 0;
padding : 2px;
font-size : 1em;
color : #ffffff;
text-transform : uppercase;
font-weight : normal;
background : #333333;
}

/* blogmore */
.blog_more ul {
margin : 5px 0 0 0;
padding : 2px 0 2px 0;
list-style-type : none;
}
.blog_more ul li {
margin : 3px 0 3px 0;
padding : 0;
list-style-type : none;
}
.blog_more ul li a {
font-weight : normal;
}
.blog_more h2 {
color : #666666;
margin : 0 0 0 10px;
font-size : 1.4em;
padding : 9px 4px 2px 30px;
background : #fff url(../images/arrow4.gif) no-repeat;
}
div.pagenav {
margin : 50px 0 0 0;
border : 0 solid;
}
p.pagenav {
margin : 0;
padding : 5px 0 0 0;
}
hr {
background-color : #cccccc;
color : #cccccc;
border : 0 none;
margin : 0;
padding : 0;
line-height : 1px;
height : 1px;
clear : both;
display : block;
width : 95%;
}
.createdate, .small, .buttonheading, .modifydate {
padding : 0;
color : #666666;
margin : 0 0 5px 10px;
float : right;
font-weight : bold;
display : block;
font-size : 0.8em;
}
#main .buttonheading a {
margin : 0 2px 5px 2px;
background : none;
text-decoration : none;
}
#main.buttonheading a:visited {
background : none;
}
#main .buttonheading a:hover {
background : none;
}
/*----------*/
#content label {
margin : 0;
color : #333333;
padding-top : 0.3em;
padding-right : 1em;
margin-bottom : 0.1em;
font-size : 1em;
vertical-align : top;
width : 10em;
display : block;
float : left;
}




/* ########### kontaktformular ############# */

input.kontakt {color:#333333;
 background-color: #ffffff; border-left: medium none #996666; border-right: medium none #996666; border-top: medium none #996666; border-bottom: 1px inset #336699; width:150px ;
 font-family:arial;font-size:11px
}

 fieldset {border:0px}
  legend {display:none}

  .area {color:#333333;
 background-color: #ffffff; border-left:solid 1px #336699; border-right:solid 1px #336699; border-top: solid 1px #336699; border-bottom: 1px inset #336699; width:250px ;  height:100px;
scrollbar-darkshadow-color:#000000;scrollbar-base-color:#eeeeee;scrollbar-arrow-color:#336699;font-family:arial;font-size:11px
}

h3.formular
{background:#336699; color:#fff; padding:3px}

#fehler {color:#336699}
.blog_more
{padding:10px}
.blog_more h2

{background:#336699; color:#fff; padding:3px; margin: 10px -10px 10px -10px; font-weight:bold}