@charset "UTF-8";
/**
 * contentinum - accessibility websites Copyright (c) jochum-mediaservices
 * main content
 * 
 * @category   (X)HTML/CSS Framework, Dirk Jesse "Yet Another Multicolumn Layout" http://www.yaml.de
 * @copyright  jochum-mediaservices, Katja Jochum, 
 * @link       www.jochum-mediaservices.de
 * @package    Hotspring, Wiesbaden   
 * 
 * @version    $Id: customers.css 1346 2010-04-20 17:38:51Z mike $Rev: 428 $ $Date: 2010-04-20 19:38:51 +0200 (Di, 20 Apr 2010) $ mike $
 */
@media all
{
   body { 
   	  padding: 10px 0; 
      background-color: #E3E3E3; 
      background-image: url("../images/bg-body.png"); 
      background-position: top left fixed; 
      background-repeat: repeat-x; 
      font-family: Arial, Helvetica, sans-serif; 
      font-size: 75.00%; 
      color: #444;
   }
   /* layout width */
   .page_margins {
      min-width: 740px; 
      max-width: 80em; /* needs to be changed also in custom patches for ie browsers */
      background: #fff;
	  
   }
   
   .page {
   	  padding: 10px 0;
	  background:#ffffff;
	  border-left: 2px #0062AC solid;
	  margin-top:200px;
   }
   
   #topnav {
      color: #444; 
      text-decoration: none; 
      font-weight: normal;
   }
   
   #topnav a:focus,  
   #topnav a:hover,  
   #topnav a:active {
      background-color: #transparent; 
      text-decoration: underline;
   }
   
   #header {
      padding: 20px 0 0 0; /* 45px 2em 1em 20px; */
      background-color: #fff; 
      color: #0062AC;
	  
   }
   #header h2 { color: #0062AC; padding-left:30.2%; }
   #logo { 
   position:absolute; 
   top:-128px; left:-105px;
      background: transparent url("../images/logo.png") no-repeat top left;
	  width:365px;
	  height:218px;
	  z-index:9999;
   }
   #main {
      padding: 0 0 10px 0; 
      background-color: transparent;
	  
   }
   #col1, #col3 {  }
   #col3_content { 
      padding: 74px 30px 10px 50px;
   }
   /* 3 columns */
   #col1_content { padding: 80px 10px 10px 20px; }
   #col2_content { padding: 10px 20px 10px 10px; }
   /*#col3_content { padding: 10px; }*/   
      
   #footer {
      padding: 10px 20px; 
      background-color: transparent 
      border-style: solid; 
      border-color: #efefef; 
      border-width: 5px 0 0 0; 
      color: #666; 
      line-height: 1.5em;
   }
   /* footer navigation */
   #footer a {
      background-color: #transparent; 
      color: #999; 
      font-weight: bold;
   }
   
   #footer a:focus, 
   #footer a:hover, 
   #footer a:active {
      background-color: #transparent; 
      color: #4D87C7; 
      text-decoration: underline;
   }
  
   /* navigation vertical */
   .vlist h2, .vlist h3, .vlist h4, .vlist h5, .vlist h6 {
      background-color: #fff; 
      font-family: Arial, Helvetica, sans-serif; 
      font-size: 116.67%; 
      color: #444; 
      font-weight: bold; 
      border-top:0px #ddd solid;
      border-bottom:1px #fff solid;
   }
   .vlist {
      margin: 0 0 1.5em 0; 
      border-bottom:0px #ddd solid;
   }
   .vlist li span { 
      font-weight:bold; 
      border-bottom:1px #ddd solid;
   }
   .vlist a {
      text-decoration: none; 
      border-bottom:1px #fff solid;
	  background: #0062AC;
	  font-size: 133.33%; 
	  padding-bottom: 5px; padding-top: 5px;
   }
   .vlist a, .vlist a:visited {color: #fff; }
   .vlist li.active a {
      background-color: #fff; 
      color: #0062AC; 
      font-weight: bold;
   }
   .vlist li a:focus, 
   .vlist li a:hover, 
   .vlist li a:active {
      background-color: #fff; 
      color: #0062AC; 
   }
   .vlist li ul li a:focus,  
   .vlist li ul li a:hover, 
   .vlist li ul li a:active {
      background-color: #fff; 
      color: #0062AC; 
   }
   .vlist li ul li ul li a:focus,  
   .vlist li ul li ul li a:hover, 
   .vlist li ul li ul li a:active {
      background-color: #fff; 
      color: #0062AC; }
   .vlist li ul li ul li ul li a:focus,  
   .vlist li ul li ul li ul li a:hover,  
   .vlist li ul li ul li ul li a:active {
      background-color: #fff; 
      color: #0062AC; 
   }
   /* content */
   h1,h2,h3,h4,h5,h6 {
   	margin: 0 0 0.25em 0; 
   	font-family: Verdana, Arial, Helvetica, sans-serif; 
   	color: #222; 
   	font-weight: normal;
   }
   #col3_content { font-size:116.67%; }
   h1 {font-size: 200%; color: #0062ac; }
   h2 {font-size: 150%;color: #0062ac; padding-bottom: 0.5em; padding-top. 1em;}
   h3 {font-size: 150%; color: #0062ac; }
   h4 {font-size: 133.33%; }
   h5 {font-size: 116.67%; }
   h6 {font-size: 116.67%; }
   p {margin: 0 0 1em 0; line-height: 1.5em; }
   hr {
   	width:100%;
   	clear:both;
   	margin: 0 0 0.5em 0; 
    padding: 0 0 0.5em 0; 
    background-color: #transparent; 
    color: #fff; 
    border:0;
    border-bottom:1px #eee solid;
   }
   #col3_content ul {margin-left:0.2em;}
   #col3_content ul li { list-style:none; margin-left:0; padding-left:24px; background: transparent url("../images/pfeil.jpg") no-repeat 0 10%; }
   /* all links */	
   a {background-color: #transparent; color: #0063AD; text-decoration: none; }
   a:visited {color: #0063AD; }
   a:focus {background-color: #fff; color: #0063AD; text-decoration: underline; outline: 0 none;}
   a:hover,  a:active { background-color:#0063AD;  color: #fff; outline: 0 none;}
   /* tables */
   table { 
    width:auto; 
  	border-collapse:collapse; 
  	margin-bottom:0.5em; 
  	border-top:2px #888 solid; 
  	border-bottom:2px #888 solid;
   }
   table caption { font-variant:small-caps; }
   table.full, #iconline table { 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 { border-bottom:1px solid #eee; }
   tbody tr:hover th[scope="row"],
   tbody tr:hover tbody th.sub { background:#f0e8e8; }
   tbody tr:hover td { background:#fff8f8; }   
   
   #iconline table { border:0; }
   #iconline table td { text-align:center; vertical-align:middle; }
   /* toolbar */
   div.conToolbar {	height:20px;padding-top:3px;margin-bottom:4px;border-bottom: 2px #ddd solid;}
   div.conToolbar ul {padding-right:4px; }
   #col3_content div.conToolbar ul li { background-image:none; padding-left:6px; }
   div.conToolbar ul li a {  padding: 2px; }
   /* user messages notice */
   #messages { top: 20%; left: 25%; width: 50%; position: absolute; text-align: center;border: 2px solid red;    background-color:#fff;   font-size:1.2em; padding: 6px 4px;color:red;z-index:9999;  }  
   /* appearance form submit button */   
   input#submitbutton  { background-color: #0062ac; color: #fff; font-weight: bold; }
   /* background form */
   form.yform { background-color: #f6f6f6; }
   /* background form fieldsets */
   form.yform fieldset { background-color: #f8fafd; } 
   form.yform legend {color:#0062ac;}
   /* label aligment checkbox */
   form.yform p.type-check label:first-child {  display:block; }
   form.yform p.type-check input { margin-right:4px; }
   /* alignment appearance google map layer */
   #map{float: left;width:600px;height:500px;margin-left:1em;}
   #infowin { float: left;width:220px;height:240px;}
   /* alignment appearance link to top page */
   dl.nachoben {clear: both;float: left; width:100%; margin:0; margin-bottom: 0.5em;}
   dl.nachoben dt {float: left; margin:0;padding:0;}
   dl.nachoben dd {float: left; margin:0;padding:0;}   
   /* alignment appearance images line */
   div.imagesline {text-align: center;	margin: 2em 0; }
   div.imagesline h2 {text-align: center;margin-top:1.2em;margin-bottom: 0.8em;padding-left:0;}
   div.imagesline form { text-align:center; padding:0;}
   div.imagesline form input { width:100%;text-align:center;padding:2px 0;margin:0;border:0;font-size:1.2em;  }
   #imgNumber { font-weight:bold; }  #changeImg { margin-top: 1em; }   p.foto {	text-align: center; }
   p.foto img {border-style: solid;border-color: #ddd;border-width: 1px;border-right-color:#c8cdd2;border-bottom-color: #c8cdd2;}
   div.imagesline p#beschriftung { text-align:center; }
   div.imageslinks, ul#pagerlinks {text-align: center;list-style: none;border-style: solid;border-color: #ddd; border-width: 1px 0;padding-left:0;padding-top: 4px;padding-bottom: 4px;}
   div.imageslinks { padding: 4px 0;   }
   div.imageslinks ul { margin: 0 auto; padding:0; text-align:center; }
   div.imageslinks ul li#back {padding:0 1em 0 0;}
   div.imageslinks ul li#next { padding:0; }
   div.imageslinks ul#imgnums { width:100%; }
   ul#pagerlinks { border:0; clear: both; margin-top: 2em; margin-bottom:0; }
   div.imageslinks ul li, #inhalt ul#pagerlinks li { display: inline; padding: 0.2em 0.4em; font-size: 1.1em;}
   li.icurrent { color: #D63101;text-decoration: undeline;}	
   #col3_content div.imageslinks ul li { background-image:none; padding-left:6px; }  
   
   dl.float-icons { float:left; display:inline; margin:1em; }
   
   /* fullheigth */
   body, html { height: 100% !important;padding:0; }
   .page_margins {position:relative !important;min-height:100%;height: auto !important; background: transparent; }
   * html .page_margins { height:100% !important; }
   /* allocate space for footer ... */
   .page { padding-bottom: 20px; }
   #footer { position:relative !important; width:100%;	margin: 0 auto;	 border: 0 none;padding: 0; }
   #footer { margin: -20px auto 0; }
   #footer_content { height:115px; background: transparent url("../images/stone.jpg") no-repeat bottom center; text-align: center; padding: 10px 20px;  margin: 0 10px;	}
}