/*
** Author    : t3media AG
** YAML      : 3.0.6
** Version   : 0.1.5 / 09.07.08
** Datei     : basemod.css
** LayoutKey : t3media_def
** Desc      : Basisdatei fuer YAML Layout (static CSS) - Default Layout is 1-3-2
** Changes   : Adapted for Finetuning
** 15.08.08 - gp - Abstaende angepasst
*/


@media all
{
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{
	width: 987px; /*##LAYOUT:BODY:PAGE;Breite Page##*/
	background-color: transparent; /*@@LAYOUT:BODY:PAGE:BACKGROUND;Hintergrundfarbe Page@@*/ /*##LAYOUT:BODY:PAGE;Hintergrundfarbe Page##*/
	margin: auto auto auto auto;  /*##LAYOUT:BODY:PAGE;Aussenabstand Page##*/
	padding: 0px 0px 0px 0px; /*##LAYOUT:BODY:PAGE;Innenabstand Page##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:BODY:PAGE;Rahmenbreite Page##*/
	border-style: solid solid solid solid;/*##LAYOUT:BODY:PAGE;Rahmenstil Page##*/
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD; /*@@LAYOUT:BODY:PAGE:BORDER;Rahmenfarbe Page@@*/ /*##LAYOUT:BODY:PAGE;Rahmenfarbe Page##*/
}

#page_margins { 
	margin-left: auto;margin-right: auto;
	max-width:none;min-width:inherit; 
}
/*
# -------------------------------------------------------------------------
# Formatierung des Kopfbereiches 
# -------------------------------------------------------------------------
*/

#header_background {
  background-image:url(/fileadmin/images_layouts/schatten_headerimage.png); 
	background-repeat: no-repeat;
	background-position: 0px 0px; 
  height:355px;
  width:987px;
  margin-left: 0px;
  position: absolute;


}

* html #header_background {margin-left: -10px; }
* + html #header_background {margin-left: -10px; }

#header {
	background-color: transparent; /*@@LAYOUT:HEADER:BACKGROUND;Hintergrundfarbe Header@@*/ /*@@QUICKCOLOR:01_KOPFZEILE;Hintergrundfarbe der Kopfzeile@@*/ /*##LAYOUT:HEADER;Hintergrundfarbe Header##*/ 
	color: #000000; /*@@LAYOUT:HEADER:FONT:TEXT;Schriftfarbe Header@@*/
	padding:0px 0px 0px 0px; /*##LAYOUT:HEADER;Innenabstand Header##*/
	margin:0px 0px 0px 10px; /*##LAYOUT:HEADER;Aussenabstand Header##*/
	height:354px; /*##LAYOUT:HEADER;Höhe Header##*/
  width: 967px;
	border-width: 0px 0px 1px 0px;/*##LAYOUT:HEADER;Rahmenbreite Header##*/
	border-style: solid solid solid solid;/*##LAYOUT:HEADER;Rahmenstil Header##*/
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD; /*@@LAYOUT:HEADER:BORDER;Rahmenfarbe Header@@*/ /*##LAYOUT:HEADER;Rahmenfarbe Header##*/
}

/* Formatierung der Navigation oben */
#topnav {
	margin: 0 10px 0px 10px;
  padding:16px 0px 0px 0px;
	height:93px;
  position:relative;
}

#topnav_l{
  width:600px;
  float:left;
}

#topnav_r{

  width: 840px;
  position:absolute;
  right:0px;
}


#socialmedia{
  width:100px;
  float:right;
  height:19px;
  padding-bottom:32px;
}

#twitter{
  padding: 0px 8px 0px 0px;
  float:right;
}
#facebook{
  float:right;

}

#nav {
	background-color: transparent; /*@@LAYOUT:NAV:BACKGROUND;Hintergrundfarbe Header@@*/ /*##LAYOUT:NAV;Hintergrundfarbe Navigation##*/ 
	padding:0px 0px 0px 0px; /*##LAYOUT:NAV;Innenabstand Navigation##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:NAV;Aussenabstand Navigation##*/
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD; /*##LAYOUT:NAV;Rahmenfarbe Navigation##*/ /*@@LAYOUT:NAV:BORDER;Rahmenfarbe Navigation@@*/
	border-style: solid solid solid solid;/*##LAYOUT:NAV;Rahmenstil Navigation##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:NAV;Rahmenweite Navigation##*/
	float: none; /*##LAYOUT:NAV;Rahmenweite Navigation##*/
  position:relative;
}

/* Anchor ausblenden - IE8 Fix */
a.anchor {
	display:  block;
}

/* Formatierung des Logos */
#logo {
	position:relative;
	left:0px;
	top:7px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
  float:left;  
}

#logo_text{
  float:left;
	color: #007D30;
  padding:32px 0 0 10px;  
}


#secondarily_nav_1 {
	padding:10px 0px 0px 10px; /* Abstand Logo oben und links */ /*##LAYOUT:HEADER:LEFT_PART;Position Header-Bereich Links zb Logo##*/
}

#secondarily_nav_2 {
	padding:30px 10px 0px 0px; /* Abstand Suchfeld oben und rechts */ /*##LAYOUT:HEADER:RIGHT_PART;Position Header-Bereich Rechts zb Suchfeld und Utilities##*/
	width:45%;
	text-align:right;
	color: #000000;  /*@@LAYOUT:HEADER:FONT;Schriftfarbe Header-Bereich Rechts@@*/ /*##LAYOUT:HEADER:RIGHT_PART;Schriftfarbe Header-Bereich Rechts##*/
}

#header_utilities {
  padding:0px 20px 0px 0px;
}

/*
# -------------------------------------------------------------------------
# Formatierung der Inhaltsspalten
# -------------------------------------------------------------------------
*/

#main_top{
  height:13px;
  margin: 0px 10px 0px 10px;
  padding:16px 0px 16px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD; 
}  


#main {
	background-color:transparent; /*@@LAYOUT:MAIN:BACKGROUND;Hintergrundfarbe Main@@*/ /*@@QUICKCOLOR:02_MITTLERE_SPALTE;Hintergrundfarbe der mittleren Spalte@@*/ /*##LAYOUT:MAIN;Hintergrundfarbe Main##*/
	padding:0px 0px 0px 0px; /*##LAYOUT:MAIN;Innenabstand Main##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:MAIN;Aussenabstand Main##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:MAIN;Rahmenbreite Main##*/
	border-style: solid solid solid solid;/*##LAYOUT:MAIN;Rahmenstil Main##*/
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD; /*@@LAYOUT:MAIN:BORDER;Rahmenfarbe Main@@*/ /*##LAYOUT:MAIN;Rahmenfarbe Main##*/
}

/* linke Spalte */
#col1 {width:225px;} /*##LAYOUT:MAIN:COL1;Breite Spalte 1 - WERT WIE MARGIN-LEFT SPALTE 3 ANGEBEN##*/
#col1_content {
	margin-left:10px; margin-right:5px;/*##LAYOUT:MAIN:COL1;Aussenabstände Spalte 1##*/
	padding:3.05em 0 0 0;} /*##LAYOUT:MAIN:COL1;Innenabstände Spalte 1##*/

/* Rechte Spalte */
#col2 {width:202px;}/*##LAYOUT:MAIN:COL2;Breite Spalte 2 - WERT WIE MARGIN-RIGHT SPALTE 3 ANGEBENN##*/
#col2_content {
	margin-left:0px; margin-right:10px;/*##LAYOUT:MAIN:COL2;Aussenabstände Spalte 2##*/
	padding:3.35em 0 0 0;}/*##LAYOUT:MAIN:COL2;Innenabstände Spalte 2##*/

/* Mittlere Spalte */
#col3 {
	border-width: 0px 0px 0px 0px;/*##LAYOUT:MAIN:COL3;Rahmenbreite Col3##*/
	border-style: solid solid solid solid;/*##LAYOUT:MAIN:COL3;Rahmenstil Col3##*/
	border-left-color: #ffffff; /*@@LAYOUT:MAIN:COL3:BORDER;Rahmenfarbe Col3@@*/ /*@@QUICKCOLOR:03_LINKE_SPALTE;Hintergrundfarbe linke Spalte@@*/ /*##LAYOUT:MAIN:COL3;Rahmenfarbe Col3##*/ 
	border-right-color: #ffffff; /*@@LAYOUT:MAIN:COL3:BORDER;Rahmenfarbe Col3@@*/ /*@@QUICKCOLOR:04_RECHTE_SPALTE;Hintergrundfarbe rechte Spalte@@*/ /*##LAYOUT:MAIN:COL3;Rahmenfarbe Col3##*/
	background-color:transparent; /*@@LAYOUT:MAIN:COL3:BACKGROUND;Hintergrundfarbe Col3@@*/ /*##LAYOUT:MAIN:COL3;Hintergrundfarbe Col3##*/
	margin-left:225px; /*##LAYOUT:MAIN:COL3;Margin links - SELBER WERT WIE BREITE SPALTE 1 GEBEN##*/
	margin-right:217px;/*##LAYOUT:MAIN:COL3;Margin rechts - SELBER WERT WIE BREITE SPALTE 2 GEBEN##*/
}
#col3_content {margin-left:10px; margin-right:10px; padding-top:3.35em; padding-bottom:4em;}/*##LAYOUT:MAIN:COL3;Abstände Content##*/

/*
# -------------------------------------------------------------------------
# Formatierung der Werbung
# -------------------------------------------------------------------------
*/

#werbung_box{
	margin:0px 10px 0px 10px;  
}

#werbung_box span{
	color:#999999;

}

#werbung_include{
	margin:3px 0px 0px 0px; 
  padding: 20px 0 0 0;
	border-width: 1px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
  height:68px;  

}

#werbung_include div.csc-textpic-image{

  height:50px;
	border-width: 0px 1px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
  width:232px !important;
}


/*
# -------------------------------------------------------------------------
# Formatierung der Fusszeile 
# -------------------------------------------------------------------------
*/

#footer {
	background-color: transparent; /*@@LAYOUT:FOOTER:BACKGROUND;Hintergrundfarbe Footer@@*/ /*@@QUICKCOLOR:05_FUSSZEILE;Hintergrundfarbe des Fusszeile@@*/ /*##LAYOUT:FOOTER;Hintergrundfarbe Footer##*/
	padding:13px 0px 0px 0px; /*##LAYOUT:FOOTER;Innenabstand Footer##*/
	margin:0px 10px 0px 10px; /*##LAYOUT:FOOTER;Aussenabstand Footer##*/
	color: #8C8C8C; /*@@LAYOUT:FOOTER:FONT:TEXT;Schriftfarbe Footer@@*/ /*##LAYOUT:FOOTER:FONT;Schriftfarbe Footer##*/
	border-width: 1px 0px 0px 0px;/*##LAYOUT:FOOTER;Rahmenbreite Footer##*/
	border-style: solid solid solid solid;/*##LAYOUT:FOOTER;Rahmenstil Footer##*/
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD; /*@@LAYOUT:FOOTER:BORDER;Rahmenfarbe Footer@@*/ /*##LAYOUT:FOOTER;Rahmenfarbe Footer##*/
	text-align:left; /*##LAYOUT:FOOTER:FONT;Ausrichtung Text##*/
	font-size:11px; /*##LAYOUT:FOOTER:FONT;Schriftgrösse##*/
	overflow: hidden; /* FF Hack */
  height:90px;
}

#footer span,
#footer a {
	color: #40A366; /*@@LAYOUT:FOOTER:FONT:LINK;Schriftfarbe Link in Footer@@*/ /*##LAYOUT:FOOTER:FONT;Schriftfarbe Link in Footer##*/
}

#footer #adresse {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; /*##LAYOUT:FOOTER:ADDRESS;Aussenabstand Adressblock##*/
}

#page_to_top {
	display:block;
	position:relative;
	top:-20px; /*##LAYOUT:FOOTER:TO_TOP;Nach-oben-Link Position oben alle Layouts##*/
	left:600px; /*##LAYOUT:FOOTER:TO_TOP;Nach-oben-Link Position links 3Spalten Layout##*/
	width:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:10;
	float:left;
	text-align:right;
}

#page_to_top a {
	color: #DDDDDD; /*@@LAYOUT:FOOTER:FONT:TO_TOP:LINK;Schriftfarbe Link Seitenanfang@@*/ /*##LAYOUT:FOOTER:TO_TOP:FONT;Schriftfarbe Link Seitenanfang in Footer##*/
}

#TYPO3_Agentur {
  position: relative;
  bottom: 0px;       
  left: 0px; 
  margin:7px 0px 0px 0px;
  color:#CCCCCC;
}

/*Banner Anpassungen*/
#wallpaper-banner-top {
    position: relative;
    height: 90px;
}

#wallpaper-banner-top .banner {
    position: absolute;
    right: 0;
}

#page {
    position: relative;
}

#wallpaper-banner-right {
    position: absolute;
    right: -160px;
    width: 160px;
    height: 600px;
    top: 0;
}

#wallpaper-banner-right .banner {
    position: absolute;
    right: 0;
}

.banner {
    margin-bottom: 20px;
}




/* ------------------------------------------------------------------- */

} /* end @media */