/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 6.11.06
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation f�r das Layout des YAML-Tutorials
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media all
{
/* Formatierung der Seite */
body {
 background:#e4e4e4;
 text-align:center;
}

a, a em.file
{
	color: #5184b0;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page { }
#page_margins {
	/* min-width:756px; max-width:80em; */
	width: 100%;
	margin:auto;
	padding-top: 16px;
	background-color: #5184b0;
	
}

.mehr-container {display:block; clear:both; margin:0px auto; width:905px; text-align:center; z-index:9; position:relative; top:0px; display:none;}
#mehr1 {width:77px; height:72px; background: url(../../img/green-corner-more.png) no-repeat; color:white; float:left; margin:0px 0 0 110px;}
#mehr2 {width:77px; height:72px; background: url(../../img/green-corner-more.png) no-repeat; color:white; float:left; margin:0px 0 0 230px;}
#mehr3 {width:77px; height:72px; background: url(../../img/green-corner-more.png) no-repeat; color:white; float:left; margin:0px 0 0 230px;}
.mehr-container a {display:block; color:white; margin-top:15px;  }

/* Formatierung der Kopfbereiches */
#kopfbereich { 
	position:relative;
	/*width: 100%;*/
	height:345px;
	color:#fff; 
	background-image: url(../../img/header-start.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #5184b0;
}


#buehne-innen {width:100%; height:auto; }

#buehne-aussen {width:100%; height:150px; 
	background-repeat: repeat-x; padding: 10px 0 10px 0; background: url(../../img/buehne-innen.png) repeat; margin-top:0px; }


#main_content_top {width:905px; clear:both; display:block; margin:0px auto; text align:left; background-image: url(../../img/spalte-top.png); height:10px;}
#main_content { padding-bottom:0px; width:905px; margin:0px auto; text align:left; background-image: url(../../img/spalte-mitte.png); background-repeat: repeat-y; clear:both;}
#main_content_bottom {width:905px; margin:0px auto; text align:left; background-image: url(../../img/spalte-bottom.png); height:10px; margin-top:0px; clear:both;}
#header {width:920px; margin:0px auto; text-align:left;}
#header img {margin-top:-16px;}
#banner { position:absolute; top:20px; right:0px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#topnav {   height:16px;
  background-color: #0072d5;}
#header div.tx-macinasearchbox-pi1 {position:absolute; top:130px; right:10px; font-size:0.8em;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}

.nav-row {
	color:#fff;
}

 #nav { background: url(../../img/navi-bg.png) repeat-x left bottom; text-align:center; height:53px; position:absolute; top: 352px; }
 
 
/* Formatierung der Fu�zeile */
#footer-image { 
	
	padding-top:0;
	background-image: url(../../img/bg_col1_F4F4F4.png);
	background-position: -50px 0;	
	background-repeat: repeat-y;
	text-align: right;
	padding-right:5px;
}
#footer { color:#404040; background:#e4e4e4; padding: 4px; text-align: center;  font-size:10px; width:955px; margin:0px auto 0px auto; position:static; top:0;  }

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { 
	background: #f8f8f8;
	padding-top:65px;
	padding-bottom:20px;
	min-height:360px;
	background-image: url(../../img/footer-top.png);
	background-position: bottom;	
	background-repeat: repeat-x;
	display:block;	
	clear:both;
}

/* linke Spalte */
#col1 {
	width: 290px; 
	margin:0px auto;
	
	
}
#col1_content { 

	color:#444;
	text-align:left;
	padding:50px 20px 30px 20px;
}

#col3_content { 

	color:#444;
	text-align:left;
	padding:50px 20px 0px 20px;
}







/* Rechte Spalte */
#col2 { width:290px; margin:0px auto; } /*25%*/
#col2_content {	padding:65px 0px 30px 0px; text-align:left;}


/* Mittlere Spalte */
#col3 {
	
	
	width: 290px;	
	margin:0px auto;
}

#col3-clear {clear:both; display:block;}

#col1_content { 
padding:65px 0px 0px 0px;
margin-bottom:30px;
text-align:left;	
}

#col1_content p.bodytext { 
text-align:left; 
margin-left:20px;
margin-right:20px;	
}

#col2_content .carouselContainer { 

margin-left:20px;
margin-right:20px;	
}

#col2_content p.bodytext { 
text-align:left; 
margin-left:20px;
margin-right:20px;	
}

#col1_content dt { 
margin-bottom:10px;	
}

#col3 .csc-firstHeader {
background: url(../../img/header1.png) no-repeat top;
width:150px;
height:50px;
padding: 40px 0px 0px 40px;
font-family: Trebuchet MS, Arial, Sans Serif;
color:white;
font-size: 14px;
font-weight:bold;
position:absolute;
top:-40px;
left:30px;
text-align:center;
}


#col1 .csc-firstHeader {
background: url(../../img/header2.png) no-repeat top;
width:150px;
height:100px;
padding: 40px 0px 0px 40px;
font-family: Trebuchet MS, Arial, Sans Serif;
color:white;
font-size: 14px;
font-weight:bold;
position:absolute;
top:-41px;
left:30px;
text-align:center;
}


#col1 h3 {
background: url(../../img/header4.png) no-repeat top left;
width:270px;
height:45px;
padding: 65px 0px 0px 20px;
font-family: Trebuchet MS, Arial, Sans Serif;
color:white;
font-size: 14px;
font-weight:bold;
text-align:center;
z-index:100;
}

#col2 h5 {
background: url(../../img/header4.png) no-repeat top left;
width:270px;
height:45px;
padding: 65px 0px 0px 20px;
font-family: Trebuchet MS, Arial, Sans Serif;
color:white;
font-size: 14px;
font-weight:bold;
text-align:center;
z-index:100;
margin:0;
}


#col2 .csc-firstHeader {
background: url(../../img/header3.png) no-repeat top;
width:150px;
height:130px;
padding: 40px 0px 0px 40px;
font-family: Trebuchet MS, Arial, Sans Serif;
color:white;
font-size: 14px;
font-weight:bold;
position:absolute;
top:-41px;
left:30px;
text-align:center;
}






div.anythingSlider {padding:0; text-align:left; color: #444; height:150px;}
div.anythingSlider h1 {font-size:18px; font-family: Trebuchet MS, Arial; color: #218d29;}
div.anythingSlider img {margin-right:20px;}
div.anythingSlider .bodytext {width:500px;}
div.anythingSlider .anythingWindow {border:none;}

.anythingSlider .panel {height:150px;}

div.anythingSlider.activeSlider .anythingControls ul a {
background : url(../../img/punkt-grau.png) no-repeat center left transparent;
display:block;
clear:both;
padding-left:20px;
font-family: Arial, Sans Serif;
color:#676767;
font-size: 12px;
font-weight:bold;
text-align:left;
height:18px;
}

div.anythingSlider .anythingControls ul li {display:block; height:22px; width:300px;}


div.anythingSlider.activeSlider .anythingControls ul a.cur {
background : url(../../img/punkt-blau.png) no-repeat center left transparent;
display:block;
clear:both;
padding-left:20px;
font-family: Arial, Sans Serif;
color:#009ee3;
font-size: 12px;
font-weight:bold;
}

div.anythingControls {position:absolute; left:740px; top: 20px;}


div.anythingSlider .back a {
position:absolute;
left:754px; 
top: 0px;
background : url(../../img/pfeil-hoch.png) no-repeat center left transparent;
width:21px;
height:8px;
}

div.anythingSlider .back a:hover, div.anythingSlider .back a.hover {
position:absolute;
left:754px; 
top: 0px;
background : url(../../img/pfeil-hoch.png) no-repeat center left transparent;
width:21px;
height:8px;
}

div.anythingSlider .forward a {
position:absolute;
left:-150px; 
top: 120px;
background : url(../../img/pfeil-runter.png) no-repeat center left transparent;
width:21px;
height:8px;
}

div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover {
position:absolute;
left:-150px; 
top: 120px;
background : url(../../img/pfeil-runter.png) no-repeat center left transparent;
width:21px;
height:8px;
}




.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover { background : url(../../img/punkt-blau.png) no-repeat center left transparent;}


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {
text-align:center;
width:100%;
margin-bottom:10px;
display:none;
}

#teaser .langMenu { margin:0px auto;  padding-left: 860px;  }

}