@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       : overfinch_basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
*/
/* LAYOUT-UNABHÄNGIGE ANPASSUNGEN -------------------------------------------------------------------- */
@import url(../../../typo3conf/ext/db_yamltv/template/yaml/core/iehacks.css);

/* LAYOUT-ABHÄNGIGE ANPASSUNGEN ---------------------------------------------------------------------- */
{

/* IE5.x kollabierendes padding bei #main abfangen */
* html #col3 {height: 1%; background:#fff;}
* html #col1 {margin-right: -3px; background:#fff;}
* html #col3 {margin-left:185px; background:#fff; }
}

body {
background:#f2f2f2 url(../../img/overfinch/bg_headerarea.gif) repeat-x; margin-top:10px;
}
/*body {background:#515151;}*/


/* ####################################
** ### Borders around page ############
** ####################################
*/
#page { margin:auto; padding:0.5em;}
#page_margins {border:0; width:960px; margin:auto; padding:0;}

/* ####################################
** ### Header #########################
** ####################################
*/
/*
#header {position:relative; height:134px; color:#fff; background:#363636 url(../../img/headerbg_old_.jpg) repeat-x top;}
#header {position:relative; height:134px; color:#fff; background:#363636 url(../../img/headerbg.jpg);}
#header img {position:absolute; top:25px; 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: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 {position:absolute; top:20px; right:10px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}

#topnav {
top:-28px;
font-size:13px;
font-weight:bold;
color:#fff;
}



/* ####################################
** ### Footer #########################
** ####################################
*/
#footer {font-size:0.8em; 
color:#aaa; 
background:#900 url(../../img/overfinch_footer.jpg) repeat-x; 
margin:0; padding:1em;
z-index:23;
}

/* ####################################
** ### Content columns ################
** ####################################
*/
#main {
background:#fff;
}

/* Turn off right column */

#col1 {
width:185px;
background:#fff;
margin-right:10px;
}
#col1_content{
background:#fff;
}

#col2 {display:none;
margin-left:1em; 
margin-right:1em;
background:#fff;
}
#col2_content {display:none;
margin-left:1em; 
margin-right:1em;
background:#fff;
color:#a00;
z-index:1;
}


#col3 {
margin-left:185px; 
margin-right:0; 
border-right:0px ; 
color:#a00;
text-align:left;
background:#fff url(../../overfinch/img/bg_maincontentarea.gif) repeat-x; 
z-index:2;
}

/* ####################################
** ### Teaser #########################
** ####################################
*/
#teaser {
margin:0; 
padding:0;
background: url(../../img/overfinch/verlauf_navi_oben_ov.jpg) repeat-x;
color:#fff; 
height:41px;
z-index:24;
}
#teaser div {float:left; width:auto; margin-right:2em; font-size:12px;}

#teaser .rootline {margin:6px 0 4px 10px;}
#teaser .rootline a {color:#fff;}
#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:#fff;}
#teaser .selectFontSize a:hover {background:transparent;}

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

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