/* ######################################################################################################
** # "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
**
*/

@media all
{

/* Formatierung der Seite */
body { background: url(../../img/bg.gif) repeat-x #343434; padding: 0px;	}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px #667 solid; background: #fff; }
#page_margins {border: 0px #889 solid; min-width: 756px; max-width: 100em; margin:auto;}

/* Formatierung der Kopfbereiches */
#header { 
	height: 300px; 
	color: #fff; 
	background: url(../../img/header.jpg) center no-repeat #000000  ; 
	
}
#header img {margin: 48px 0 0 40px; font-size:208%;}
/*#logo {float:left; height:153px; width:300px; background: url(../../img/logo.png) no-repeat center;margin:auto;}*/
#logo {float:left; height:153px; width:300px;}






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

#footer ul li {
	list-style: none;
}

#mz {
	padding-left: 850px;
	padding-top: 5px;
	font-size:x-small;
	text-align: right;
	color: #9e9e9e;
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background: #fff ; padding: 1em 0; } 

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

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

/* Mittlere Spalte */
#col3
{
  	margin-left: 22.5%; 
   	margin-right: 280px; 
	border-left: 1px dotted #ddd;
	border-right: 0px dotted #ddd;

}

#col3_content { margin-left: 1em; margin-right: 1em; }

.col3_header {
	font-size: smaller;
	margin-top:3px;
	
}

.col3_text{
	font-size: smaller;
	color:#828282;
}


.col3_text2{
	font-size: x-small;
	color:#bbbbbb;
}


/* ######################################################################################################
** ### 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: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}

/* ######################################################################################################
** ### Inhaltsboxen Referenzseite #######################################################################
** ######################################################################################################
*/

.ref_box {
	margin-top:10px;
	width: 100%;
	border:#eaeaea solid thin;
	padding: 5px;
	/* height:110px; */

}

#ref_box_l {
	width: 500px;
	float:left;
	padding:5px;
	font-size:smaller;
	vertical-align:top;
	background-color: #eaeaea;
}


#ref_box_r {

	float:left;
	padding:5px;

	font-size:smaller;

}



/* ######################################################################################################
** ### Inhaltsboxen Zertifikatseite #####################################################################
** ######################################################################################################
*/

.zert_box {
	margin-top:10px;
	width: 100%;
	border:#eaeaea solid thin;
	height:330px;

}

.zert_box_l {
	width: 300px;
	float:left;
	padding:5px;
	font-size:smaller;
	vertical-align:top;
	background-color: #eaeaea;
	height:320px;
}


.zert_box_r {
	width: 340px;
	float:left;
	padding:5px;

	font-size:smaller;

}



/* ######################################################################################################
** ### Formulare				  #######################################################################
** ######################################################################################################
*/

fieldset {
	background:#eaeaea;
	margin:5px;
	padding:10px;
}

label {
	float:left;
	width:10em;
}

} 


/* ######################################################################################################
** ### Suchbegiffe				  #######################################################################
** ######################################################################################################
*/

.se {
	float:right;
	visibility:hidden;
	padding-right:-4000px;

}