/*
   master-hammerdorf, version 1.0
   copyright 2009, cyne GmbH
   
   beinhaltet alle standard-tags mit ausnahme der formulare und
   speziellen browser-styles
   
   history:
      13.10.2009  1.0   webert                                 initial version
 */

/**************** Standard-Tags ********************/
* {																				/* Alle Elemente der Seite */
	margin: 0em;																/* Abstand von allen elementen entfernen */
	padding: 0em;																/* Innen-Abstand von allen elementen entfernen */
	}
html {
	height: 100%;																/* fuer 100% Bezuege der children, alle ausser IE 6 */
	}
body {
	height: 100%;																/* fuer 100% Bezuege der children IE 6 */
	font-size: 100.1%;														/* Empfohlen nach EFA (einfach für alle) */
	background-color: #fff;
   font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", Verdana, sans-serif;
   color: #444;
   line-height: 1.3em;
   }
a {
   outline: none;                                              /* hide dotted outline in Firefox */
   text-decoration: none;
   cursor: pointer;
   color: #9c8a48;
   }
a.targetAnker {
   padding-top: 12em;
   }
img {
   border: 0;
   }
h1, h2 {                                                       /* für barrierearme logo-positionierung und skalierbarkeit logo */
   font-size: 1em;
   }
table {
	font-size: 0.8em;
	width: 100%;
	}
td, th {
   font-weight: normal;
	vertical-align: top;
	text-align: left;
   }
   
/**************** Inhalte Head *********************/
.logo {
   position: fixed; left: 38.5em; top: 0.2em;
   width: 12em;
   height: 16em;
   display: block;
   }
.logo[class] {
   background: url(/pics/template/logo.png) no-repeat;
   }
hr {
   border: 0;
   height: 0;
   width: 31em;
   border-bottom: 1px solid #f2e8c7;
   }
hr.head {
   margin-left: 2.5em;
   }
hr.foot {
   text-align: left;
   }

/**************** Inhalte Container ****************/
.siteContainer p {
   font-size: 0.8em;
   margin-bottom: 1.3em;
   }
.siteContainer p.error, .siteContainer span.error, .errorMessage, .errorLabel {
   color: #d04e21;
   margin-bottom: 0;
   }
ul.errorMessage, ul.actionMessage {
   list-style-type: none;
   font-size: 0.8em;
   }
.siteContainer p.success, .siteContainer span.success, .actionMessage  {
   color: #5aa635;
   margin-bottom: 0;
   }
.siteContainer h1, h2 {
   font-weight: bold;
   font-size: 0.8em;
   }
.siteContainer img {
   display: block;
   }
.siteContainer a:hover {
   text-decoration: underline;
   }

/**************** speziell Body ********************/
.content {
   background: #fff;
   min-height: 25em;                                           /* min-height für IE - geht leider nicht über iehack.css */
	height: auto !important;                                    /* für moderne Browser */
	height: 25em;
   }
.content .code {
   border: 1px dotted #9c8a48;
   }
div.preview {
   background-color: #F4F4F4;
   border: 1px solid #F2E8C7;
   text-align: middle;
   padding: 1em 2.5em 0 2.5em;
   width: 25em;
   }
div.preview img {
   margin: 0.5em 0 0.5em 0;
   }

/**************** Inhalte Foot *********************/
.siteFoot, .siteFoot a {
   color: #999;
   }
.siteFoot a:active {
   color: #444;
   }

/**************** nicht-interaktive Tabellen *******/
div.nonActiveTable {
   margin: 0.5em;
   }
div.nonActiveTable table tr.even {
   background-color: #f3f3f3;
   }
div.nonActiveTable table tr.uneven {
   background-color: #eee;
      }
div.nonActiveTable table td,
div.nonActiveTable table th {
	border-bottom: 1px solid #fff;
	padding: 0.3em;
	vertical-align: middle;
   }
div.nonActiveTable table td a.button {
   font-size: 1em;
   }
div.nonActiveTable img {
   margin: 0.5em;
   }   

.column1 {  width: 1em; }
.column2 {  width: 20em; }
.column3 {  width: auto; }

/*************** Buttons ***************************/
a.button {
   background: url(/pics/buttons/bg_button_normal.gif) repeat #F5E277;
   border: 1px solid #E2C964;
   color: #050505;
   line-height: 1em;
   font-size: 0.8em;
   padding: 0.1em 0.5em 0.2em 0.5em;
   }
form button {
   cursor: pointer;
   background: url(/pics/buttons/bg_button_normal.gif) repeat #F5E277;
   border: 1px solid #E2C964;
   color: #050505;
   font-size: 1em;
   line-height: 1.3em;
   font-family: Tahoma,Arial,Helvetica,"Bitstream Vera Sans",Verdana,sans-serif;
   padding: 0em 0.5em 0 0.5em;
   }
a.button:hover, button:hover {
   background: #F5E77D;
   text-decoration: none;
   }
a.button:active, button:active {
   background: #F5D974;
   }
   
/*************** Modalfenster ***************************/
div#modal {
	position: fixed;
	
	margin: 0px;
	padding: 0px;
	
	top: 0px;
	left:0px;
	bottom: 0px;
	right: 0px;

	color:#ffffff;
	background-color: black;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
	opacity: 0.8;
   }

div#modalimage {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	color:#ffffff;
   }

div.modalOutline {
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	background-color: black;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
	opacity: 0.8;
   }

div.modalPreview {
	position: fixed;
   top: 0; left: 0; bottom: 0; right: 0;
   }