/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/

@font-face {  
font-family:FunctionTwoRegular;  
src: local("FunctionTwoRegular"),
url(../../../fonts/FunctionTwoRegular.ttf) format("truetype");
}

@font-face {  
font-family:FunctionRegular;  
src: local("FunctionRegular"),
url(../../../fonts/FunctionRegular.ttf) format("truetype");
}

@font-face {  
font-family:FunctionTwoLightRegular;  
src: local("FunctionTwoLightRegular"),
url(../../../fonts/FunctionTwoLightRegular.ttf) format("truetype");
}

@media all
{

/* Formatierung der Seite */
body {
	background-image: url("../../../img/bg_line_gfx.jpg");
	background-attachment:fixed;
	padding: 60px;
	
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{
	border: 1px solid #033;
	background: #f6f5f2;
	box-shadow: 3px 3px 5px rgba(0,0,0,.2);
}
#page_margins {
	min-width: 756px;
	width: 1100px;
	max-width: 100em;
	margin:auto;
}

/* Formatierung der Kopfbereiches */
#header {
	color: #000;
}

/* Formatierung der Fußzeile */
#footer {
	color:#333333;
	margin: 0 5em;
	padding: 1em 0;
	line-height: 2em;
	background-color:#f6f5f2;
	border-top: 1px solid #000;
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
} 

/* linke Spalte */
#col1 {
	width: 22.5%;
	display: none;
}	
#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }

/* Rechte Spalte */
#col2 {	width: 280px; }
#col2_content {
	margin-left: -1em;
	margin-right: 3em;
}

/* Mittlere Spalte */
#col3
{
	margin-left: 0%;
	margin-right: 280px;
	margin-top:-122px;
	width: 818px;
}

#col3_content {
	margin-left: 5em;
	margin-right: 1em;
	font-size: 1em;
	line-height: 150%;
	/*border-bottom: 1px solid #000;*/
	max-width:700px;
}

#col3_content p
{ /*text-shadow: 1px 1px 4px #ffffff; */}

#sitemap_table
{
	font-size: 11px;
	margin-top: 85px;
	margin-left:4.4em;
	padding: 10px;
	width:99.2%;	
}

#sitemap_content li
{
	padding: 0 7px;
	margin-left:2.2em;
}
#sitemap_content li:hover
{
	color:#6bc4ed;
}


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/

#teaser { 
	margin: 0em 1em 0em 1em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0em 0em 30px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 50%; padding-top:0.5em; font-size: 0.82em; }

#teaser .block3 .title {
	font-family: Verdana, Arial, 'Lucida Grande', Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}
 
#footer a {
	color:#333333;
	margin: 0 1em;
	padding: 1em 0;
	line-height: 2em;
	font-family: Verdana, Arial, "Lucida Sans Unicode";
}

.col3_content
{
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1em;
		line-height: 150%;
		border-bottom: 1px solid #666;
}

.col3_content_trailer {
	z-index: 2;
	line-height: 150%;
	text-align: center;
	margin-top:10px;