/* ##### Styles ##### */

body {color: black;
background-color: rgb(243,242,235);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 73%;
/* Enables font size scaling in MSIE */
  margin: 0;
padding: 0;}

html > body {font-size: 9pt;}

acronym, .titleTip {border-bottom: 1px dotted rgb(168,140,83);
cursor: help;
margin: 0;
padding: 0;}

.doNotDisplay {display: none !important;}

.smallCaps {font-size: 117%;
font-variant: small-caps;}

/* ##### Header ##### */

#header {color: inherit;
background-color: rgb(6, 104, 153);
background-image: url(../ol.jpg);
background-repeat: no-repeat;
background-position: right top;}

.headerTitle {margin: 0;
padding: 0.25em 4mm 0.25em 4mm;}

.headerTitle a {color: black;
background-color: transparent;
text-decoration: none;
font-size: 110%;
/* For MSIE */
  font-weight: bold;
font-style: italic;}

.headerTitle > a {font-size: 138%;
/* For fully standards-compliant user agents */}

.headerTitle span {color: rgb(166,140,83);
background-color: transparent;
font-weight: normal;}

.subHeader {color: white;
font-size: 109%;
text-align: center;
margin: 0;
padding: 0.5ex 0;
background: black;}

.subHeader a {color: white;
background-color: black;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0 1ex;}

.subHeader a:hover {color: black;
background-color: white;}

/* ##### Left Side Bar ##### */

.leftSideBar {width: 12.5em;
float: left;
clear: left;}

.leftSideBar .sideBarTitle {color: rgb(64,64,64);
background-color: rgb(230,223,207);
font-weight: bold;
margin: 0;
padding: 0.8ex 1ex;}

.leftSideBar ul {list-style-type: none;
list-style-position: outside;
margin: 0 0 1em 0;
padding: 0;}

.leftSideBar li {margin: 1ex;
padding: 0 0 1.25ex 0.75ex;}

.leftSideBar a {color: rgb(166,140,83);
background-color: transparent;
text-decoration: none;}

.leftSideBar a:hover {color: rgb(64,64,64);
background-color: transparent;
text-decoration: none;}

.leftSideBar .sideBarText {color: rgb(166,140,83);
background-color: transparent;
line-height: 1.25em;
margin: 1ex 0.25ex 1.5em 0.75ex;
padding: 0;
display: block;}

.leftSideBar .sideBarText a {text-decoration: underline;}

.leftSideBar .sideBarText a:hover {text-decoration: none;}

.leftSideBar .thisPage {color: rgb(64,64,64);
background-color: transparent;
font-weight: bold;}

/* ##### Right Side Bar ##### */

.rightSideBar {width: 13em;
margin: 2ex 0.75ex 0 0;
padding: 0;
float: right;
clear: right;
border: 1px solid rgb(216,210,195);}

[class="rightSideBar"] {margin-right: 1.5ex;}

.rightSideBar .sideBarTitle {color: black;
background-color: rgb(230,223,207);
font-weight: bold;
margin: 1.25ex 1ex;
padding: 0.9ex 1ex;}

.rightSideBar a {color: rgb(166,140,83);
background-color: transparent;
text-decoration: underline;
font-weight: bold;}

.rightSideBar a:hover {text-decoration: none;}

.rightSideBar .sideBarText {line-height: 1.5em;
margin: 0;
padding: 0 2ex 1em 2ex;}

.rightSideBar .more {text-decoration: none;
text-align: right;
margin: 0;
padding: 0 2ex 1em 2ex;
display: block;}

.rightSideBar .more:hover {text-decoration: underline;}

/* #### boxen bewerbung #### */

.box1 {float:left;
margin-right:20px;
margin-bottom:20px;
margin-top:20px;
border: medium rgb(166,140,83);
width: 190px;
height: 250px;
text-align:center;}

.box2 {color: rgb(166,140,83);
background-color: transparent;
margin-top: 1.5em;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
font-style: italic;
text-align: left;}

.box3 {background-color: transparent;
clear:left;
margin-left: 5px;
width:100%}

ul {margin: 1em 0em 1em 0px;
padding: 0;
font-size: 1em;
list-style-type: none;}

li {line-height: 1.5em;
padding: 0;
margin: 1em 0em 1em 0em;
list-style-type: none;}

.col1 {margin-left: 0.1em;
font-weight: bold;
font-size: 1em;}

.col2 {margin-left: 15em;}

/* #### table Bewerbung #### */

#mytable, #mytable1, #mytable2, #mytable3, #mytable4, #mytable5 {width: 100%;
padding: 0;
margin: 0;}

th {width: 30%;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
font-size: 11px;
/* border-right: 1px solid rgb(216,210,195);
border-bottom: 1px solid rgb(216,210,195); */
letter-spacing: 2px;
text-align: right;
vertical-align: top;
padding: 6px 6px 6px 12px;
}

td {
/* border-right: 1px solid rgb(216,210,195);
border-bottom: 1px solid rgb(216,210,195); */
background: #fff;
padding: 6px 6px 6px 12px;
vertical-align: top;
color: #4f6b72;
font-size: 12px;}

/* ##### Main Copy ##### */

#main-copy {color: black;
background-color: white;
text-align: justify;
line-height: 1.5em;
margin: 0 0 0 12.5em;
padding: 0.5ex 15em 1em 1em;
border-left: 1px solid rgb(216,210,195);}

#main-copy h1 {color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 175%;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid rgb(216,210,195);}

#main-copy h2 {color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 150%;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid rgb(216,210,195);}

#main-copy h3 {color: rgb(166,140,83);
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 150%;
font-weight: bold;
font-style: italic;
text-align: left;
margin: 1em 0 0 0;
padding: 1em 0 0 0;}

#main-copy a {color: rgb(168,140,83);
background-color: transparent;
text-decoration: underline;}

#main-copy a:hover {text-decoration: none;}

#main-copy .topOfPage {color: rgb(168,140,83);
background-color: transparent;
font-size: 91%;
font-weight: bold;
text-decoration: none;
margin: 2.5ex 1ex 0 0;
/* For MSIE */
  padding: 0;
float: right;}

#main-copy > .topOfPage {margin: 2.75ex 1ex 0 0;
/* For fully standards-compliant user agents */}

p {margin: 1em 0 1.5em 0;
padding: 0;
text-indent: 2.0em;}

dt {font-weight: bold;
margin: 0;
padding: 0 0 0.5ex 0;}

dd {margin: 0 0 1.5em 1.5em;
padding: 0;}

/* #### Slide Show Happy #### */

#mContainer_happy {position:relative;
display:block;
width:505px;
height:450px;
border: 2px solid rgb(216,210,195);
margin:auto;
background-color: rgb(230,223,207);}

#mContainer_happy h1 {margin:0;
padding:3px 3px 0 0;
position:absolute;
font: bold 12px Verdana, Helvetica, Arial, sans-serif;
color:rgb(166,140,83);
top:0px;
left:0px;
width:480px;
text-align:right;}

#caption {position:absolute;
top:410px;
width:500px;
text-align: center;
color: rgb(166,140,83);
font: bold 12px Verdana, Helvetica, Arial, sans-serif}

#imageContainer_happy {position:relative;
top:20%;
margin:auto;
background-color:#F8F7E4;
border: 2px solid rgb(216,210,195);}

#imageContainer_happy img {display:none;
border:1px solid #F8F7E4;}

#navContainer {position:absolute;
bottom:-20px;
left:-2px;
font: bold 12px Verdana, Helvetica, Arial, sans-serif;}

#navContainer a {text-decoration:none;
color: rgb(166,140,83);
font: bold 12px Verdana, Helvetica, Arial, sans-serif;
margin-top: 8px;
margin-left: 2px;
padding-top: 2px;
padding-left: 4px;}

/*#### Liste Happy Dinos ####*/

#dinos {color: rgb(168,140,83);
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
font-style: normal;
text-decoration: none;}

#dinos img {border: 1px solid rgb(168,140,83);}

/* ##### Footer ##### */

#footer {color: black;
background-color: rgb(255, 255, 255);
font-size: 92%;
text-align: center;
border-top: 1px solid rgb(216,210,195);
line-height: 1.25em;
margin: 0;
padding: 1em 4mm 1em 4mm;
clear: both;}

#footer div {margin: 0;
padding: 0 0 1ex 0;}

#footer a {color: black;
background-color: transparent;
text-decoration: underline;
font-weight: bold;}

#footer a:hover {text-decoration: none;}

/*w3c buttons*/

.w3cbutton4 {margin: 1em 0;
width: 10em;
font-family: helvetica,arial,sans-serif;
font-size: 80%;
font-weight: bold;}

.w3cbutton4 a {display: block;
width: 100%;}

.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {background-color: #fc6;
color: #000;
text-decoration: none;}

.w3cbutton4 a:link,
.w3cbutton4 a:visited {border-top: 1px solid #cecece;
border-bottom: 2px solid #4a4a4a;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;}

.w3cbutton4 a:hover {border-bottom: 1px solid #cecece;
border-top: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-left: 2px solid #4a4a4a;}

.w3cbutton4 span.w3c {padding: 0 0.4em;
background-color: #fff;
color: #0c479d;}