@media all
{

.novita {
	font-size: 12px;
	font-family: "Arial Black", Gadget, sans-serif;
	background-color: #FF3;
}

/* Formatierung der Seite */
body { background: #99a; padding: 10px;	}

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

/* Formatierung der Kopfbereiches */
#header { height: 140px; color: #fff; background: #1f1e2e url(yaml_bg.gif) repeat-x top; }
#header img {padding: 48px 0 0 40px; font-size:208%;}

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

#main { background: #fff ; padding: 1em 0; } 

/* linke Spalte */
#col1 {	width: 22.5%; }	
#col1_content { margin-left: 1em; margin-right: 1em; 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: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
}

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

#main { padding-top: 0; }

/* linke Spalte */
#col1 {	width: 22.5%; }	

/* Rechte Spalte */
#col2, #col2_content { display:none; } 

#col3 { margin-left: 22.5%; margin-right: 0; }


#nav_main {
	width:100%;
	float:left;
	color: #fff;
	background: #1f1e2e url("bg.gif") repeat-x bottom;
}

#nav_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin:0;
  padding:0 0 0 50px;
  list-style:none;
}
  
#nav_main li {
  float:left;
  background: #8f8cad url("left.gif") no-repeat top left;
/*  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
  padding: 0 0 0 3px;
  margin: 0;
  border-bottom:1px solid #000;
}

#nav_main a {
  float:left;
  display:block;
  color:#334;
  width:.1em;
  background: transparent;
  background:    url("right.gif") no-repeat top right;
  padding:5px 11px 3px 8px;
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
}

#nav_main > ul a {width:auto;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */

#nav_main li:hover, #nav_main li:hover a { background-position:0% -80px; }
#nav_main li:hover a { background-position:100% -80px; }

#nav_main #current { background-position:top left }
#nav_main #current a { background-position:top right }

#nav_main a:hover { 
    color:#fff;
    background-color: transparent;
    background:    url("right.gif") no-repeat top right;
}

#nav_main #current {
  background-image:    url("left_on.gif");
  border-width:0
}

#nav_main #current a {
  color:#334;
  background-image:     url("right_on.gif");
  font-weight:bold;
  padding-bottom:4px;
  padding-top:5px;
}


	#submenu { 
		width: 100%; 
		overflow: hidden;
		margin: 2.4em 0 1.5em 0; 
		list-style-type: none; 
		border-top: 2px #ddd solid; 
		border-bottom: 2px #ddd solid; 
	}
	
	#submenu a { display:block; text-decoration: none; }
	#submenu li { float:left; width: 100%; margin:0; padding: 0 }

	#submenu li span { 
		display:block; 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#f4f4f4; 
		color: #444; 
		font-weight: bold; 
		border-bottom: 1px #ddd solid;
	}
	
	#submenu li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#fff; 
		color: #444; 
		border-bottom: 1px #eee solid;
	}
	#submenu li a:hover { background-color:#f63; color: #fff; }
	
	#submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#submenu li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		background-color:#f8f8f8; 
		color: #666; 
		border-bottom: 1px #ddd solid; 
	}

	#submenu li ul li a:hover { background-color:#f63; color: #fff; }
	
	#submenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
	
	#submenu li#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu li ul li#active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #fff solid;
	}


#page_margins { font-size: 1.3em; }
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.0em; color: #600; margin: 0 0 0.25em 0; padding-top: 1.5em; border-bottom: 2px #ddd solid; font-weight:bold;}
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }

p.bigFirstLetter:first-letter {
	font-size: 200%;
}


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}


/* ### Bildpositionierung ############################################################################ */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }
img.Framed_float_right { float: right; margin-left: 1em; margin-bottom: 1em; padding:3px; border: 1px #ddd solid; background: #f4f4f4; }
img.Framed_float_left { float: left;  margin-right: 1em; margin-bottom: 1em; padding:3px; border: 1px #ddd solid; background: #f4f4f4; }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */

a, a em.file {color: #900; text-decoration:none}
.LinkRidotto {font-size: 80%}



a:hover {background-color: #fee; text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }

#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left: 12px;
	background-image: url('../../img/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

.subNavArea {
	background-color: #eef;
	border: 1px #ccf solid;
	padding: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}



/* ### Download-Box ################################################################## */

.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 4px #ccd solid;
	text-align: center;
	padding: 4px 0 4px 0;
	margin-bottom: 1em;
}

.bluebox p { padding: 0px 8px 0 8px; }

a.dl_link {
	display: block;
	padding: 0;
	margin: 0.5em auto 0 auto;
	background-image: none;
}

a.dl_link:hover { text-decoration: none; background-color: transparent; }


}


 
.CreatCommons {
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	font-size:9px;
	margin: 0 0 1em 0;
	line-height: 1.5em;
	color: #444;
	background-color: #f8f8f8;
	border: 1px #aca dotted;
	margin-bottom: 0.5em;
	padding: 6px;
	margin-top: 15px;
}

div.adsensek{position:relative;top:0;float:right;margin:0 0 1.0em 1.0em;}

.repetti {
	margin: 15px 20px 5px 250px;
	padding: 5px 10px 5px 25px;
	border: 1px solid #99CCFF;
	border-left: 8px solid #99CCFF;
	background: #DDEEFF url("quote.png") no-repeat top left;
}


	
	* { margin:0; padding:0; font-size: 100%; } 

	html { height: 100% } 
	
	body {
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
		min-height: 101%;
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%;
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative;
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;
	background: #fff;
	text-align: left;
	margin-right: 10px;
	color: #444; font-size: 62.5%; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}
	
	
	
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	#header {position:relative;}

	#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}
	
	#nav { clear:both; width: auto; z-index: 100; }
	#main {	clear:both; width: auto; }
	
	
	#col1 {
		float: left;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col2 {
		float:right; 
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col3
	{
		width:auto;
		margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#footer { clear:both; }	/* Backup für IE-Clearing */
	
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}
	
	#col1_content, #col2_content, #col3_content { position:relative; }


/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix {
	display: block;
	margin-right: 20px;
} 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none } 


/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der 
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}


	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
			
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
	
	
	
	
}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}

@media print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}


#Ads {display: none;}
#menu {display: none;}
#Lingua{display: none;}
#UUU{display: none;}
#ukMenu{display: none;}
#ukMenuLang{display: none;float:none; width: auto; margin: 0; padding: 0; page-break-after:always;}
#scr1 {display: none;}
#col1_content {display: none;}

#footer{display: none;}
#clearfix {
	display: none;
	margin-right: 20px;
}
}