@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:.8em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#col1{float:left;width:200px}
#col2{float:right;width:200px}
#col3{width:auto;margin:0 200px}
#col1_content,#col2_content,#col3_content{position:relative}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
}
    
    /* ################## 04_yaml/yaml/core/slim_print_base.css  ################### */
/* ###################           slim Print base           ############################################ */
@media print {
body{font-size:10pt}
html{height:auto;margin-bottom:0}
#topnav,#nav,#search{display:none}
body a[href^="http:"],body a[href^="https:"]{padding-left:0;background-image:none}
.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r{width:100%;margin:0;padding:0;float:none!important;overflow:visible;display:table!important}
.subc,.subcl,.subcr{margin:0;padding:0}
.print{position:static;left:0}
.noprint{display:none!important}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
}
/* ################################         basemod.css              #############################  */
@media screen,projection{
body{height:100.5%; padding:0px 0; padding-bottom:0px; text-align:center;
background:black url(fileadmin/05_templates/images/hintergrund.png) repeat-x; }
.page_margins{background-color:#000000;  text-align:left; margin:0 auto; width:950px;}
.page{padding:0px; padding-top:0px; width:100%;}

#firstrow{width:243px; height:185px;background:black !important; }
#tools{position:absolute; top:0px; left:0px; z-index:5;}

#main_bg{}
#page_bg{}


/* //////////////////////       H E A D E R       //////////////////////////////////  */

#header h1{font-weight:bold; font-size:2.5em; letter-spacing:-2px; line-height:65%; color:#000;}
#header span{color:#999; }
#header{color:#000; padding:45px 2em 1em 20px;}
#header{padding: 0; /*margin-left:3px;*/
position:relative; z-index:1; background:url(fileadmin/05_templates/images/header.jpg);
}
#logo {position:absolute;right:-10px;top:-27px;margin-right:0px;z-index:3;}
#header_bg {position:absolute; margin-top:0px;top:0px;margin-left:15px;
width:auto; z-index: 1;}
#claim {position: absolute; left: 212px;top: 120px; z-index: 10; color: white; font-size: 20px;}

#header_login{position:absolute;z-index: 30; right:300px; float:right; width:450px; top:8px;}
#header_login .user{float:left;}
#header_login .password{}
#header_login .submit{}
#header_login .bez{float:left; background:#eeeeee; padding:3px;}
#header_login .username{padding:3px; padding-left:50px;}

#date {position:absolute;padding-right:30px;background-color:black;right:10px; z-index:600;}
#language{position:absolute;top:240px;right:70px; z-index:610;}
#language a{margin-right:5px;}


/* //////////////////////            B O D Y            //////////////////////////////////  */
ul li{color:white; margin-left:25px; list-style-type:square !important;}


#main a, #main a:visited{color:white;}

#main{position:relative; padding:0px; padding-top:0px; margin-top:0px; background:#8E2B01 url(fileadmin/05_templates/images/main_bg.png);}
#col1 {z-index:200 !important; display:block !important; width:181px; border:solid 0px transparent; border-top:none; position:relative; }

#col1_content{display:none; width:105px;}
#col2{ margin-right:0px;margin-top:0px;  position:relative; padding-bottom:20px; top:0px;right:0px; width: 181px; height:auto; min-height:300px; }
#col2_content{padding:0px;}
#col3{margin-left:181px; margin-right:181px; position:relative; z-index:100 !important; border-left:15px solid black; border-right:15px solid #000000 !important;}

#col3 .first_content{ border-bottom:dotted 1px white; margin-bottom:15px; }
#col3 .std_content{ border-bottom:dotted 1px white; margin-bottom:15px; }

img.sponsoren_links {padding-left:10px;width:140px;}
.sponsoren_links{padding-top:10px;}


#nav{background-color:black;}
#cssVertical_l3{width:181px; }
#cssVertical_l3 a{text-decoration:none !important;}
#cssVertical_l3 a:hover{text-decoration:underline !important;}


.sponsoren_links .title{text-align:center; }
.sponsoren_links .title h3{padding:0px !important; margin-top:15px;}
.sponsoren_links .title a{font-size:11px;}


ul.innerfade li{left:0px; top:0px;}
ul.innerfade{width:558px; overflow:hidden; top:0px;}

.csc-frame-invisible{overflow:hidden;}

/* //////////////////////           F O O T E R           //////////////////////////////////  */

#dipool{position:absolute; padding-top:10px; padding-bottom:10px; right:10px;}

}

/* ////////////////////////    Layout Variants        /////////////////////////// */

@media screen, projection
{
  body, html { height: 100% !important; padding: 0;}

  .page_margins {
  position:relative !important;
  min-height:100%; /* real browsers */
  height: auto !important;
  }
  * html .page_margins { height:100% !important; }

  /* allocate space for footer ... */
  .page { padding-bottom: 70px; }


  #footer {
    position:relative !important;
    width: 900px;
    margin: 0 auto;
    /* move #footer to its position ... */
    margin: -70px auto 0;

    background: #fff;
    border: 0 none;
    padding: 0;
  }

  #footer_content {
    text-align: left;
    color:#666;
    padding: 10px 20px;
    border-top: 5px #efefef solid;
    margin: 0 10px;
  }
}


/* Suchfunktion */
#nav_main { float: left; width: 78%; }
.suchfeld { float: right; }
.suchfeld input { margin: 2px; height: 20px; border: 1px solid #cccccc; float: left; padding: 0;}
.suchfeld .absendebutton { height: 22px; }
.tx-indexedsearch-searchbox, .tx-indexedsearch-whatis { color: #ffffff; }
.tx-indexedsearch td, .tx-indexedsearch tr { background-color: #8E2E0C !important; }
.tx-indexedsearch td:hover, .tx-indexedsearch tr:hover { background-color: #8E2E0C !important; }
.tx-indexedsearch-res table { margin: 0; padding: 0;}
.tx-indexedsearch-res table { color: #ffffff; border: 1px dotted #ffffff; }
.tx-indexedsearch-res .title { font-weight: bold; font-size: 14px;}
.tx-indexedsearch-redMarkup { color: #ff9900; }
.tx-indexedsearch input { border: 1px solid #cccccc; }
.tx-indexedsearch-browsebox ul.browsebox { margin: 0; padding: 0; height: 20px; }
.tx-indexedsearch-browsebox li { list-style-type: none !important; float: left; }
/* Suchfunktion */
/* ##################      yamlbased content definitions: /05_templates/css/content/content_yaml.css         ###################### */
@media all
{
  html * { font-size: 100.01%; }

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  body {font-family:  Helvetica, Arial, sans-serif; font-size: 75.00%; color: #ffffff;}
  h1,h2,h3,h4,h5,h6 {font-family:Helvetica, Arial, sans-serif !important; font-weight:bold; color:#ffffff; margin: 0 0 0.25em 0; width:auto;}
  h1{font-family:african; color:#ffffff;font-weight:lighter; background:#461600; border-bottom: solid black 2px;border-top:solid #8e2b01 3px;padding-left:18px;}	
  h2{padding-top:5px;color:#ffffff !important; font-weight:lighter !important;padding-left:38px !important;background:#461600 !important; border-bottom: solid black 2px !important;border-top:solid #8e2b01 3px !important;padding-left:20px  !important;padding-bottom:5px !important;}
  h3 {color:#ffffff !important;;font-size:17px!important;padding-left:30px!important;padding-top:10px!important;}
  h1 { font-size: 210.5%;} 			/* 30px */
  h2 { font-size: 150%; }                       /* 24px */
  h3 { font-size: 120%; }                       /* 18px */
  h4 { font-size: 113.33%; }                    /* 16px */
  h5 { font-size: 106.67%; }                    /* 14px */
  h6 { font-size: 106.67%; }                    /* 14px */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }
  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }
  li { margin-left: 0.8em; line-height: 1.5em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  p { line-height: 1.5em; margin: 0 0 1em 0; color:#ffffff; padding-left:15px;padding-right:15px;}

  blockquote, cite,q {font-family: Georgia, "Times New Roman", Times, serif;  font-style:italic;}
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

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

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {border-bottom: 1px #aaa dotted;  font-variant: small-caps; letter-spacing: .07em;  cursor: help;}

  sub, sup { font-size: 91.6667%; }

  hr {color: #fff;  background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #eee solid;}
  
  a { color: #ffffff ; background:transparent; text-decoration:underline!important;}
  a:visited  { color: #ffffff; }
  a:focus,a:hover,a:active { color:#ffffff; text-decoration:underline ; }

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }
  p.icaption_left img,p.icaption_right img { padding:0; border: 1px #888 solid; }
  p.icaption_left strong,p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

  .highlight { color: #f60; }
  .dimmed { color: #888; }
  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }
  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td {}
  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */
}

/* ##################  css_styled_content: /05_templates/css/content/csc.css         ###################### */
@media all { 
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for t3extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {float:left; display:inline;}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border:1px solid black; padding:0px 0px;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;} /* FE-Editing Icons */
DL.csc-textpic-image {margin:0;}
DL.csc-textpic-image DT {margin:0; display:inline;}
DL.csc-textpic-image DD {margin: 0;}
/* Clearer */
DIV.csc-textpic-clear {clear:both;} 
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:10px;
	padding-left:0px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;padding-right:15px;padding-top:35px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;font-family:inherit;font-size:12px;font-style:normal;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:5px; display:block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {margin-left:-10px;}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0px !important;}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right:10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left:10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {clear:both;}
/* Center (above or below) */
DIV.csc-textpic-center {text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */

}

/* ##################   own content definitions: /05_templates/css/content/content_own.css         ###################### */
@media all { 
#col1_content form select {margin-bottom:1em; width:100%;} /* Content element "table" */ 
table.contenttable {font-size:1em; width:100%; margin:0;  border-collapse:collapse; empty-cells:show;} 
table.contenttable caption {text-align:left; font-weight:bold; color:#888; margin-bottom:0.2em;}
table.contenttable th {width:200px; height:2.0em; background:#772300; color:white; padding:0px; padding-top:3px;} 
table.contenttable tr.tr-odd {background: #eee;} 
table.contenttable tr.tr-even {background: #e3e3e3;} 
/*
table.contenttable td {height:3.0em; padding:0px; padding-top:3px; text-align:left; font-weight:normal}
*/ 
table.contenttable td {padding: 0px; padding-top:3px; border-bottom: solid white 1px !important;}
table.contenttable p{margin-bottom:2px !important; line-height:1em;}
table tbody.contenttable td {padding: 0.5em;border-bottom: solid white 1px !important;} 
.tx-newloginbox-pi1 thead th, .tx-newloginbox-pi1 th {background:none; padding:0; color:#222;} 
.tx-newloginbox-pi1 input {margin:0;} 
.csc-textpicHeader h3 {margin:0em 0 0.3em 0; padding-top:0;} 

input, textarea {padding:2px;padding-left:10px;margin:5px;margin-left:0px;width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif;background:#fafafa; color:#461600;}
input[type=text]:focus, textarea:focus {background:#ffffff; color:#333;} 
img {} p.csc-linkToTop {text-align:right; margin:0;} 
p.csc-form-label-req {font-weight:bold;} 
.csc-caption {font-size:0.9em; background-color:#E0E7F5; padding:2px;} 
dd.csc-textpic-caption {font-style:italic; font-size:0.9em; color:white; background-color:#461600; padding:0; padding-left:5px;} /* SEO Header */ 
h1.G { /* only h1 is grafical */ letter-spacing: -0.00em; text-indent: -999em; background-color:#461600!important;}
h2.G { /* only h1 is grafical */ letter-spacing: -0.00em; text-indent: -999em; margin-top:20px;} 
table.contenttable{
	border-collapse:separate;
}

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#772300;}
  tbody tr:hover td { background:#772300;}

}


#mailform label {

	display: block;

	float: left;
	
	color:#ffffff;
	
	padding-left:16px;
	
	margin-top:10px;
	
	width:90px;

}

#mailform input {

	width: 160px;

	float:left;
	
	padding-left:0px;
}

#mailform textarea{

	width: 290px;

	float:right;

	clear: right;
;
}

select#mailformessen {

	width: 150px;

	float: right;

}


.csc-mailform{width:277px;padding-top:10px;}


.csc-mailform-field {
clear:both;
height:auto;
width:100%;}

#mailformformtype_mail{margin-left:170px;margin-top:16px;width:100px!important;}

#mailformIhre_Nachricht{width:160px!important;padding-left:0px!important;}




/* ######################### /content/flex/references/flex/hnp.css ######################### */

@media screen, projection {
.hnp_ref{width:751px; border:solid 0px #eeeeee;}
.hnp_ref .small_img{float:left; }
.hnp_ref .textArea {margin-left:10px; margin-right:10px; position:relative; padding-right:10px; overflow:auto; width:339px; height:251px; float:left;}
.hnp_ref .textArea2col { margin-left:10px; margin-right:10px; position:relative; padding-right:10px; overflow:auto; width:636px; height:251px; float:left; }
.hnp_ref .textArea{}
.hnp_ref .textArea h1{}
.hnp_ref .textArea .text{}
.hnp_ref .textArea .expose{}
.hnp_ref .bigImg{}
.hnp_ref .gallLink{}
.hnp_ref .gallLink a{margin-left: 430px; border:dotted 1px #cccccc; padding:3px; padding-left:6px; width:100px; display:block; margin-top:10px; clear:both;}
.hnp_ref .gallLink a:hover{background:#eeeeee;}
}
/* ###################  BERSICHTS BOXEN content/flex/sneakBoxes/hnp.css  ##############################*/ 
@media screen,projection{
.co_divbox{margin-left:-10px; } 
.co_divbox .co_menu{width:139px; height:315px; margin-left:10px; margin-bottom:15px;margin-top:0px; padding:0px;float:left;color:#993300; } 
.co_divbox .co_menu a p{height:150px; line-height:1.2em; font-size:0.9em; padding:10px; background:url("fileadmin/05_templates/images/home_gradient.jpg");} 
.co_divbox .co_menu h2{margin:0px; } 
.co_divbox .co_menu .link a,.co_menu .link a:link,.co_menu .link a:visited,.co_menu .link a:active{display:block;  font-weight:bold; margin-top:0px; margin-left:6px;text-decoration:underline;; background:transparent; padding-left:0px;overflow:hidden;} 
.co_divbox .co_menu  a:hover p{color:gray; text-decoration:underline !important; } 
}
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	color: #444;
}
textarea, pre, code, kbd, samp, var, tt {
	font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
/*--- Überschriften ------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #222;
	margin: 0 0 0.25em 0;
}
h3{margin:0px;}
h1 {
	font-size: 250%;
}
/* 30px */
h2 {
	font-size: 200%;
}
/* 24px */
h3 {
	font-size: 150%;
}
/* 18px */
h4 {
	font-size: 133.33%;
}
/* 16px */
h5 {
	font-size: 116.67%;
}
/* 14px */
h6 {
	font-size: 116.67%;
}
/* 14px */
/* ---  Listen  -------------------------------------------------------------------------------- */
ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}
ul li {
	list-style-type: disc;
}
ul ul li {
	list-style-type: circle;
}
ol li {
	list-style-type: decimal;
}
ol ol li {
	list-style-type: lower-latin;
}
li {
	margin-left: 0.8em;
	line-height: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0.8em;
}
/* RTE: Listen   ul.csc-bulletlist-1 {
	padding-left: 1.5em;
}
ul.csc-bulletlist-2 {
	list-style: none;
}
ul.csc-bulletlist-2 li {
	background: url("../../images/bullet-big.gif") no-repeat 0.1em 0.5em;
	margin-left: 0;
	padding-left: 1.4em;
}
ul.csc-bulletlist-3 {
	list-style: none;
}
ul.csc-bulletlist-3 li {
	background: url("../../images/bullet-big.gif") no-repeat 0.1em 0.5em;
	margin-left: 0;
	margin-bottom: 0.5em;
	text-indent: 1.4em;
}
*/
/* --- Allgemeine Textauszeichnung --------------------------------------------------------------- */
p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
.kleinertext {
	font-size: 0.8em;
	line-height: 1.2em;
}
.grossertext {
	font-size: 1.4em;
	line-height: 1.4em;
}
blockquote, cite, q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote {
	margin: 0 0 1em 1.6em;
	color: #666;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre, code {
	color: #800;
}
pre {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
kbd, samp, var {
	color: #666;
}
var {
	font-style: italic;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	letter-spacing: .07em;
	cursor: help;
}
sub, sup {
	font-size: 91.6667%;
}
hr {
	color: #fff;
	background: transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border: 0;
	border-bottom: 1px #eee solid;
}
.rulerbefore {
	border-top: 1px solid #999;
	padding-top: 0.5em;
	margin-top: 1.5em;
}
.rulerafter {
	border-bottom: 1px solid #999;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}
/*--- Links ----------------------------------------------------------------------------------------- */

.title h3 a {}
a {
	color: black;
	background: transparent;
	text-decoration: none;
}
a:visited {
	color: black;
}
a:focus,  a:hover,  a:active {
	color: black;
	text-decoration: underline;
}
/* --- * (de) Standardklassen zur Positionierung und Hervorhebung ----------------------------------- */
.highlight {
	color: #f60;
}
.dimmed {
	color: #888;
}
.info {
	background: #f8f8f8;
	color: #666;
	padding: 10px;
	margin-bottom: 0.5em;
	font-size: 91.7%;
}
.note {
	background: #efe;
	color: #040;
	border: 1px #484 solid;
	padding: 10px;
	margin-bottom: 1em;
}
.important {
	background: #ffe;
	color: #440;
	border: 2px #884 solid;
	padding: 10px;
	margin-bottom: 1em;
}
.warning {
	background: #fee;
	color: #400;
	border: 2px #844 solid;
	padding: 10px;
	margin-bottom: 1em;
}
.frame {
	border: 2px solid #999;
	padding: 10px;
	margin-bottom: 1em;
}
.align-center {
	display: block;
	text-align: center;
	margin: 0.5em auto;
}
.align-left {
	display: block;
	text-align: left;
	margin: 0.5em auto;
}
.align-right {
	display: block;
	text-align: right;
	margin: 0.5em auto;
}
.align-justify{
	display: block;
	text-align: justify;
	margin: 0.5em auto;
}
/* --- * (de) Tabellen ------------------------------------------------------------------------------- */


th,td{padding:0.5em; vertical-align:top; font-size:12px;}
table.variante1{border:solid 1px #73bc50}

/* ####################################################### BASE CONFIG ##########################################################*/
#nav{background:black; position:relative; height:60px;left:0;padding-top:10px;width:100%;z-index:500;}
#nav a{font-family:verdana;  color:black; letter-spacing:-0.00em;font-weight:bold;font-size:100%;                  text-indent:-999em;overflow:hidden;color:#FFFFFF;width:auto;display:block;}
#nav ul#navInner,ul#navInner ul{color:black;margin:0pt;padding:0pt;border:solid 0px red;}
#nav ul#navInner li{list-style-image:inherit;list-style-position:outside;list-style-type:none;position:relative;margin-left:0px;margin-top:0px;   display:inline;color:black; letter-spacing:-0.00em; float:left;border:solid 0px blue;}
#nav ul#navInner li:hover ul ul,#nav ul#navInner li:hover ul ul ul,#nav ul#navInner li.over ul ul,#nav ul#navInner li.over ul ul ul{display:none;}
#nav ul#navInner li:hover ul,#nav ul#navInner li.over ul{display:block;}


/* #########################  nav/cssVertical/l3/hnp.css ########################### */
@media all{
#cssVertical_l3
	{ /* (en) containing floats in IE */
	width:181px; 
	overflow:hidden;
	/* (en) containing floats in all other browsers */
	float:left;
	background:transparent; 
	border-bottom:0px #333 solid; 
	line-height:0;
	min-height:500px;
	}
	
#cssVertical_l3 a:hover{text-decoration:underline;}	
/************************* LEVEL I         **************/
#cssVertical_l3 ul
	{/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
	display:inline; 
	overflow:hidden; 
	width:178px; 
	float:left; 
	margin:0;
	margin-left:0px;
	margin-right: 5px;    
	padding:0;  
	}

#cssVertical_l3 ul li
	{display:inline; 
	float:left; 
	font-size:1.2em; 
	line-height:1em; 
	list-style-type:none; 
	margin:0; 
	padding:0;
	width:100%;
	
	}

#cssVertical_l3 ul li a,
#cssVertical_l3 ul li strong
	{ 
	color:#ffffff; display:block; 
	font-size:1em; 
	font-weight:normal; 
	margin:0; 
	padding:0.4em 12px 0.4em 12px; 
	text-decoration:none; 
	width:99%; 
	border-top: solid black 1px; 
	line-height:20px;
	background-color:#8e2b01;
	
	}

#cssVertical_l3 ul li a:active
	{color:#ffffff; 
	text-decoration:underline; 
	background-color:#461600; 
	 
	}

#cssVertical_l3 ul li #current
	{
	/* (en) Repeat the main color from the image */
	/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
	font-weight:normal;
	
	}

#cssVertical_l3 ul li.current strong,
#cssVertical_l3 ul li.current a,
#cssVertical_l3 ul li.current a:active
	{ color:#c7b601;
	  
	
	text-decoration:underline;
	background-color:#461600;
	}

#cssVertical_l3 ul li #act_has_sub strong,
#cssVertical_l3 ul li #act_has_sub a,
#cssVertical_l3 ul li #cssVertical_l3 ul li #act_has_sub a:active
	{color:#f28e00; 
	text-decoration:underline; 
	
	
	}
/***************** LEVEL II        *************************/
#cssVertical_l3 ul ul{
	/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
	display:inline; 
	border-top:none; 
	overflow:hidden; 
	width:180px; 
	float:left; 
	margin:0;
	margin-left:0px; 
	padding:0;
	list-style:disc;
	}

#cssVertical_l3 ul ul li
	{display:inline; 
	float:left; 
	font-size:0.9em; 
	line-height:1em; 
	list-style-type:none; 
	margin:0;
	width:100%;
	}

#cssVertical_l3 ul ul li a,
#cssVertical_l3 ul ul li strong
	{ 
	color:#ffffff; 
	display:block; 
	font-size:1em; 
	font-weight:normal; 
	margin:0; 
	padding:0.4em; 
	padding-left:13px;
	text-decoration:none; 
	width:85%;
	padding-left:27px;
	border-top: solid black 1px;
	background-color:#8e2b01; 
	}

#cssVertical_l3 ul ul li a:active
	{color:#f28e00; text-decoration:none;   }

#cssVertical_l3 ul ul li.current{font-weight:bold;}
#cssVertical_l3 ul ul li.current strong,
#cssVertical_l3 ul ul li.current a,
#cssVertical_l3 ul ul li.current a:active
	{color:#c7b700; 
	text-decoration:underline;
	background-color:#461600;
	padding-left:27px;
	
	}
}
	@media all{
/* ###############################          Nav Horiz   css/nav/cssHoriz/l1/fromDir/withSeparators_hnp_small.css         ############################################## */
#css_horiz_l1_fromDir_withSeparators_hnp_small{height:15px;left:0;position:absolute;top:10px;color:black;}
#css_horiz_l1_fromDir_withSeparators_hnp_small ul{margin:0; padding:0;}
#css_horiz_l1_fromDir_withSeparators_hnp_small ul li{font-family:arial,helvetica,sans-serif;border:none;
/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
display:inline;float:left; list-style-type:none;margin:0; padding:0; line-height:1em;}
#css_horiz_l1_fromDir_withSeparators_hnp_small ul li#kontakt{position:absolute; right:0 }
#css_horiz_l1_fromDir_withSeparators_hnp_small ul li.li_act a{color:#000000;}
#css_horiz_l1_fromDir_withSeparators_hnp_small ul li a, #cssHoriz_std ul li strong{font-family:Arial,Helvetica,sans-serif;border:none; color:black; display:block;font-size:1em; font-weight:400;margin:0; padding:7px; padding-right:0px; padding-left:2px;text-decoration:none; width:auto;}
#css_horiz_l1_fromDir_withSeparators_hnp_small ul li a:focus,#css_horiz_l1_fromDir_withSeparators_hnp_small ul li a:hover{background:transparent; color:#000000; text-decoration:underline;   }
#css_horiz_l1_fromDir_withSeparators_hnp_small ul li#current{font-weight:normal;}
#css_horiz_l1_fromDir_withSeparators_hnp_small ul li#current strong{background:transparent; color:#000000 !important; text-decoration:none;}
}/* Shared styles for lightbox & slimbox*/
#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	/*cursor:pointer;*/
	z-index:90;
}

#prevLink, #nextLink {
	display:block;
	position:absolute;
	top:0;
	width:33%;
	height:100%;
	background:transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
}

#prevLink {
	left:0;
	float:left;
}

#nextLink {
	right:0;
	float:right;
}

#prevLink:hover {
	/* Edit here for a different image!*/
	background:transparent url(../img/prev.gif) no-repeat 0% 15%;
}

#nextLink:hover {
	/* Edit here for a different image!*/
	background:transparent url(../img/next.gif) no-repeat 100% 15%;
}

#playLink,#pauseLink,#saveLink,#closeLink {
	display:block;
	float:right;
	/* Set these two to the actual dimensions of your images! If they differ in size you have to set them seperately!*/
	width:26px;
	height:26px;
	/* End*/
	margin-left:1.0em;
}

#playLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(../img/play.gif) no-repeat center;
}

#pauseLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(../img/pause.gif) no-repeat center;
}

#saveLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(../img/save.gif) no-repeat center;
}

#closeLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(../img/close.gif) no-repeat center;
	/*clear:right;
	float:right;*/
}



/* Slimbox-only*/
#sbCenter, #sbBottomContainer {
	position:absolute;
	left:50%;
	overflow:hidden;
	background-color:#fff;
	z-index:100;
}

#sbCenter a, #sbBottomContainer a {
	text-decoration:none;
	border:none;
	outline:none;
}

.sbLoading {
	background:#fff url(../img/loading.gif) no-repeat center;
}

#sbImage {
	position:absolute;
	left:0;
	top:0;
	border:10px solid #fff;
	background-repeat:no-repeat;
}

#sbBottom {
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	color:#666;
	line-height:1.4em;
	text-align:left;
	padding:0 10px 10px 10px;
}

#sbCaption {
	width:66%;
	font-weight:bold;
	margin-bottom:0.1em;
}

#sbNumber {
	width:66%;
	margin-bottom:0.1em;
}

#sbPresent {
	width:66%;
	margin-bottom:0.1em;
}

#sbPresent a {
	color:#666;
	margin-right:1.0em;
}

#sbPresent a.act {
	font-weight:bold;
	color:#fff;
	background:#777;
	border-right:0.2em solid #777;
	border-bottom:0.1em solid #777;
	border-left:0.4em solid #777;
}



/* Lightbox-only*/
#lbLightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}

#lbLightbox #closeLink {
	margin-bottom:10px;
}

#lbLightbox a {
	text-decoration:none;
	border:none;
	outline:none;
}

#lbLightbox img {
	border:none;
}

#lbOuterImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}

#lbImageContainer {
	padding:10px;
}

#lbLoading {
	position:absolute;
	z-index:110;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
	background:#fff url(../img/loading.gif) no-repeat center;
}

#lbHoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

#lbImageContainer>#lbHoverNav {
	left:0;
}

#lbImageDataContainer {
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
}

#lbImageData {
	padding:0 10px;
	color:#666;
}

#lbImageDetails {
	width:66%;
	float:left;
	text-align:left;
	padding-bottom:10px;
}

#lbCaption {
	display:block;
	font-weight:bold;
	margin-bottom:0.1em;
}

#lbNumber {
	display:block;
	margin-bottom:0.1em;
}

#lbPresent {
	display:block;
	margin-bottom:0.1em;
}

#lbPresent a {
	color:#666;
	margin-right:1.0em;
}

#lbPresent a.act {
	font-weight:bold;
	color:#fff;
	background:#777;
	border-right:0.2em solid #777;
	border-bottom:0.1em solid #777;
	border-left:0.4em solid #777;
}
@media print { 
.internal-link {display: none;} 
#col1 { display:none; } 
#col2 { display:none; } 
#col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; } 

/*------------------------------------------------------------------------------------------------------*/
/* (en) optional URL output of hyperlinks in print layout */ /* (de) optionale Ausgabe der URLs von Hyperlinks */ 
/* a[href]:after { content:" <url: attrhref="">"; color:#444; background:inherit; font-style:italic; } */
#nav_horiz, #nav_horizl2, #address, #claim, #breadcrumb,#tools,#nav_search,#co_boxen_re, #spacer{display:none;} 
body * { font-family: "Verdana",Verdana Times, serif; } 
code, pre { font-family:"Verdana",Verdana Courier, mono; } 
body { font-size: 10pt; } /* (en) Enable URL output in print layout */ /* (de) Sichtbare Auszeichnung der URLs von Links */ 
a[href]:after { content:none; color:#444; background:inherit; font-style:italic; font-family:verdana; } 
#print_header{ display:block; height:130px; margin-bottom:15px; } 
#print_logo{ display:block; float:left; } 
#print_headertxt{ text-align:right; display:block; font-family:verdana; } 
.layout_navLeft_menbox{ } #col3_content {margin: 0; padding: 0;}
#css_horiz_l1_fromDir_withSeparators_hnp_small, div.hnp_ref div.gallLink { display: none }
#header { position:absolute; top:0; }

#logo { position:absolute; right:0; top:1.5cm }
#main { margin-top: 2cm; }

div.hnp_ref div.textArea { margin-left:2cm; margin-right:9cm; min-height:7cm; width:auto}
div.hnp_ref div.textArea2col { margin-left:2cm }
div.hnp_ref div.small_img { position:absolute; top:0; left:0 }
div.hnp_ref div.bigImg { position:absolute; top:0; right:0 }

#footer { font-size:85% }

#co_divbox div.co_menu { float:left; width:3.8cm; margin-right:0.5cm; }


}