/*********************************************** 
 * Basis-CSS-Datei fuer alle Webseiten
 * 
 * (c) Sascha Seeger-Kunth, 2009
 ***********************************************/

/* Allgemeine Formatierungen */ 

* {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

body {
    text-align: center;
}

a {
    color: #333;
    text-decoration: none;
}

a:link, a:visited  {
    text-decoration: none;
}

a:focus, a:hover, a:active  {
    text-decoration: underline;
}

a img {
    border: 0 none;
}

h1, h2 {
    background: transparent;
    font-weight: bold;
}

h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 15px;
}

h2, h3, h4, h5, h6 {
    font-size: 12px;
}

li {
    list-style: none;
}

.anchor,
#breadcrumb,
#printbar_red,
#printbar_blue {
	display: none;
}

/* Formatierungen speziell fuer den RTE von Typo3 */

sub, sup {
	font-size: 10px;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.csc-frame-frame2 {
	border: 1px solid #333;
	background-color: #F5FFAA;
	padding-left: 3px;
}

.csc-frame-frame1 {
	border: 1px solid #333;
	background-color: #EDEBF1;
	padding-left: 3px;
}

blockquote p {
	margin-left: 15px;
	font-style: italic;
}

/* Container - Enthaelt die gesamte Seite */ 

#container {
	position: relative;
    width: 900px;
    height: 650px;
    margin: auto;
    margin-top: 5px;
    text-align: left;
}

noscript {
	margin-bottom: 5px;
}

noscript p {
	margin-bottom: 3px;
	color: #8F001F;
	font-weight: bold;
}

/* Kopfbereich */ 

#header {
    position: relative;
    width: 898px;
    height: 76px;
    border: 1px solid #999;
    border-bottom: 0 none;
}

/* Kopfbereich - Logo */ 

#logo {
    float: left;
	width: auto;
    margin-left: 13px;
    margin-top: 6px;
}

/* Kopfbereich - Suchfunktion und Sprachauswahl */ 

#services {
    position: absolute;
    top: 0;
    right: 0;
    width: 216px;
    height: 15px;
    border: 1px solid #999;
    border-top: 0 none;
    border-right: 0 none;
    
} 

#lens {
	margin: 0px 5px;
}

#search {
    position: absolute;
	z-index: 2;
    top: 0;
    left: 23px;
    width: 123px;
    height: 15px;
    padding-right: 3px;
    border: 0 none;
} 

#template_table {
	height: 14px;
}

#template_td {
	width: 10px;
}

#language {
	/*****************************************************
	 * AKTIVIEREN BZW. DEAKTIVIEREN DES SPRACHE-BUTTONS  *
	 * hidden = versteckter Button                       *
	 * visible = sichtbarer Button                       *
	 *****************************************************/
	visibility: hidden;
	
	z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 15px;
    text-align: center;
    background: #CCC;
	border-left: 1px solid #999;
}

#language a {
	display: block;
}

#language a:link, #language a:visited {
	background: #CCC;
}

#language a:focus, #language a:hover, #language a:active {
	text-decoration: none;
	background: #E5E5E5;
}

/* Hauptnavigation */ 

#topnavi {
    width: 900px;
    height: 23px;
    margin-bottom: 5px;
	overflow: hidden;
} 

#topnavi ul {
	margin: 0 11px;
}

#topnavi li {
    float: left;
	width: auto;
} 

#topnavi li#logout {
	float: right;
	width: auto;
}

#topnavi a {
    display: block;
    color: #FFF;
    background: transparent;
    font-size: 15px;
    line-height: 23px;
    padding: 0 15px;
} 

#topnavi a:link, #topnavi a:visited {
    color: #FFF;
    background: transparent;
}

#topnavi a:focus, #topnavi a:hover, #topnavi a:active, #topnavi a.topnavi_active {
    color: #333;
    background: url(../layout_img/navi_active.jpg) repeat-x;
    text-decoration: none;
}

/* Hauptbereich */ 

#main {
    width: 900px;
    height: 525px;
    margin-bottom: 5px;
}

/* Hauptbereich - Banner */ 

#banner {
    float: right;
    height: 105px;
    margin-bottom: 5px;
	border: 1px solid #999;
    overflow: hidden;
}

/* Hauptbereich - Linke Spalte */ 

#column_left {
	float: left;
    position: relative;
    width: 224px;
}

/* Hauptbereich - Linke Spalte - Kontakt und Anfahrt */ 

#contact {
    position: absolute;
    bottom: 0;
    width: 178px;
    height: 125px;
    margin-top: 17px;
    padding-left: 24px;
    padding-right: 20px;
    border: 1px solid #999;
	overflow: hidden;
} 

#contact p {
	margin-bottom: 0;
}

#innerContact {
    position: absolute;
    bottom: 12px;
} 

#contact address {
    bottom: 0;
    font-style: normal;
} 

#contact a {
    background: url(../layout_img/arrow_grey.jpg) 0 2px no-repeat;
    padding-left: 15px;
}

/* Hauptbereich - Mittlere Spalte */ 

#column_middle {
    float: left;
    width: 363px;
    height: 413px;
    margin-left: 17px;
}

/* Hauptbereich - Mittlere Spalte - Content */ 

#headline {
	position: relative;
	height: 17px;
	margin: 12px 0 12px 0;
}

#top {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
}

#content {
	position: relative;
	overflow: hidden;
    height: 329px;
    margin-bottom: 17px;
} 

#innerContent {
	position: relative;
}

#innerContent ul li, #innerContent ol li {
	list-style-position: inside;
	margin-left: 15px;
}

#innerContent ul li {
    list-style-type: disc;
}

#innerContent ol li {
	list-style-type: decimal;
}

#innerContent h1, h2, p {
    margin-bottom: 12px;
}

#innerContent a {
	background: url(../layout_img/arrow_grey.jpg) 0 2px no-repeat;
	padding-left: 15px;
}

#innerContent h3 a,
#innerContent h4 a,
#innerContent h5 a,
#innerContent h6 a {
	background: none;
	padding-left: 0;
}

/* Hauptbereich - Mittlere Spalte - Kontrollleiste */ 

#control {
	position: relative;
    height: 14px;
    margin-bottom: 12px;
} 

#control a {
    background: url(../layout_img/arrow_grey.jpg) 0 2px no-repeat;
    padding-left: 15px;
} 

#control img {
    position: relative;
    top: 1px;
} 

#up, #down, #top {
	cursor: pointer;
}

.pdf_print {
    float: left;
	width: auto;
    margin-right: 15px;
} 

#scroll {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 27px;
    float: right;
}

#up {
	display: none;
	float: left;
	width: auto;
}

#down {
	display: none;
	float: right;
	width: auto;
}

/* Hauptbereich - Rechte Spalte */ 

#column_right {
    float: left;
    width: 277px;
    height: 411px;
    margin-left: 17px;
    border: 1px solid #999;
    text-align: center;
} 

#active_logo li {
	text-align: center;
	line-height: 100px;
} 

#active_logo a {
	display: block;
}

#active_logo a.anchor {
	display: none;
}

#active_logo img {
	vertical-align: middle;
}

#gallery {
	overflow: hidden;
	width: 242px;
	height: 290px;
	margin: auto;
}

#gallery_content {
	visibility: hidden;
}

/* Fussbereich */ 

#footer {
    width: 900px;
    height: 15px;
}