@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.0.4 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 138 $ $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $ */
@media all
{
  html * { font-size: 100.01% }
  
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%; /* ACHTUNG: entspricht 10px (standardmaessig 12px) */
    color: #333;  
  }

  /* p { line-height: 1.5em; margin: 0 0 1em 0; } */
  p { margin: 0 0 1.5em 0; }
  #col2 p { line-height: 1.4em; }
  
  
 
  
   /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0 }
  ul li { margin-left: 0.5em; line-height: 1.5em; list-style-type: none;}
  ol li { margin-left: 1.6em; line-height: 1.5em; list-style-type: square;}

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }


  /* ### text formatting | Textauszeichnung ### */

 

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }
  
  .margintop {
  	margin-top: 1em;
  }

  .float_left { 
  		float: left; 
		display:inline; 
		padding-right: 2em;
		font-size: 0.9em;
	}
	
	.float_right { 
  		float: right; 
		display:inline; 
		padding-left:2em; 
		font-size: 0.9em;
	}	
	
   .float_left img, .float_right img { 
   		display: block;
		margin-bottom: 0.4em;
	}
	
  
	
  .center { text-align:center; margin: 0.5em auto }

  
  /* ### Links ### */

  a {
	text-decoration: none;
	color: #a50008;
  }
  a:hover {
	text-decoration: underline;
	color: #fd000d !important;
  }
  a:focus {
	background-color: #ff9;
  }
  
  .backlink a {
	font-size: 0.9em;
  }
  

  
  /* ### Tabellen ### */

  table.defaulttable { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }
  

  hr {
    color: #fff;
    background:transparent;
    padding: 0 !important;
    margin: 0 !important;
    border:0;
    border-bottom: 1px #cecdcf solid;
	height: 0;
  }
  
  .floatbox {
  	 border-top: 1px #cecdcf solid;
  }
  
  .floatbox h3 {
  	 margin: 0.8em 0 0 0 !important;
  }
  
  #news h2 {
 	 margin: 0.7em 0 0.1em 0 !important;
	 font-size: 1em !important;
  }
  
  
  
 /* ### Footer ### */

  #footer a {
	color: #585858;
	padding-left: 2em;
  }

  #footer a.footer_print {
	padding-left: 8em;
  }

  #footer a.footer_print img {
	width: 1em;
	height: 1em;
  }

  #footer a:hover {
	color: #fd000d;
	text-decoration: underline;
  }

  #footer_print_only {
	margin-left: 300px;
  }


  
  
 /* ************* ZEIX ********* */
  
  
  
/* ************* Allgemeines ********* */
.hidden {
	position: absolute;
	top: -1000px;
	left: -1000px;
}

br.clear {
	clear: both;
}

div.clear {
	clear: both;
	width: 1px;
	height: 1px;
	font-size: 1px;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 1px;
}

.icon {
	padding-right: 0.3em !important;
	vertical-align: baseline; /*sub;*/
	border: none !important;
}
  

/* ************* Breadcrumb ********* */

#breadcrumb {
	font-size: 0.9em;
	margin-bottom: 2em;
}

#breadcrumb a {
	text-decoration: underline;
}

#breadcrumb a:hover {
	text-decoration: none;
	color: #fd000d;	
}

.delimiter-breadcrumb {
	margin: 0 0.3em;
}


/* ************* Links ********* */

#toplink {
	clear: both;
	margin: 5em 0 0 0;
	text-align: right;
	font-size: 0.9em;
}

#toplink img {
	padding-left: 1.3em;
	vertical-align: top;
}


.backlink img {
   padding-right:0.9em;
   vertical-align:middle;
}



/* ************* Col2 ********* */

#col2 h2 {
	font-size: 1.1em;
	background-color: #e3e5e6;
	border-bottom: 0.1em solid #fff;
	padding: 0.3em 0.5em;
	margin: 0;
}

#col2 h2.dark {
	background-color: #cce1e8;
}

#col2 p {
	background-color: #f4f5f5;
	border-bottom: 0.1em solid #fff;
	padding: 0.3em 0.5em;
	margin: 0;
	font-size: 1.1em;
}

#col2 a {
	text-decoration: underline;
}

#col2 a:hover {
	text-decoration: none;
}

#col2 p.dark {
	background-color: #e5f0f3;
}

#col2 p.link {
	padding-left: 2.3em;
	text-indent: -1.8em !important;
}

#col2 img {
	margin: 0;
	padding: 0;
	border-bottom: 0.1em solid #fff;
}

/* ************* Col3 ********* */


#col3 h1 {
	font-size: 1.25em;
	margin: 0 0 1.5em 0 !important;
	padding: 0 !important;
}

#col3 h2 {
	/*padding: 0.7em 0 0.1em 0;*/
	font-size: 1.1em;
	margin:1.8em 0pt 1.5em;
}

#col3 h3 {
	margin: 1.7em 0 0 0;
}


#col3 a {
	text-decoration: underline;
}

#col3 a:hover  {
	text-decoration: none;
}

#col3 .white { 
	color: #ffffff;
}

.col3_logo {
	border-right: 0 !important;
	padding: 30px 30px 10px 30px !important;
	width: 580px !important;
	font-size:1.2em;
}

.col3_logo .back {
	width: 100%; 
	text-align: right; 
	display: block;
	margin-top: 10px;
	
}

.col3_logo .back img {
	padding-right: 1em;
}


.footer_logo {
	border-top:0 !important;
}


/* Tabellen */

#col3 table.defaulttable {
	margin-bottom: 2em;
	margin-top: 0.5em;
}

#col3 table.contacttable { 
  	width: 100%; 
	margin-bottom: 0;
}

#col3 table.defaulttable th {
	background-color: #d9d9d9;
	border-right: 0.1em solid #fff;
	vertical-align: top;
	text-align: left;
	padding: 0.3em 1.5em 0.3em 0.3em;
}

#col3 table.defaulttable td {
	background-color: #efefef;
	border-right: 0.1em solid #fff;
	padding: 0.1em 1.5em 0.1em 0.3em;
	vertical-align: top;
}

#col3 table.defaulttable tr.stripe1 td {
	background-color: #fff !important;
}

#col3 table.defaulttable tr.stripe2 td {
	background-color: #f4f5f5 !important;
}

caption {
	display: none;
	position: absolute;
	top: -1000px;
	left: -1000px;
}




/* Reiterbox */

.flagbox .header ul {
	margin: 0 !important;
	padding: 0 !important;
	background-image: url(bg_ul_flagbox.gif);
	background-position: bottom right;
	background-repeat: repeat-x;
	height: 2.05em;
	line-height: 1.3em;
}

html:first-child>*:first-child+body .flagbox .header ul {
	line-height: 1.4em; /* Opera-Hack! */
}


.flagbox .header li {
	list-style: none !important;
	margin: 0 !important; 
	padding: 0 !important;
	float: left;
}

.flagbox .header a {
	list-style: none !important;
	float: left;
	display: block;
	margin: 0 2px 0 0 !important;
	padding: 0.16em 0.5em !important;
	background-color: #e3e5e6;
	border: 1px solid #E3E5E6;
	color: #333;
	text-decoration: none !important;
	z-index: 10;
}

.flagbox .header li.active a {
	border-top: 1px solid #E3E5E6;
	border-right: 1px solid #E3E5E6;
	border-left: 1px solid #E3E5E6;
	border-bottom: 2px solid #fff;
	background-color: #fff;
	font-weight: bold;
}


.flagbox .header a:hover {
	text-decoration: underline !important;
	color: #a50008;
	background-color: #fff;
}

.flagbox .body {
	padding: 1.3em;
	border-left: 1px solid #E3E5E6;
	border-right: 1px solid #E3E5E6;
	border-bottom: 1px solid #E3E5E6;
	margin-bottom:2em;
	z-index: 0;
}

.flagbox td {
	background-color:#fff !important;
	vertical-align: top;
}







/* Teaser auf der Startseite/Folgeseite */

.teaser {
	
}

.teaser .lft {
	width: 48%;
	float: left;
}

.teaser .rgt {
	width: 48%;
	float: left;
	margin-left: 3%;
}

.teaser .row {
	padding: 0.6em 0 1.1em 0;
	margin: 0;
	border-top: 1px solid #CECDCF;
}

.teaser .row.notopline {
	border: 0;
}

.teaser .bottomline {
	border-bottom: 0.1em solid #CECDCF;
}

.teaser h2, .teaser h3  {
	padding: 0 !important;
	margin: 0 0 0.3em 0 !important;
}

.teaser h2 a, .teaser h3 a {
	color: #444;
	text-decoration: underline;	
}

.teaser h2 a:hover, .teaser h3 a:hover {
	color: #fd000d;
	text-decoration: none  !important;
}

.teaser p {
	margin: 0 !important;
	padding: 0 !important;
}

.teaser p.date {
	margin: 0 !important;
	padding: 0.5em 0 0.3em 0;
	color: #4c4c4c;
	font-size: 0.9em !important;
}

.teaser a img {
	padding: 0 0.4em;
}


/* Contentteaser */

.contentteaser {
	background-color: #fff;
	border-top: 1px solid #cecdcf; 	
	margin: 1em 0;
	display: block;
	overflow: hidden;
}

.contentteaser h2, .contentteaser h3  {
	padding: 0 !important;
	margin: 0 0 0.3em 0 !important;
}


.contentteaser h3 {
	line-height: 1em;
}

.contentteaser li {
	border-bottom: 1px solid #cecdcf;
	padding: 0.8em 0;
	margin: 0;
	list-style-type: none !important;
}

.contentteaser p {
	margin: 0 !important;
	padding: 0 !important;
	line-height:1.4em;
}

.contentteaser a {
	color: #333 !important;
}

.contentteaser a:hover {
	color: #fd000d !important;
	text-decoration: none !important;
}

.contentteaser .teaserimage {
	padding: 0 0.3em;
	float: right;
}

.contentteaser.blue {
	background-color: #F2F6FA;
	border-top: 1px solid #CCE1E8; 
	margin: 0.9em 0 2em 0;
}

.contentteaser.blue li {
	border-bottom: 1px solid #CCE1E8; 
	padding:0.8em 0;
}

.contentteaser.blue .teaserblue img {
	float: left;
	margin: 0 0.9em 0 0.4em;
}



/* Infobox */
.infobox {
	border-right: 0.1em solid #E3E5E6;
	border-bottom: 0.1em solid #E3E5E6;
	border-left: 0.1em solid #E3E5E6;
	margin-bottom: 2em;
}

.infobox h2 {
	background-color: #F4F5F5;
	border-top: 1px solid #E3E5E6;
	border-bottom: 1px solid #E3E5E6;
	padding: 0.2em 0 0.2em 0.1em;
	margin: 0;
}

.infobox h3 {
	width: 16em;
	float: left;
	margin: 0 !important;
	padding: 0 0 0 0.1em !important;
}

.infobox h4 {
	clear: both;
	font-size: 1.2em;
	padding-left: 16.1em;
	margin: 0;
}

.infobox dl {
	font-size: 1.2em;
	float: left;
	margin: 0;
	padding: 0 0 1.5em 0;
}

.infobox .bottomline {
	clear: both;
	border-top: 1px solid #E3E5E6;
}

.infobox dl.shiftleft {
	margin-left: 16em;
}	

.infobox dt {
	margin: 0;
	padding: 0;
	float: left;	
	width: 20em;
}

.infobox dd {	
	padding-left: 1em;
	padding: 0;;
}


/* Bildplazierung */

.contentimage {
	padding-top: 0.3em;
}

.contentimage img {
	border: 0.1em solid #8D8C90;
}

.contentimage p {
	font-size: 1.1em !important;
	margin: 0;
	padding: 0.4em 0 0 0;
}


.contentimage.toright {
	float: right;
	padding-left: 2em;
	padding-bottom: 2em;
}

.contentimage img.upright {
	width: 18em;
	height: 24em;
}

.contentimage img.landscape {
	width: 24em;
	height: 18em;
}

/* Link-Liste */
p.link {
	margin: 0 !important;
	padding-left: 2.3em;
	text-indent: -1.8em !important;
	line-height: 1.5em;
}

p.link img {
	padding-right: 0.6em;
	vertical-align: baseline;
}


/* ajax activity */
#ajax-activity {
	width: 100%;
	text-align: center;
}

#ajax-activity img {
	vertical-align: middle;
	margin-right: 0.5em;
}


#mylogin {
	width: 100%;
	
}

}