/* ############## Structure and default Formattings ################## */

html, body {
    margin: 0;
    padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size: 0.9em;
line-height: 1.6em;
background: url(../upload/images/bg-yellow.jpg);
}

p {
padding-bottom:0.2em;
padding-top:0.4em;
}

div.textItem ul {    /*for lists inside the Text-Container */
margin:0;
padding:0;
}

div.textItem ul li {    
margin:0 0 0 1.7em;
padding:0 0 0 0.5em;
}

div.textItem p {    /* Inside the Text-Container: everything in justification */
text-align: justify;
}

/* Table for centering the content */
table {
width:100%;
height:100%;
border:0px;
margin:0 0 5px 0;
padding:0;
}

.leftright {    /* for td on both, left and right side */
width:auto;
padding:0;
}

#middle {
width:790px;
margin:0;
padding:0;
}

/* ######################## Title Formatting ############# */

h1, h2 {
font-family: Georgia, Garamond, Palatino, Times, serif;
margin:0;
padding:0;
color: #4a647d;
}

h1 {
padding-top:0.3em;
font-size:1.5em;
font-style:normal;
font-weight:500;
}

h2 {
font-size:1.3em;
font-weight:400;
padding-top:1.1em;
}

h3 {    /********* used for comments, footnotes, etc ******************/
font-size:85%;
font-style:normal;
font-weight:normal;
text-align:left;
line-height:1.1em
}

/* ############# Banner and upper (main) Navigation ################## */

#banner {
margin:0;
background-image:url(../upload/images/banner.jpg);
width:100%;
height:184px;
}

#banner img {
border:0px;
float:right;
margin: 69px 40px 0 0;
padding:0;
width: 233px;
height:65px;
}

#navig {         /* The Div-Container */
background-image:url(../upload/images/navi.jpg);
background-repeat:repeat-x;
width:100%;
height:45px;
margin:0;
padding:0;
}

#navig ul {    /* first Layer */
margin:0;
padding:0;
list-style-type: none;
width:100%;
}

#navig li {
margin:0;
padding:0;
display:block;
float:left;
}

#navig a {
font-size:16px;
text-decoration:none;
color:black;
font-weight:500;
padding: 10px 10px 5px 10px; /*top right bottom left */
line-height:1.7em;
}

#navig li a:hover {
color: #fffab1;
background-color: #011845;
}

#navig li.active a {        /* first Layer, active Item */
color: white;
background-color:  #011845;
}

#navig li.active a:hover {    
color: #ffffff;
background-color: #011845;
}

/* Sub-Navigation, second Layer */

#navig li.active li a {
color: #011845;
background-color:transparent;
font-size: 13px;
font-style: italic;
font-weight: 400;
display: block;
padding:5px 10px 5px 10px;
}

#navig li.active li a:hover {
background-color: transparent;
color: #011845;
font-style: normal;
}

#navig li.active li.active a {
font-style: normal;
font-weight:600;
}

/* ############### The Content ################# */

#content {
font-size: 1em;
background-color: #fffab1;
margin:0;
padding: 20px 30px 28px 30px;
}

/* ########### footer with Meta Navigation ########### */

#footer {
font-family: Corbel, Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
font-size:0.9em;
text-decoration:none;
color:black;
height: 45px;
margin:0;
padding:10px 0 3px 5px;
background: url(../upload/images/footer.png) repeat-x;
}

/* Meta-Navi on the right */
#metanavi {
float: right;
width: 450px;
margin:0;
padding:0;
text-align:right;
}

ul#metaNavigation {
list-style-type:none;
width:100%;
margin:0;
padding:0;
}

ul#metaNavigation li {
margin:0;
padding:3px 10px 3px 10px;        /* top right bottom left    */
/* border-left:3px solid blue;       ohne diese Zeile klappt inline nicht! ??? 
border-right:3px solid blue;    */
display:inline;
}

ul#metaNavigation li a {
text-decoration:none;
color:black;
}

ul#metaNavigation li a:hover {
text-decoration:underline;
}

/* footnote on the left */
#footnote {
margin-right:450px;
padding-left: 10px;
}

/* ########### Contact Form ################### */

#contactForm {
    font-size:11px;
    width: 430px;
    padding-bottom:10px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}

#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    padding: 0 0 3px 0;
    margin: 0;
    height:17px;
    font-size:12px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:12px;
}

div#contactFormSubmit {
    display:inline;
    float:right;
}

#contactFormSubmit div#contactFormSubmitLeft {
    display:inline;
}

#contactFormSubmit div#contactFormSubmitRight {
     display:inline;
}

#contactFormSubmit input {
    padding: 1px 3px;
    margin: 2px 1px 0 6px;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0 3px 0 0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}