@charset "UTF-8";
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation fuer das Layout des YAML-Tutorials
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
*/

@media all
{

body { height:100% !important; background:#000000; padding:0px; margin:0px; }

/* ####################################
** ### Borders around page ############
** ####################################
*/
#page { min-height:100% !important; background-image:url(../../img/background/background-left.jpg); background-repeat:repeat-y; padding-bottom:10px; border-left:1px #181818 solid; border-right:1px #181818 solid; }
#page_margins { height:100%; min-height:650px !important; width:990px; margin:auto; padding-bottom:10px; }

/* #page_margins { height:100%; width:990px; margin:auto; background-image:url(../../img/background/background-main.jpg); background-repeat:no-repeat; background-position:top right; padding-bottom:10px; }
*/


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

/* #header {position:relative; height:120px; color:#fff; background-image:url(../../img/background/background-left-header.png); background-repeat:no-repeat; background-position:top left; }
*/

#header {position:relative; height:120px; color:#fff; }
#header img {position:absolute; top:30px; left:22px; font-size:208%;}
#header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}

/* search box placement for indexed search (before Google Custom search)
#header div.tx-macinasearchbox-pi1 {position:absolute; bottom:5px; right:10px; font-size:11px;}
*/

#header div.tx-macinasearchbox-pi1 {position:absolute; top:25px; 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 { z-index:0; position:absolute; top:0px; right:0px;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#topnav { position:absolute; z-index:1; top:0px; right:20px; width:205px; height:45px; padding:6px 10px 6px 10px; text-align:left; font-size:0.9em; background-image:url(../../img/background/background-nav-primary.png); background-repeat:repeat; }

/* ####################################
** ### Footer #########################
** ####################################
*/
#footer { position:relative; display:block; margin-top:10px; margin-bottom:10px; margin-left:210px; width:463px; color:#000000; background:#fff; padding:10px 30px 10px 30px; border:0px; line-height:1.25em; font-size:0.85em; }

/* ####################################
** ### Content columns ################
** ####################################
*/

#main { padding-top:40px; margin:0px; }

/* linke Spalte */
#col1 { width:210px; }
#col1_content { margin-left:22px; margin-right:10px; }

/* Rechte Spalte */
#col2 { width:255px !important; }
#col2_content {	margin-left:10px; margin-right:20px; margin-top:0px !important; padding:0px !important; }

/* Mittlere Spalte */
#col3 { position:relative; margin-left:210px; margin-right:255px !important; background-color:#FFFFFF;  }
#col3_content { margin:0px; padding:17px 30px 20px 30px;  }

/* ####################################
** ### Teaser #########################
** ####################################
*/
#teaser { display:none; margin:0; padding:0; background:#D5D0BA; 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:3px 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! */
}