@media all
{

html {height:100%} 

body { 
	min-height:101%;	
    font-size:100.01%; 
    position:relative; 
    color:#000;        
    background:#F1F3FA;
    text-align:left; 
} 

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

#topnav {
	position:relative;
	top:10px;
	right:10px;
	color:#fff;
	background:transparent;
	text-align:right;
}

#nav { 
	clear:both; 
	width:auto; 
	z-index:100;
}

#main {	
	clear:both; 
	width:auto;
	z-index:10;
}

#col1 {
	float: left;
	width: 180px;
}

#col2 {
	float:right; 
	width: 200px;
}

#col3 {
	width:auto;
   	margin-left: 200px;
   	margin-right: 200px;
}

#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, #col2, #col3 { 
	position: relative; 
}

#col1_content, #col2_content, #col3_content { 
	position: relative; 
}

#footer { 
	clear:both; 
	width:auto; 
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: block;
}

.floatbox { 
	overflow:hidden; 
}


hr.clear_columns{	
	content:"."; 
	display:block;  
	height:0; 
	line-height:0; 
	clear:both; 
	float:left; 
	visibility:hidden; 
	border:0; 
	padding:0;
	margin:0;

}

ul, ol, dl { 
	margin: 0 0 1em 0; 
}

#col3_content ul {
	list-style-image:url(icons/raquo_444.gif) !important;
	list-style-image:url(icons/raquo_444_ie.gif);
}

#col1_content ul {
	
	list-style-image:url(icons/raquo_669.gif);
	list-style-image:url(icons/raquo_669_ie.gif);
	margin-bottom:2em !important;
	margin-bottom:1em;
}

li { 
	margin-left:1.05em; 
	line-height:1.4em; 
}

#col1_content ul li.sub {
	list-style-image:url(icons/raquo_669_sub.gif) !important;
	list-style-image:url(icons/raquo_669_sub_ie.gif);
	margin-left:1.9em;
}

dt { 
	font-weight: bold; 
}

dd { 
	margin: 0 0 1em 2em; 
}

blockquote, cite { 
	margin: 0 0 1em 1.5em; 
	font-size: 0.93em; 
	width: auto;
}

}


@media screen, print
{

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

}



@media all
{

body {
	padding: 10px;	
	font-size: small;
}

#page { 
	border: 2px #FFF solid; 
	background: #fff; 
}

#page_margins {
	border: 1px #C3C3C3 solid; 
	min-width: 756px; 
	max-width: 80em; 
	margin:auto;
}


#header { 
	position:relative; 
	height: 120px; 
	color: #fff; 
	background: #FFF url(header_e10.jpg) no-repeat top; 
}

#header img {
	position:absolute; 
	top: 23px; 
	left: 40px; 
	font-size:208%;
}


#footer { 
	color:#888; 
	background:#fff; 
	margin: 1em; 
	padding: 1em 0 0 0; 
	border-top: 1px #C8C8C8 solid; 
	line-height: 2em;}


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


#col1 {	
	width: 22.5%; 
}	

#col1_content {	
	padding-top:1.5em; 
	margin-left: 1.1em; 
	margin-right: 1.1em; 
	color: #750B0B; 
	background:inherit; 
}


#col2 {	
	width: 25%; 
}

#col2_content {	
	padding-top:1.5em; 
	margin-left: 1.1em; 
	margin-right: 1.1em; 
}


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

#col3_content { 
	padding-top:1.5em; 
}

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

#teaser div {
	float:left; 
	width: auto; 
	margin-right: 1em; 
}

#teaser .block1 {
	padding-top:1em;
}

#teaser .block3 {
	width: 45%; 
	padding-top:0.5em;
}

#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.4em 0 0.5em 0; 
}


} 




@media screen
{

#page_margins { 
	width:960px; 
	margin-left:auto;
 	margin-right:auto;
	max-width:inherit;
	min-width:inherit; 
}

#main { 
	margin: 0; 
	padding: 0; 
}

#footer {
	margin:0; 
	padding: 1em; 
	border-color: #C8C8C8; 
}

#main { 
	background: #fff url(content_bg.jpg) repeat-y top left; 
}


#col1 {	
	width: 180px; 
}	

#col3 {
	margin-left: 200px; 
   	margin-right: 240px;
	padding-bottom:15px !important;
	padding-bottom:15px;
}
 
#col3_content {height:1%;}

#col3>#col3_content {height:auto;}

* html #col3_content h4 { margin-top:1.9em; }

#col2 {	
	width: 220px; 
}

} 



@media all
{

#nav_main {
	width:100%;
	float:left;
	color: #fff;
	background: #750B0B url(topnav/bg.gif) repeat-x bottom;
}

#date {
	width:206px;
	float:right;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	display:inline;
}

#flags {
	margin:0;
	padding:0;
	overflow:hidden;
	display:inline;
}

#flags2 {
	margin:0 0 0 68px;
	padding:0;
	text-align:right;
	overflow:hidden;
	display:inline;
}

#nav_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin:0 0 0 179px;
  padding:0;
  list-style:none;
}
  
#nav_main li {
  float:left;
  background: #750B0B url(topnav/left.gif) no-repeat top left;
  padding: 0 0 0 3px;
  margin: 0;
  border-bottom:1px solid #750B0B;
}

#nav_main li.en {
  float:left;
  background: #750B0B url(topnav/left_en.gif) no-repeat top left;
  padding: 0 0 0 3px;
  margin: 0;
  border-bottom:1px solid #750B0B;
}

#nav_main li.de {
  float:left;
  background: #750B0B url(topnav/left_de.gif) no-repeat top left;
  padding: 0 0 0 3px;
  margin: 0;
  border-bottom:1px solid #750B0B;
}

#nav_main a {
  float:left;
  display:block;
  color:#669;
  background: transparent;
  background: url(topnav/right.gif) no-repeat top right;
  padding:5px 13px 3px 10px;
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover { 
    color:#750B0B;
    background-color: transparent;
    background: url(topnav/right.gif) no-repeat top right;
}

#nav_main #current {
  background-image: url(topnav/left_on.gif);
  border-bottom:0;
}

#nav_main #current a {
  color:#750B0B;
  background-image:url(topnav/right_on.gif);
  padding-bottom:4px;
  padding-top:5px;
}


body { 
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 
}

h1,h2,h3,h4 { 
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; 
	display:block; 
}

h1 {
	font-size: 1.1em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin:0.4em 0 0.5em 0; 
	border-bottom: 1px #ccc solid;
}

h2 {
	font-size: 1.0em; 
	font-weight:bold; 
	color: #fff; 
	background-color: #006699;   
	margin:0.2em 0 0.5em 0; 
	padding: 0.3em; 
}

h3 {
	font-size: 1.0em; 
	font-weight:bold; 
	color: #336699; 
	margin:0.4em 0 0.3em 0;
}

h4 {
	font-size: 1.0em; 
	font-weight:bold; 
	color: #750B0B; 
	margin:0.4em 0 0.3em 0; 
	border-bottom: 1px #ccc solid;
	overflow:hidden;
}

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

#col1_content h1 {
	color: #222; 
}

#col1_content h3 { 
	color: #222; 
	border-bottom:1px #ccc solid; 
}

#col2_content h3 { 
	border-bottom: 1px #ccc solid; 
}

p,ul {
	line-height: 1.5em;
}

p {
	line-height: 1.5em; 
	margin: 0 0 1em 0; 
}

p.demo {
	background-color: #fee; 
	border: 1px #fcc solid; 
	padding: 6px; 
	margin-bottom: 0.5em;
}

address {
	font-style:normal;	
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

strong, b { 
	font-weight: bold; 
}

em, i { 
	font-style:italic; 
}

em.mono { 
	font-family: monospace;
	font-style: normal;
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}

em.file { 
	font-family: monospace;
	font-style: normal;
	padding:0 0 0 14px;
	color: #000088;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}

em.directory { 
	font-family: monospace;
	font-style: normal;
	padding:0 0 0 15px;
	color: #000088;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}

code {
	display:block;
	margin: 0 0 1em 1em;
	font-family: monospace;
	font-size: 1em;
	padding: 0.5em;
	color: #000; 
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}

code.css { 
	background-image: url(../../img/bg_css.gif);
    background-repeat: no-repeat;
	background-position: top right;
}

code.xhtml { 
	background-image: url(../../img/bg_xhtml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

blockquote { 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0 0 1em 1em;
}

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

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

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

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

ul.linklist {
	list-style-type: none;
}

ul.linklist li {
	margin:0;
}


img {
	border: 0;
}
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;
}


a, a em.file {
	color: #669; 
	text-decoration:none; 
}

a:hover { 
	color: #750B0B;
	text-decoration:none;
}

#col1_content a:hover {
	color: #750B0B;
	text-decoration:none;
}

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

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

a.dl_link {
	display: block;
	padding: 0;
	margin: 0.5em auto 0 auto;
}

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

#footer a { color: #669; }
#footer a:hover { color: #750B0B; }
/*
#col3 a[href^="http:"], #col3 a[href^="https:"], 
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
	padding-left: 12px;
	background-image: url('../../img/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: left;
}
*/


input, textarea, select {
    width: auto;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #C8C8C8 solid;
    background: #F7F8FD;
	padding: 2px;
	color: #669;
}

.leistungen {
	margin-bottom:20px;
}

.leistungen td {
	padding:1px 3px 2px 5px;
}

.hr {
	background-color:#596B9C;
	color:#FFF;
	font-weight:bold;
}

.r1 {
	 background-color:#F7F8FD;
}

.r2 {
	 background-color:#F1F3FA;
}

.topspace {
	height:30px;
	vertical-align:bottom;
}

.uline {
	text-decoration:underline;
}

#pas {
	width:100%;
	text-align:right;
	padding-top:30px !important;
	padding-top:10px;
	position:relative;
}

}


@media print
{
body * {font-size: 12pt; font-family: "Times New Roman", Times, serif; }
blockquote { font-family: "Times New Roman", Times, serif; }
code.css, code.xhtml, em.file { font-family:"Courier New", Courier, mono;}

h1 {font-size: 16pt; font-weight:bold; color: #336699;  background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}
h2 {font-size: 14pt; font-weight:bold; color: #666; background: inherit;   margin:0.2em 0 0.5em 0; padding: 0.3em; }
h3 {font-size: 12pt; font-weight:bold; margin:0.4em 0 0.3em 0;}

/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 { page-break-after:avoid; }

abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

/* Sichtbare Auszeichnung der URLs von Links */
#col3 a[href^="http:"], #col3 a[href^="https:"], 
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
	padding-left: 0;
	background-image: none;
}

a[href]:after {
 content:" <URL: "attr(href)">";
 color:#444;
 background-color:inherit;
 font-style:italic;
} 

/* Umformatierung der Layoutboxen */
body {margin:0; padding: 0;}
#page_margins, #page {min-width: inherit; margin:0; padding: 0; border: 0; } 
#topnav {display: none;}

#header {height: auto;}
#header img {position:relative; top:0; left:0;}
#nav_main {display:none;}
#teaser { margin: 1em 0 0 0; padding: 0; border:0; }

#main {margin: 0; padding: 0;}

#col1 {display:none;}
#col1_content {display:none;}

#col2 {display:none;}
#col2_content {display:none;}

#col3 { margin:0; padding: 0; border:0; }
#col3_content {margin:0; padding: 0; border:0; }

#pas {display:none;}

#footer {display: none;}

}