@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
{
/* Your styles here */
body {background: url(../img/bodybg.jpg) repeat-x; padding-top:0px; background-color:#72777a}
/* ####################################
** ### Borders around page ############
** ####################################
*/
#page{border:0px #667 solid; background:url(../img/bodybg.jpg) repeat-x;}
#page_margins {border:0px #889 solid; width:985px; margin:auto;}

/* ####################################
** ### Header #########################
** ####################################
*/
#header {position:relative; height:152px; color:#fff; background: url(../img/header.jpg)}
#header img {position:absolute; top:23px; left:10px; font-size:208%;}
#header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}
#header div.tx-macinasearchbox-pi1 {position:absolute; bottom:5px; right:10px; font-size:11px;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}
#header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
#header div.tx-macinasearchbox-pi1 form input {width:170px; height:13px;}
#banner {position:absolute; top:20px; right:10px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#topnav {top:210px; right:10px; font-size:13px; position:absolute   }


/* ####################################
** ### Footer #########################
** ####################################
*/
#footer {color:#888; background: url(../img/footer_bg.jpg) no-repeat; margin:0px; padding: 0 0 0 0; border-top:0px #ddd solid; height:10px}

/* ####################################
** ### Content columns ################
** ####################################
*/
#main {background: url(../img/main_bg.jpg) repeat-y ;padding-top:0;   }

/* linke Spalte */
#col1 { float: left; width: 22.5%}   
  #col2 { display:none}   
  #col3 { width: auto; margin: 0 0 0 22.5%; border-left:0px}   
  #col1_content { padding: 0 10px 0 20px }   
  #col3_content { padding: 0 20px 0 10px; min-height:400px }   


/* ####################################
** ### Teaser #########################
** ####################################
*/
#teaser {margin-top:0; padding:0; background:transparent; color:#765;}
#teaser div {float:left; width:auto; margin-right:2em; font-size:12px;}

#teaser .rootline {margin:6px 0 4px 10px;}
#teaser .rootline a {color:#334;}
#teaser .rootline a:hover {background:transparent;}

#teaser .langMenu {float:right; margin:-80px 10px 0 0;}
#teaser .langMenu a:hover {background:transparent;}
#teaser .langMenu img {margin-top:3px;padding-right:3px;}

#teaser .selectFontSize {float:right; margin:6px 10px 0 0;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}

#teaser .aktDatum {float:right; margin:6px 20px 4px 0;}

/* Close @media all - DO NOT DELETE! */


/*###############################
**###NAVIGATION##################
###############################*/
#nav_main {float:left; width:100%; background:url(../img/navmain_bg.jpg) no-repeat; font-size:14px; line-height:normal; height:93px;}
#nav_main ul {margin-left:223px;padding:0 0 0 1em; list-style:none;}
#nav_main li {display:inline; margin-left:0; padding:0; }
#nav_main a {float:left; background:none; margin:13px 9px 0 9px; border-bottom:0px solid #fff; text-decoration:none; color:#FFFFFF; padding: 0 0 0 0; min-width:70px}
#nav_main a span {float:left; display: block;background: url(../img/navmain_menu_bg.jpg);padding:7px 9px 4px 9px; color:#fff; white-space:nowrap;  text-align:center;    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_main a span {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover span {color:#fff;background:url(../img/navmain_menu_bg_aktiv.jpg) }
#nav_main #current a {background-position:0 0; border-width:0;}
#nav_main #current a span {background-position:100% 0; padding-bottom:5px; color:#fff; font-weight:bold; background:url(../img/navmain_menu_bg_aktiv.jpg)}
#nav_main a:hover {background-position:0% 0;}
#nav_main a:hover span {background-position:100% 0;}

}