@charset "UTF-8";
/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 103 $ $Date: 2007-07-31 23:24:53 +0200 (Di, 31 Jul 2007) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:0.4em}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%}
body{min-height:101%;font-size:100.01%;text-align:left}
fieldset,img{border:0 solid}
ul,ol{margin:0 0 1em 1em}
li{margin-left:1.5em;line-height:1.5em}
blockquote,cite{font-size:0.93em;width:auto;margin:0 0 1em 1.5em}
#topnav{position:absolute;top:10px;right:10px;text-align:right}
#col1{float:left;width:200px;z-index:3}
#col2{float:right;width:200px;z-index:5}
#col3{width:auto;z-index:1;margin:0 200px}
#footer{clear:both;display:block}
#col1_content{z-index:4}
#col2_content{z-index:6}
#col3_content{z-index:2}
.hidenone #col3{margin:0 200px}
.hideboth #col3{margin-left:0;margin-right:0}
.hideleft #col3{margin-left:0;margin-right:200px}
.hideright #col3{margin-left:200px;margin-right:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
.subcolumns,.subcolumns_oldgecko{width:100%;overflow:hidden}
.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 0.5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.skip,.hideme,.print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
.skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}
#header,#col1_content,#col2_content,#col3_content{position:relative}
#nav,#main{clear:both;width:auto}
.hideboth #col1,.hideboth #col2,.hideleft #col1,.hideright #col2,#ie_clearing,.none{display:none}
.subcolumns_oldgecko,.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l {float:left}


/*****************************************************/
/********************* BASEMODE ***********************/
/*****************************************************/

body { text-align:center;background:#eee url(images_2cam/bg_page.gif) repeat-x; color:#000;font-family:'Trebuchet MS',Verdana,Arial,Helvetica,Sans-Serif; font-size:81.25%;}

  #page_margins {width:1067px; margin: 0 auto; background: url(images_2cam/bg_spots.png) left top no-repeat;}

  #page{ text-align:left; width: 980px; min-width:inherit; max-width:none; margin: 0 auto;}

  #header { height:50px; }

  #topnav {}

  #nav { height:49px; background: url(images_2cam/sprite_horizon.gif) repeat-x; border:1px solid black; box-shadow:0 0 17px #888;}
  #nav #logoLink {position:absolute; top:26px;}
	
  #main {float:left; padding:50px 0 20px 0; width:100%; }

  #footer { color:#999; padding:11px 0; background: url(images_2cam/footer_2cam.jpg) center right no-repeat; border-top:1px solid #ccc;}
  
  /**
   * 2 Spalten Layout
   *
   * |-------------------------------|
   * | #header                       |
   * | 980px                         |
   * |-------------------------------|
   * | #col2   | #col1     			 |
   * | 190px   | 770px               |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

    /* #col1 wird zur mittleren Spalte */

    #col1 { width: 770px; float:left; margin-left: 210px;}
    #col1_content {}

    /* #col2 wird zur linken Spalte */
    #col2 { width: 170px; float:left;  margin-left: -980px;}
    #col2_content {}

    /* 
     * 1 Spalte Layout
     */
    #main.col1 {background:none;}
    .col1 #col1 {width:100%; margin:0;}
    .col1 #col1_content {padding:0 20px;}

/*****************************************************/
/********************* CONTENT ***********************/
/*****************************************************/
  h1, h2, h3, h4, h5, h6 {
	font-family:Georgia,Times,Serif;
	font-weight:normal;
	padding-bottom:0.1em;
	margin-bottom:0.5em;
	color:#333;
	clear:both;
  }
  h2 a, h3 a {color:#ccc; text-decoration:none;}
  h1 {font-size:1.6em;}
  h2 {font-size:2em; color:#5b7414;}
  h3 {font-size:1.6em;letter-spacing:0em;color:#5b7414}
  h4 {font-size:1.4em;font-weight:normal; padding-top:0.8em;color:#5b7414}
  h5 {font-size:1.2em;color:#222;font-style:italic;}
  h6 {font-size:1em;color:#222;	margin:0pt 0pt 0.3em;}
  
  p {line-height: 1.5em;margin: 0 0 1em 0; }

  /*** Listen und text formate */
  ul, ol, dl { line-height: 1.5em; }
  dd {text-align:center;color:#666;}
  li { margin-left: 1.5em; line-height: 1.5em; }
  li.odd {list-style-image:url(images_2cam/list_odd.gif);}
  li.even {list-style-image:url(images_2cam/list_even.gif)}


  /* ### text formatting | Textauszeichnung ### */
  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

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

  pre, code { font-family: monospace; font-size: 1.1em; }

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

  /* standard ausrichtungen */
  .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 { text-align:center; margin: 0.5em auto }
  /**
   *  Links
   *
   */
  a {color:#5b7414; text-decoration:none; font-family:arial;}
  a:focus,
  a:hover,
  a:active {color:#5b7414;text-decoration:underline;}

  #footer a { color: #666;}

  a.nice-link {color:#fff; font-size:14px; padding:6px 7px 6px 15px;
    background:#5b7414 url(images_2cam/link/internal_link_nice.gif) 3px center no-repeat;; 
    border:1px outset #5b7414;
    box-shadow:0px 13px 0px 0px rgba(255,255,255,0.2) inset, 0px -19px 19px -19px rgba(000,000,000,0.4) inset;
    border-radius:3px; 
  } 
  a.nice-link:hover {background-color:#222;border:1px inset #666; text-decoration:none; box-shadow:0px 13px 0px 0px rgba(255,255,255,0.2) inset, 0px -19px 19px -19px rgba(000,000,000,0.4) inset;} 
  
  a.internal-link {padding-left: 12px; background: url(images_2cam/link/internal_link.gif) center left no-repeat;}
  a.external-link {padding-left: 12px; background-image: url(images_2cam/link/external_link.gif); background-repeat: no-repeat; background-position: 0 0.45em;}
  a.download {display:block; height:25px; width:151px; padding-left:29px; padding-top:5px; margin:1em; background-image: url(images_2cam/link/download2.gif); background-repeat: no-repeat; text-decoration:none;color:#333;font-weight:bold;}
  a.mail {padding-left:24px; background:url(images_2cam/link/mail.gif) no-repeat;}

  /**
   * Verschiedene Anpassungen
   */
  #footer p {padding: 0 0 8px 0;}

  p.align-left {text-align: left;}
  p.align-center {text-align: center;}
  p.align-right {text-align: right;}
 
 /**
   * Tabellen
   */
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }
  th,td { padding: 0.5em; }

  
 /**
  *  Sonstiges
  */
 /* contentImage */
 .contentImage {margin-bottom:1em;}

 /* boxes */	
 .box { padding:0.8em; border:1px #ccc solid; box-shadow:0 0 0 1px #fff inset,0 160px 160px -160px #cecece inset;}
 .box h2 {border:none; box-shadow:none;padding:0;background:none;}
 .darkbox {border:1px solid #000;padding:1em; box-shadow: 0 -160px 160px -150px #000 inset;background:#333;}
 
 /* abstand unten und zwischen den subcolumnes rechts  */
 .subcolumns {margin-bottom:2em;}
 .subcolumns .subcl {margin-right:1em;}

 /* rahmen und bilder bei bild inhaltselement */
   .csc-textpic-image dt img {box-shadow:0 0 7px #666}
 
 .imageborder {padding:10px;background:white; border:1px solid #C0C8AA}
 /* horizontal line */
 .h-line{margin:1em 0;border-bottom:1px solid #ccc;}

/*****************************************************/
/********************* NAVIGATIONINEN ******************/
/*****************************************************/
  #topnav li {
    float:left;
    list-style-type:none;
    position:relative; top:-7px; right:9px;
  }
  #topnav ul li a, #topnav ul li strong {
    color:#9aa679;
    font-size:0.9em;
    text-decoration: none;
  }  
  #topnav ul li a:hover {color:#5b7414;text-decoration:underline;}
  #topnav ul li strong {color:#5b7414;}

 /* main nav horizontal */
#nav_main {
    width: 100%;
    overflow: hidden;
    float: left;
    display: inline;
    line-height: 0;
  }
 #nav_main ul {
    /* Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    border-left: 1px solid #222;
  }
#nav_main ul {float:right;}
  #nav_main ul li {
     /* Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid #222;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    color: #eee;
    font-size:18px;
    font-family:arial;
    font-weight:normal;
    letter-spacing:1px;
    display: block;
    text-decoration: none;
    height:37px;
    padding:12px 1.2em 0 1.2em;
    width: auto;
    text-shadow:-1px -1px 0px #000;
  }
  #nav_main ul li.act {background: url(images_2cam/sprite_horizon.gif) 0 -98px repeat-x;}
  #nav_main ul li a:hover {background: url(images_2cam/sprite_horizon.gif) 0 -49px repeat-x; color:#fff;}

  /****************************************************************/
  /* Subnavigation auf der linken seite (hier spalte 2 also col2) */
  /****************************************************************/

  #col2 ul {margin:0;padding:0; }
  #col2 ul ul {border:1px solid #ccc; margin-bottom:20px; box-shadow:0 0 0 1px #fff inset, 0 0 20px 0px #cecece inset;}
  #col2 ul li { list-style-type:none; margin:0;}

  #col2 ul li a, #col2 ul li strong {
  	display:block;
  	font-size:1.4em;
        color:#eee;
  	letter-spacing:0.1em;
  	padding:5px 0 5px 5px;
        background:#333;
        box-shadow:0 15px 15px -15px #ccc inset,0 -15px 15px -15px #000 inset ;
        border:1px solid #222;
  }
  #col2 ul li strong {font-weight:normal;}
  /* 2 Ebene */
  #col2 ul li li a, #col2 ul li li strong {
      color:#000;
      font-size:1.1em;
      letter-spacing:0;
      padding:5px 0 3px 15px; 
      background:none; border:none; box-shadow:none;
  }
  #col2 ul li li strong {font-weight:bold;}
  #col2 ul li li a:hover {background-color:#ddd;text-decoration:none;}

/*******************************************/
/********** DIVERSES ********************/
/*******************************************/
/***** FE Login *********/
.tx-felogin-pi1 div {padding:0.7em 0 0 1em;}
.tx-felogin-pi1 legend {display:none;}
.tx-felogin-pi1 label {float:left;width:100px; font-weight:bold; }

/******************** tx_imgg ********************/

/******* ALL / LIST *******/
.tx-imgg-pi1-list dl { float:left; height:114px; width:134px; text-align:center; background:#fff; margin:0 10px 27px 10px; box-shadow: 0 0 7px #666;}
.tx-imgg-pi1-list dl:hover {box-shadow: 0 0 14px #000;}
.tx-imgg-pi1 dl img { border:1px #7e7e7e solid; margin-top:7px;}
.tx-imgg-pi1 dd a {color:#666;}
.tx-imgg-pi1-error {font-size:1.2em; padding:2em 0 2em 3.5em; border:1px solid #333; background:#121212 url(../img/info_bullet.gif) no-repeat 10px center;}
/******** SINGLE  ********/
.tx-imgg-pi1-single .col1 {float:left; }
.tx-imgg-pi1-single .col1 img {border:1px solid black;}
.tx-imgg-pi1-single .col1 dl {text-align:center; background:#fff; width:660px; height:460px; box-shadow: 0 0 17px #999; padding-top:20px;}
.tx-imgg-pi1-single .col2 h2 {background:none; border:none;padding:0;box-shadow:none;}
.tx-imgg-pi1-single .col2 {float:right; text-align:left;width:230px; padding:10px; height:460px; border:1px #ccc solid; box-shadow:0 0 0 1px #fff inset,0 160px 160px -160px #cecece inset;}
.tx-imgg-pi1-single .col2 p strong {font-family:Georgia,Times,Serif; font-weight:normal; color:#5b7414; display:block;margin-top:5px;letter-spacing:0.1em;}

/******** BROWSER ********/
.tx-imgg-pi1 .subcolumns {margin:2.5em 0;}
.tx-imgg-pi1 .subcolumns .c25l .subcl {color:#5b7414; font-size:1.3em;padding:7px 0 0 9px;}
.tx-imgg-pi1 .subcolumns .subcr {float:right; padding:0 9px 0 0;}
.tx-imgg-pi1 .subcolumns .subcr div {float:left;}
.tx-imgg-pi1 .subcolumns .subcr div span, .tx-imgg-pi1 .subcolumns .subcr div a {
    display:block;
    box-shadow:0px 14px 0px 0px rgba(255,255,255,0.2) inset, 0px -19px 19px -19px rgba(000,000,000,0.4) inset,0 0 3px 0 #666;
    border:1px solid #5d732b;
    background-color:#5b7414;
    color:#fff; 
    text-decoration:none;
    font-size:15px;
    font-family:arial;
    padding:5px 7px;
    border-radius:3px; 
    margin-right:2px;
}
.tx-imgg-pi1 .subcolumns .subcr div a:hover {background-color:#222;border:1px solid #000; text-decoration:none; box-shadow:0px 14px 0px 0px rgba(255,255,255,0.2) inset, 0px -19px 19px -19px rgba(000,000,000,0.4) inset,0 0 3px 0 #666;}
.tx-imgg-pi1 .subcolumns .subcr div span {color:#aaa; background-color:#222;border:1px solid #000;}

.tx-imgg-pi1 .browsemenu-pages span, .tx-imgg-pi1 .browsemenu-pages a {float:left;}
.fixfloat {clear:both;}

/******** REANDOMVIEW ********/
/* random view das listen element mittig setzten und einen abstand oben unten  */
.tx-imgg-pi1-random dl { text-align:center; margin:0.3em 0.5em 0.7em; padding:0.5em;}

/* random view einen rahmen um die bilder zeichnen */
.tx-imgg-pi1-random img { border:1px solid #515151; }

/* random view einem background hover auf das ganze element setzen */
.tx-imgg-pi1-random dl:hover { background:#222; }

 /* single view rechte spalte h3 abstand oben entfernen */
.tx-imgg-pi1-single .col2 h3 { padding-top:0px; }

 /* suchwort label formatieren */
 .tx-imgg-pi1-slabel { letter-spacing:0.1em; font-size:1.2em; }
 
/* suchformular formatieren */
#main .tx-imgg-pi1-searchform {  padding:12px; }
.tx-imgg-pi1-sword {margin:0 3px;}
.tx-imgg-pi1-submit {}



 /*********** powermail *****
  a.nice-link {color:#fff; font-size:14px; padding:6px 7px 6px 15px;
    background:#5b7414 url(images_2cam/link/internal_link_nice.gif) 3px center no-repeat;; 
    border:1px outset #5b7414;
    box-shadow:0px 13px 0px 0px rgba(255,255,255,0.2) inset, 0px -19px 19px -19px rgba(000,000,000,0.4) inset;
    border-radius:3px; 
  } 

********/
 fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    margin: 0 0 0 200px;
    padding:3px 7px;
    font-weight: bold; 
    letter-spacing:0.1em;
    background:#5b7414 ; 
    border:1px outset #5b7414;
    box-shadow:0px 13px 0px 0px rgba(255,255,255,0.2) inset, 0px -19px 19px -19px rgba(000,000,000,0.4) inset;
    color:#eee; 
    border-radius:5px;
}
  .tx_powermail_pi1_fieldwrap_html {padding:0.8em;}
  fieldset.tx-powermail-pi1_fieldset legend {display:none}
  fieldset.tx-powermail-pi1_fieldset {padding:0; border:1px #ccc solid; box-shadow:0 0 0 1px #fff inset,0 160px 160px -160px #cecece inset;}
  fieldset.tx-powermail-pi1_fieldset fieldset label  {color:#5d732b; }
  fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {margin:3px 0 7px 200px;}
/**************** ve_guestbook *****************/
  .tx-veguestbook-pi1 form {padding:20px 0 0 30px;}
  .tx-veguestbook-pi1 legend { font-size:1.3em; font-weight:bold;}
  .tx-veguestbook-pi1 label { display:block; font-weigt:bold; padding:0.4em 0em 0.2em 0em; }
  .tx-veguestbook-pi1 textarea {width:80%; }
  .tx-veguestbook-pi1 .tx-guestbook-submit{width:120px; margin:1em 0; }
  .tx-veguestbook-pi1 h2 {font-size:1.3em; padding-top:0;}
  .tx-guestbook-date {color:#999; font-size:0.9em; margin:0;padding:0;}
  
/********* cardtrick **************/
.user-cardtrick-pi1 h3 {padding-left:0.8em;font-family:'Trebuchet MS',Verdana,Arial; letter-spacing:0.1em; position:absolute; }
.user-cardtrick-pi1 a.internal-link {margin-top:300px; padding:5px;background:url(images_2cam/sprite_horizon.gif) 0 -147px repeat-x; border:1px solid #5a7026; color:#fff;text-decoration:none;}
.user-cardtrick-pi1 a.internal-link:hover {background:url(images_2cam/sprite_horizon.gif) 0 -9px repeat-x; border:1px solid #000;}
.user-cardtrick-pi1-insctruction {background:url(images_2cam/bg_page.gif) repeat-x; padding:4em 1em 1em 1em;border:1px solid #c0c8aa ; width:550px; font-size:1.1em;}
.user-cardtrick-pi1-row {cursor:pointer;}
#col1 .user-cardtrick-pi1-row img {margin:0 5px; border:none; box-shadow: 0 0 7px #666; border-radius:7px}
.user-cardtrick-pi1-radio { position:relative; top:-44px;}
.user-cardtrick-pi1-submit {margin-left:400px;padding: 0.3em 0.5em; font-size:1.1em; color:#fff; background:url(images_2cam/sprite_horizon.gif) 0 -147px repeat-x; border:1px solid #5a7026; }
 
 /************* SPEZIAL SEITENBEZOGENE STYLES *****************/
 /* startpage */
 #uid217 .subcl, #uid217 .subcr { height:265px; }
 #uid217 .tx-imgg-pi1 {margin-top:2em;}
 #uid217 .tx-imgg-pi1 .subcolumns {display:none;}
}
@media print {
#footer {text-align:right;}
#nav, #col2, #topnav, #footer a, a.nice-link, a.internal-link {display:none}
#page_margins, #page {width:780px; margin:0; padding:0;background:none;}
}