/* ================================================ */
/*  Globale Seiteneinstellungen  */
/* ================================================ */

/* hier wird normalerweise nichts für die Seite eingetragen */

BODY {
	position: relative; 
  font-size: 100.01%;
	color: #000000;
	border-style: none;
	font-family: arial, sans-serif, helvetica, tahoma;	
	margin: 0px;
	padding: 0px;
	min-height: 101%;      
	BACKGROUND: url('../img/bg.gif') repeat-y 20px;
}
* {
	margin: 0px;
	padding: 0px;
}
img, form {
	BORDER-style: none;
}
select, input, textarea { 
}
.clearer {
	clear:both;
	line-height:1px;
	font-size:1px;
}


/* zentrisch  */
/* ================================================ */
.zentrisch {
	margin: 15px auto 0pt auto; 
	text-align: left;
	padding-top: 0px;
}
BODY {
	text-align: left;
}


/* ================================================ */
/* allgemeine Layout Einstellungen des Layouts  */
/* ================================================ */
#global {
	width: 100%;
	position: relative;
}
.contentwidth {
	width: 960px;
}
.headerwidth {
	width: 680px;
}
.logowidth {
	width: 500px;
}

.leftwidth {
	width: 180px;
}
.maincontentwidth {
	width: 560px;
}
.mainwidth {
	width: 364px;
}

.picturewidth {
	width: 180px;
}
#pictures {	
	left: 600px;
}

/* ================================================ */
/*  Standard Klassen */
/* ================================================ */

/* IE Prozentfehler */
.puffer {
	padding: 0 1px 0 1px; 
	margin: 0 -1px 0 -1px; 
	overflow: hidden;
}
.anker {
	text-decoration: none;
}


/* ================================================ */
/* Layout-Einstellungen  */
/* ================================================ */
#logo {
	text-align: left;
}
#logo .image {
	margin: 15px 0px 0px 20px;
	float: left;
	display: inline;
	overflow: hidden;
}
.slogan {
	text-align: right;
	padding: 65px 20px 0px 0px;
	margin: 0px;
}
#logo .slogan img {
	margin: 0px;
}


/* =====  Main  =====  */
#main {
}
#main-content {	
	float: left;
}
.main-innen {	
	padding: 25px 15px 180px 40px;
}
.main-innen p {	
	padding: 0px 20px 0px 0px;
}
#right-content {	
	float: right;
	text-align: left;
}
#right-content .innen {	
	padding: 20px 0px 0px 10px;
}
#right-content p {	
	text-align: left;
	padding: 0px 0px 4px 0px;
	font-size: 0.76em;
	margin: 0px;
}


#footer {
	padding: 15px;
}
#footer p{
	text-align: right;
}


#pictures {	
	position: absolute;
	top: 0px;
	height: 100%;
}

#pictures .reihe {	
	top: 0px;
	right: 0px;
	position: absolute;
	height: 100%;
}

#pictures p {
	width: 504px; 
	position: absolute;
	right: 8px; 
	text-align: right;
}
#pictures img {
	cursor: move;
}

html {
	font-size: 75%;	
}
* {
	font-size: 1em;
}

p, span, h1, h2, h3, h4, h5, h6, ul, a {
	font-size: 1em;
	font-family: arial, sans-serif, helvetica, tahoma;	
	text-decoration: none;
  font-weight: normal;
	text-align: left;
}
a {
	font-size: 1em;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
table, input {
	font-family: verdana, helvetica, sans-serif, arial;
	text-align: left;
	font-size: 1em;
}
table {
	width: 100%;
}
table td {
	vertical-align: top;
}


p {	
	line-height: 1.2em;
}

ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  list-style-type: square;
	color: #84bae1;
}
ol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.1em;
}
li {
	padding:  0px 0px 0px 0px;
	margin:  0px 0px 0px 15px;
}

/* Überschriften */
H1 {
	margin: 0px 0px 15px 0px; 
	font-size: 1.6em;
	letter-spacing: 0em;
	font-family: arial, sans-serif, tahoma, helvetica;
	line-height: 1em;
}
H2 {
	padding: 0px 0px 3px 0px; 
	font-size: 1.6em;
	font-family: arial, sans-serif, tahoma, helvetica;
}
H3 {
	padding: 5px 0px 10px 0px; 
	font-size: 1.2em;
	font-family: arial, sans-serif, tahoma, helvetica;
  font-weight: bold;
}
H4 {
	padding: 0px 0px 3px 0px; 
  font-weight: bold;
}
H5 {
	padding: 0px 0px 3px 0px; 
}
H6 {
	padding: 0px 0px 3px 0px; 
}





/* ================================================ */
/*  Farben und Hintergründe */
/* ================================================ */

p, span, h1, h2, h3, h4, h5, h6, ul, a {
	color: #000000;
}
a {
	color: #205190;
}
a:hover {
	color: #D02325;
}

H1 {
	color:  #ffffff;
}
h2 {
	color: #E7F1F9;
}
h3 {
	color: #205190;
}
h4 {
	color: #666666;
}
h5 {
	color: #205190;
}
h6 {
	color: #D02325;
}


body {
	background-color: #a3cbe9;
}
.head {
	background-color: #FFFFFF;
}
#pictures .head {	
	background-color: #E7F2F9;
}
#pictures img {
	border: 2px solid #FFFFFF;
}

#right-content p {
	color: #ffffff;
}


/* =====  Farben Ende ===== */ 

/* ================================================ */
/*  Navigation   */
/* ================================================ */

/* =====  Navigationsmeu ===== */ 
/*  overflow-hidden besser nicht, leftwidth angeben */
#navigate {
	float: left;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	overflow: hidden; /* ganze Zeile als Link */
	display: inline;
}
#navigate .rahmen{
	padding: 0px 0px 0px 0px;	
	BACKGROUND: url('../img/content_mitte.gif') repeat-y top right;
	margin: 30px 0px 25px 0px;
}
.nav-unten {
	BACKGROUND: url('../img/content_unten.gif') no-repeat bottom right;
	padding-bottom: 15px;
}
.nav-oben {
	BACKGROUND: url('../img/content_oben.gif') no-repeat top right;
	padding: 15px 0px 20px 20px;
}


/* a */
/* Paddings RL ohne width möglich */
#navigate a {
	FONT-WEIGHT: bold;
	display: block;	
	text-align: left;
	padding: 8px 20px 0px 0px;
	margin: 0px;
	text-decoration:none;
}
#navigate a:hover {
	text-decoration:underline;
}
#navigate a.an {
}
#navigate a.sub {
	FONT-WEIGHT: normal;
}
#navigate a.suban {
	FONT-WEIGHT: normal;
	BACKGROUND: url('../img/nav_pfeil.gif') no-repeat 5px 10px;
}


/* sub */
#navigate a.sub {
	padding: 7px 0px 0px 15px;
}
#navigate a.suban {
	padding: 7px 0px 0px 15px;
}



/*** Navigation Farben ***/
/* a */
#navigate a {
	color: #ffffff;
}
#navigate a:hover {
}
#navigate a.aus {
	color: #ffffff;
}

#navigate a.an  {
	color: #205190;
}

/* sub */
#navigate a.sub {
}
#navigate a.suban {
	color: #205190;
}

#footer p {
	color: #205190;
}

/* ================================================ */
/*  spezielle Klassen der Seite */
/* ================================================ */

/* ================================================ */
/* CMS Classes */
/* ================================================ */
.cm-img-border {
	border: 2px solid #FFFFFF;
}

.bl-quelltext{
	clear: both;
	margin: 0px;
	padding: 0px;
}