@charset "UTF-8";
/* CSS Document */

body {margin:0; font-family:Verdana, Geneva, sans-serif; color:#333;
/*background:url(../templates_img/hintergrund_beispiel.jpg) no-repeat 0 0 fixed;*/
}

/* TYPOGRAPHIE */

h1,h2,h3,h4,h5,h6 { color: #333; text-transform:uppercase; font-weight:normal;  }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #000;}

h1 {font-size:1.5em; line-height:1.3em; letter-spacing:0.05em; margin: 0 0 0.5em 0;}


h2 {font-size:1.2em; }

h3 {font-size:1.2em; line-height:1.2em;  border-top:1px solid #000;   margin:0 0 1em  0; padding: 5px 0 5px 0; text-transform:none; height:inherit;}
  
h4 {font-size:1em; line-height:1.2em;  border-top:1px solid #000;   margin:0 0 1em  0; padding: 5px 0 5px 0; text-transform:none; height:inherit;  }

h5 {font-size:1em; line-height:1.2em;  border-top:1px dotted #666;   margin:0 0 1em  0; padding: 5px 0 5px 0; text-transform:none; height:inherit; font-weight:bold; color:#666; }

/* Linkfarben */
  a {color:#666; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#cc0000; text-decoration:none;} 





/* Container weiss-transparent, etwas breiter */
.container {
	margin: 20px auto;
	padding:10px;
	width:970px;
	background-color:#FFF;
}

/* Horizontale Streifen */
.hstripe {width:950px; padding:0 10px;}



/* HEADER ---------------------------------------------------------------------------------------*/

#logo {}
#logo img {float:right;}

#header {  height:100px;}

/* TOP-NAVIGATION ---------------------------------------------------------------------------------------*/
  #topnavi { color:#999999; height:20px; font-size:0.8333em; }
  #topnavi a {color:#999999;}
  #topnavi a:hover {color:#000;}
  #topnavi ul { list-style-type: none; margin:0; padding: 0;}
  #topnavi li { float:left; margin:0;   }



/* NAVIGATION ---------------------------------------------------------------------------------------*/
  #navigation {margin:20px 0 20px 0; color:#999; height:30px; text-transform:uppercase; font-style:bold; margin-bottom:20px; }

  #navigation ul { list-style-type: none; margin:0; padding: 0;}
  #navigation li { float:left; margin: 0 10px 3px 0;   }

  #navigation ul li a { width:100%; } 

  /* Level 1 */

  #navigation li a {color:#000;  }
  #navigation li a:focus,
  #navigation li a:hover,
  #navigation li a:active {border-bottom:solid 1px #000; padding-bottom:3px;}
  /* aktive Klasse auf diesem Level */
  #navigation li .active { border-bottom:solid 1px #000; padding-bottom:3px; }




/* VISUAL ---------------------------------------------------------------------------------------*/
/* Visual-Container mit Hintergrundfarbe */
#visual {background-color:#e4e4e4; padding:10px; margin-bottom:30px;}

/* ImageZoom Hoehe 256px */
#visual_imagezoom {height:256px;}
#visual_imagezoom .info {height:256px; text-transform:uppercase; font-size:1em; }
#visual_imagezoom .image {}


/* ImageZoom Hoehe 310px */
#visual_imagezoom_310 {height:310px;}
#visual_imagezoom_310 .info {height:310px; text-transform:uppercase; font-size:1em; }

/* ImageZoom Hoehe 360px */
#visual_imagezoom_360 {height:360px;}
#visual_imagezoom_360 .info {height:360px; text-transform:uppercase; font-size:1em; }

#visual_home {background-color:#e4e4e4;padding:10px; margin-bottom:30px; height:360px;}





/*NAVLIST (FOR VERTICAL NAVIGATION LISTS) -------------------------------------------------------------------*/
  .navlist { line-height:1.1em; }
  .navlist ul { list-style-type: none; margin:0; padding: 0; overflow: hidden; }
  .navlist li { float:left; width: 90%; margin:0; padding: 0; }

  .navlist a {
    display:block;
    width: 95%;
    padding: 0;
    text-decoration: none;
    color:#000;
  } 

  /* Level 1 */
  .navlist li {margin:15px 0 0px 0; color:#666; border-top:#000 solid 1px; font-size:0.9167em; padding:5px 0 0 0; lin}
  /* erstes Element*/
  .navlist li:first-child {margin:0px;}
  .navlist li a { }
  .navlist li a:focus,
  .navlist li a:hover,
  .navlist li a:active { color:#c1022b;  }
  /* aktive Klasse auf diesem Level */
  .navlist li .active { color:#c1022b;  } 
  
  
  /* Level 2 */
  .navlist li ul li, .navlist li ul li:first-child {border-top:none; margin:3px 0 0 5px; font-size:1em; }
  .navlist li ul li a {color:#666; font-weight:normal;}
  .navlist li ul li a:focus,
  .navlist li ul li a:hover,
  .navlist li ul li a:active {  color:##c1022b; }
  /* aktive Klasse auf diesem Level */
  .navlist li ul li .active {color:##c1022b; }
 
   /* Spacer */
  .navlist .spacer { margin: 20px 0; font-size:0px; width:100px; }
 
 
 /* Level 3 */
  .navlist li ul li ul li, .navlist li ul li ul li:first-child {margin:3px 0 0 15px; }
  .navlist li ul li ul li a {   }
  .navlist li ul li ul li a:focus,
  .navlist li ul li ul li a:hover,
  .navlist li ul li ul li a:active { }
  /* aktive Klasse auf diesem Level */
  .navlist li ul li ul li .active { }
  
  
/* Level 4 */
  .navlist li ul li ul li ul li, .navlist li ul li ul li ul li:first-child {margin:0px 0 0 15px; font-style:italic;}
  .navlist li ul li ul li ul li a {   }
  .navlist li ul li ul li ul li a:focus,
  .navlist li ul li ul li ul li a:hover,
  .navlist li ul li ul li  ul lia:active { }
  /* aktive Klasse auf diesem Level */
  .navlist li ul li ul li ul li .active { }  
 
 /*CONTENT -------------------------------------------------------------------*/
 
#content {min-height:300px; }
#middle_column p {padding-right:30px;}
 
 #right_column {font-size:0.9167em;}

.home h1 {font-size:1.667em; margin-bottom:20px;}

 
  
/*FOOTER -------------------------------------------------------------------*/ 
#footer {
margin:20px 0; border-top:solid 1px #000; font-size:0.8333em; padding-top: 5px; color:#999;	
	}
#footer a {color:#999;}	


/* STILE ------------ */
.infokasten_orange, .csc-frame-frame2 {padding: 10px 5px; font-size: 1em; background:url(../templates_img/pfeilgrafik_orange.jpg) no-repeat 95% 10px #f69834; color:#FFF; line-height:1.1em;  }
.infokasten_blau, .csc-frame-frame1 {padding: 10px 5px; font-size: 1em; background:url(../templates_img/pfeilgrafik_blau.jpg) no-repeat 95% 10px #bdcad3; color:#FFF; line-height:1.1em; margin:0px 0 20px 0;}
 .infokasten_orange a, .infokasten_blau a, .csc-frame-frame1 a, .csc-frame-frame2 a {color:#fff;}
 .infokasten_orange a:hover, .infokasten_blau a:hover, .csc-frame-frame1 a:hover, .csc-frame-frame2 a:hover {color:#000;}
 .infokasten_orange h1, .infokasten_blau h1, .csc-frame-frame1 h1, .csc-frame-frame2 h1 {font-weight:bold; font-size: 1em; margin-bottom:0px;}

.csc-frame-rulerBefore {border-top:#000 solid 1px; padding-top:1em; height:100%; float:left;}

/* KIWI ACCORDION --------------------------------------------------------*/
.ka-panel {background-color:#93C;}

.close {background-color:#3C6;}
.open {background-color:#CF3;}


/* Typo3-Stil Rahmen um Bilder */


div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img 
{
border-top-width: 1px;
border-right-width-value: 0px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 0px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: dotted;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #ccc;
border-right-color-value: gray;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color:#ccc;
border-left-color-value: gray;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
padding-top: 3px;

padding-right: 0px;

padding-bottom: 3px;

padding-left: 0px;

border-left:none;
border-right:none;

}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img 
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
}

.csc-uploads {margin-top:20px;}
.csc-uploads td {border-top:1px dotted #666;}