@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{

body {
background:#000000 url(../img/bg.jpg) no-repeat fixed center center;
padding-top:20px;
}
#page {
background:#fff url(../img/main_bg.gif) repeat scroll left bottom;
border:0 none;
}
#page_margins {
border:10px solid #FFFFFF;
margin:auto;
width:900px;
}
h1, h2, h3, h4, h5 {
display:block;
font-family:Verdana,Arial,Sans-Serif;
font-weight:bold;
}
h1 {
background:transparent none repeat scroll 0;
border-bottom:1px solid #CCCCCC;
color:#00923F;
font-size:1.3em;
margin:1.1em 0 0.5em;
}
h2 {
background:#00923F none repeat scroll 0;
color:#FFFFFF;
font-size:1.1em;
margin:1.1em 0 0.5em;
padding:0.3em;
}
h3 {
background:transparent none repeat scroll 0;
color:#00923F;
font-size:1.1em;
margin:1.1em 0 0.3em;
}
h4 {
background:transparent none repeat scroll 0;
border-bottom:1px solid #CCCCCC;
color:#888888;
font-size:1em;
margin:1.1em 0 0.3em;
}
h5 {
background:transparent none repeat scroll 0;
color:#888888;
font-size:1em;
margin:1.1em 0 0.3em;
}
a, a em.file {
color:#009834;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#topnav a {
color:#777777;
}
#topnav a:hover {
color:#777777;
}
#footer a {
color:#FFFFFF;
}
#footer a:hover {
}
.REboxGreen {
background:transparent none repeat scroll 0;
display:block;
font-weight:normal;
margin-top:2em;
}
.REboxGreen p {
line-height:1.2em;
margin:0 2px;
padding:2px 0;
}
.REboxGreenContent {
background:#FFFFFF none repeat scroll 0;
border-left:1px solid #009834;
border-right:1px solid #009834;
display:block;
padding:0.5em 1em;
}
.REboxGreenContent h1, .REboxGreenContent h2, .REboxGreenContent h3, .REboxGreenContent h4, .REboxGreenContent h5 {
margin-top:0;
}
.rGline1, .rGline2, .rGline3, .rGline4 {
display:block;
font-size:1px;
overflow:hidden;
}
.rGline1, .rGline2, .rGline3 {
height:1px;
}
.rGline2, .rGline3, .rGline4 {
background:#FFFFFF none repeat scroll 0;
border-left:1px solid #009834;
border-right:1px solid #009834;
}
.rGline1 {
background:#009834 none repeat scroll 0;
margin:0 5px;
}
.rGline2 {
border-width:0 2px;
margin:0 3px;
}
.rGline3 {
margin:0 2px;
}
.rGline4 {
height:2px;
margin:0 1px;
}
.REboxRed {
background:transparent none repeat scroll 0;
display:block;
font-weight:normal;
margin-top:2em;
}
.REboxRed p {
line-height:1.2em;
margin:0 2px;
padding:2px 0;
}
.REboxRedContent {
background:#FFFFFF none repeat scroll 0;
border-left:1px solid #DE2520;
border-right:1px solid #DE2520;
display:block;
padding:0.5em 1em;
}
.REboxRedContent h1, .REboxRedContent h2, .REboxRedContent h3, .REboxRedContent h4, .REboxRedContent h5 {
margin-top:0;
}
.rRline1, .rRline2, .rRline3, .rRline4 {
display:block;
font-size:1px;
overflow:hidden;
}
.rRline1, .rRline2, .rRline3 {
height:1px;
}
.rRline2, .rRline3, .rRline4 {
background:#FFFFFF none repeat scroll 0;
border-left:1px solid #DE2520;
border-right:1px solid #DE2520;
}
.rRline1 {
background:#DE2520 none repeat scroll 0;
margin:0 5px;
}
.rRline2 {
border-width:0 2px;
margin:0 3px;
}
.rRline3 {
margin:0 2px;
}
.rRline4 {
height:2px;
margin:0 1px;
}

#header img {
font-size:208%;
left:10px;
position:absolute;
top:23px;
}
#header h1 span {
display:block;
height:1px;
line-height:105px;
overflow:hidden;
width:1px;
}
#header div.tx-macinasearchbox-pi1 {
font-size:11px;
position:absolute;
right:20px;
top:1px;
}
#header div.tx-macinasearchbox-pi1 input {
margin-left:0;
}
#header div.tx-macinasearchbox-pi1 form span {
color:#AAAAAA;
display:block;
font-weight:bold;
}
#header div.tx-macinasearchbox-pi1 form input {
height:13px;
width:150px;
}
#banner {
position:absolute;
right:10px;
top:20px;
z-index:10;
}
#banner img {
font-size:100%;
left:0;
position:relative;
top:0;
}
#topnav {
color:#000000;
font-size:12px;
right:190px;
top:2px;
}
#footer {
background:#FFFFFF url(../img/footer_bg.jpg) no-repeat scroll left bottom;
border-top:0 solid #DDDDDD;
color:#FFFFFF;
line-height:2em;
margin:0;
padding:64px 0 0 191px;
}
#main {
background:transparent url(../img/menu_bg.jpg) no-repeat scroll left bottom;
padding-top:0;
}
#col1 {
background:transparent none repeat scroll 0;
width:20.3%;
}
#col1_content {
background:inherit inherit inherit inherit inherit;
color:#444444;
margin-left:0;
margin-right:0;
}
#col2 {
width:25%;
}
#col2_content {
margin-left:1em;
margin-right:1em;
}
#col3 {
border-left:0 dotted #DDDDDD;
border-right:0 dotted #DDDDDD;
margin-left:22.5%;
margin-right:0;
}
#col3_content {
margin-left:1em;
margin-right:1em;
}
#teaser {
background:#777777 url(../ig/main_bg.gif) repeat-y scroll left top;
color:#FFFFFF;
margin:0;
padding-left:19px;
}
#teaser div {
float:left;
font-size:12px;
margin-right:2em;
width:auto;
}
#teaser .rootline {
margin:6px 0 4px 0;
}
#teaser .rootline a {
color:#fff;
}
#teaser .rootline a:hover {
background:transparent none repeat scroll 0;
}
#teaser .langMenu {
float:right;
margin:3px 0 0 0;
}
#teaser .langMenu a:hover {
background:transparent none repeat scroll 0;
}
#teaser .langMenu img.flag {
margin-top:4px;
padding-right:3px;
}
#teaser .langMenu img.arrow {
}
#teaser .selectFontSize {
float:right;
margin:6px 10px 0 0;
}
#teaser .selectFontSize a {
color:#333344;
}
#teaser .selectFontSize a:hover {
background:transparent none repeat scroll 0;
}
#teaser .aktDatum {
float:right;
margin:6px 20px 4px 0;
}
#submenu {
border-top:0px solid #DDDDDD;
list-style-type:none;
margin:18px 0 1.5em;
overflow:hidden;
width:100%;
}
#submenu ul {
list-style-type:none;
margin:0;
padding:0;
}
#submenu li {
float:left;
margin:0;
padding:0;
width:100%;
}
#submenu a, #submenu strong {
background-color:#fff;
border-bottom:1px solid #eee;
color:#444444;
display:block;
padding:1px 0 1px 10%;
text-decoration:none;
width:90%;
}
#submenu a#navigation {
border-bottom:0 none;
padding:0;
}
#submenu li#title {
background-color:#FFFFFF;
border-bottom:4px solid #888888;
color:#444444;
display:none;
font-weight:bold;
padding:1px 0 1px 10%;
width:90%;
}
#submenu li span {
border-bottom:px solid #DDDDDD;
display:block;
font-weight:bold;
padding:1px 0 1px 10%;
width:90%;
}
#submenu li#active, #submenu li strong {
background-color:#D9DADC;
border-bottom:1px solid #EEEEEE;
color:#009835;
font-weight:bold;
padding:1px 0 1px 10%;
width:90%;
}
#submenu li a {
background-color:#D9DADC;
color:#444444;
padding-left:10%;
width:90%;
}
#submenu li a:focus, #submenu li a:hover, #submenu li a:active {
background-color:#D9DADC;
color:#009835;
}
#submenu li ul li a, #submenu li ul li#active, #submenu li ul li strong, #submenu li ul li span {
padding-left:15%;
width:85%;
}
#submenu li ul li a {
background-color:#D9DADC;
color:#666666;
}
#submenu li ul li a:focus, #submenu li ul li a:hover, #submenu li ul li a:active {
background-color:#D9DADC;
color:#009835;
}
#submenu li ul li ul li a, #submenu li ul li ul li#active, #submenu li ul li ul li strong, #submenu li ul li ul li span {
padding-left:20%;
width:80%;
}
#submenu li ul li ul li a {
background-color:#D9DADC;
color:#888888;
}
#submenu li ul li ul li a:focus, #submenu li ul li ul li a:hover, #submenu li ul li ul li a:active {
background-color:#D9DADC;
color:#FFFFFF;
}
#submenu li ul li ul li ul li a, #submenu li ul li ul li ul li#active, #submenu li ul li ul li ul li strong, #submenu li ul li ul li ul li span {
padding-left:25%;
width:75%;
}
#submenu li ul li ul li ul li a {
background-color:#FFFFFF;
color:#AAAAAA;
}
#submenu li ul li ul li ul li a:focus, #submenu li ul li ul li ul li a:hover, #submenu li ul li ul li ul li a:active {
background-color:#AA1124;
color:#FFFFFF;
}
}