/*
	Standard - CSS
	
	Author: Mangeng Erwin
	Datum:  09.09.2009
*/

/*
++++++++++++++++++++++++++++++++++++++++
  Farbzuteilung der einzelnen Bereiche 
++++++++++++++++++++++++++++++++++++++++
*/

body			{ background-color: #ced0d2; }
.page           { background-color: white; }
.header         { background-color: #525d63; }
.topnavigation  { background-color: #525d63; }
.column-left    { background-color: white; }
.column-right   { background-color: white; }
.column-content { background-color: white; }
.footer 		{ background-color: #717c80; }

/*
+++++++++++++++++++++++++++++++++++
  Allgemeine Angaben 
+++++++++++++++++++++++++++++++++++
*/

* {
  margin: 0px;
  padding: 0px;
}

html, body {
  height: 100%;
}

.page {
  font: 96% "Helvetica", "Verdana", "Arial", sans-serif;
  width: 990px;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
}

/*

/*
+++++++++++++++++++++++++++++++++++
  Seitenkopf / Header 
+++++++++++++++++++++++++++++++++++
*/

.header {
  height: 160px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("../images/image5.jpg");
  background-repeat: no-repeat;
  background-position: right;
}

.logo {
  margin-top: 40px;
  margin-left: 25px;
}
	
.logo-schrift {
  font-size: 80%;
  margin-left: 33px;
  color: #d6d9da;
}


/*
+++++++++++++++++++++++++++++++++++
  Hauptnavigation 
+++++++++++++++++++++++++++++++++++
*/

.topnavigation {
  height: 50px;
  border:1px solid white;
}

.topnavigation ul {
  list-style: none;
  padding-top: 1.1em;
  text-align: center;
  position: relative; /* Behebt den "Disappearing List-Background Bug" im IE7 */
}

.topnavigation li {
  background: url(../images/background-navitop.jpg) #fff repeat-x;
  display: inline;
  margin: .1em;
  padding: .25em 1.25em .25em 1.25em;
  border: 1px solid #c7c5c5; 
}

.topnavigation li a {
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  color: #d6d9da;
}

.topnavigation li a:hover {
  text-decoration: underline;
}

/*
+++++++++++++++++++++++++++++++++++
  Container enthaelt die 3 Spalten 
+++++++++++++++++++++++++++++++++++
*/

.main {
  padding-bottom: 3em; /* Definiert den Abstand zum Fussbereich (Footer) */
  border-left: 1px solid white;
  border-right: 1px solid white  
}


/*
+++++++++++++++++++++++++++++++++++
  Hauptteil, enthaelt die drei Spalten mit dem Content
+++++++++++++++++++++++++++++++++++
*/

/* Spalte1 - column-left */
.column-left ul {
  list-style: square;
}

.column-left li {
  margin-left: 1.25em;
  margin-right: 1em;
  margin-top: 0.25em;
  border-bottom: 1px dotted #ccc;
  list-style-type: disc;
}

.column-left a {
  font-size: 90%;
  text-decoration: none;
  color: #425261;
}
.column-left a:hover {
  color: #9f0000;  
}


/* Spalte1 - column-content */
.column-content {
  font-size: 94%;
  color: #414141;
}

.column-content h1 {
  font-size: 110%;
  color: #3A3A3A;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 1em;
}

.column-content h2 {
  font-size: 100%;
  color: #3A3A3A;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 1em;
}

.column-content p {
  margin-bottom: 1em;
}

.column-content ul {
  margin-left: 1em;
  margin-bottom: 1em;
}

.column-content img {
  border: 1px solid #acacac; 
}

.column-content a {
  color: #414141; 
}



/* Spalte1 - column-right */
.column-right {
  font-size: 94%;
  color: #414141;
}

.column-right h1 {
  font-size: 100%;
  color: #3A3A3A;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 1em;
}

.column-right p {
  margin-bottom: 1em;
}

.thumb-column-right {
  border: 1px solid #c8c8c8;
  padding: 5px;
  margin: 8px 15px;
  background-color: #fafafa; 
  background-image: url(../images/background-image.jpg);
  background-repeat: repeat-x;
  background-position: bottom;  
}

.litebox-10 {
  margin-top: 25px;
}

.litebox-10 img {
  margin: 8px 15px;
  padding: 5px;
  border: 1px solid #c8c8c8;
  background-color: #fafafa; 
  background-image: url(../images/background-image.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}

/*
+++++++++++++++++++++++++++++++++++
  Fussbereich 
+++++++++++++++++++++++++++++++++++
*/

.footer {
  position: absolute; /* Ermoeglicht die Positionierung am untern Rand */
  bottom: 0; /* Haelt den Fussbereich um unteren Rand fest */
  padding: 0.75em 0;  
  width: 100%;
  height: 1em;
}

.footer address {
  font-size: 75%;
  font-style: normal;
  text-align: center;
  color: white;
}


/*
+++++++++++++++++++++++++++++++++++
  Formatierung der Formulare 
+++++++++++++++++++++++++++++++++++
*/
/*
.frmstandard legend {
  padding: 0 5px;
  margin-left: 10px;
  font-weight: bold;
  color:black;
}

.frmstandard input, textarea, select, label, button {
  margin-top: 5px;
}

.leftlabel {
  float: left;
  text-align: right;
  width: 38%;
  margin-right: 2%;
}

.rightlabel, button {
  margin-left : 40%;
}
*/