/* @override http://www.ataxie.de/fileadmin/ataxie_de/Stylesheets/standard.css */

.image {
	width: 6.65em;
	height: 6.65em;
	border: 0px  #ffffff;
}
/* definiert die Buttons in der rechten Spalte */
.imageButton {
	width: 7.9em;
	height: 2.1em;
	background: #b0c4de;
	height: 2.2em;
	text-align: center;
	color: #00003c;
	line-height: 2.3em;
	border-right: .3em solid red;
	margin-bottom: 1.1em;
}

body {
background-color: #e6e6fa;
color: #000028;  
padding:0px;
margin: 0px;
font: 1em Helvetica, Arial, "Trebuchet MS", Geneva, Verdana, sans-serif;
line-height: 1.2em;
}

h1 {
	font-size: 1.7em;
}

b {
	font-weight: bold;
	color: #00004b;
}

a:link { color: #00003c; text-decoration: none; }
a:visited { color: #5e5d85; text-decoration: none; }
a:hover { color: #00003c; text-decoration: underline;}
a:active { color: #00003c; text-decoration: none;}


/* Linkformatierung fuer Klickpfad und obenNavi Content
-------------------------------------- */

.linkbereich2  a:link {color: #000028; text-decoration: none; }
.linkbereich2  a:visited { color: #000028; text-decoration: none;  }
.linkbereich2  a:hover { color: #000028; text-decoration: underline; }
.linkbereich2  a:active { color: #000028; text-decoration: none; }

.linkbereichcontent  a:link {color: #000095; text-decoration: none; }
.linkbereichcontent  a:visited { color: #5e5d85; text-decoration: none;  }
.linkbereichcontent  a:hover { color: #000095; text-decoration: underline; }
.linkbereichcontent  a:active { color: #000095; text-decoration: none; }

/* Mit diesem Container wird das Layout zentriert
gleichzeitig kann man hier die Breite aendern, was sich nur auf den Mittelbereich auswirkt.
Seine Hintergrundfarbe bestimmt den Hintergrund des Rahmens Oben, Navi, Buttons
-------------------------------------- */
#container {
width: 58em;
border: .2em solid #e6e6fa;
margin: .8em;
margin-left: auto;
margin-right: auto;
background-color: #e6e6fa;
/*background-color: #dcdce6;*/
text-align:left;
}

/*Position fuer Logo und Sitetitel im oberen Bereich.
-------------------------------------- */

#Logo {
	position: static;
	padding: 1.3em .5em .2em 1em;
	margin-bottom: 1.5em;
}

#Titel {
	vertical-align: middle;
	position: relative;
	padding-left: 12em;
	top: -5em;
	margin-bottom: -2.5em;
}

/*Klickpfad - Die Zeile _Sie sind hier_ und Die Links daneben. 
Die Borderfarbe entspricht der Backgroundfarbe des Containers
-------------------------------------- */
#Klickpfad {
background-color: #b0c4de;
margin: 0px;
padding: .6em 0px .35em .5em;
border-right: .2em solid #e6e6fa;
border-left: .2em solid #e6e6fa;
border-bottom: .4em solid #e6e6fa;
	font-size: .8em;
	color: #000028;
	line-height: 1.8em;
}

#ObenNavi {
	margin: -2.6em 0px 1em;
	float: right;
	padding-right: .8em;
	color: #f5f5ff;
	font-size: .8em;
	color: #000028;
	line-height: 1.8em;
	padding-top: .1em;
}

/* Content- Beschreibt den Inhaltsbereich in der Mitte
-------------------------------------- */
#Content {
margin:0px;
margin-left: 15em;
margin-right: 12.5em;
background-color: #e6e6fa;
font-size: .8em;
	padding: 1em .5em;
}

/* links und rechts Navigation+Banner
-------------------------------------- */
#Navigation {
float: left;
width: 13em;
padding: 1em .5em 2em;
color: #000028;
	background: inherit; 
	font-size: .8em;
 	font-weight: bold;
	border-bottom: .4em solid red;
	border-top: .4em solid red;
	margin: 2.2em 0px 2em .3em;
	border-left: #dcdce6;
	border-right: .6em  #dcdce6;
}

/* In der Vorlage sind die Banner
als <div id="Banner"align=right> gesetzt */

#Banner {
float: right;
width: 11.5em;
	clear: right;
	direction: rtl;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 1.5em .15em 1em .5em;
}

/*footer
Die Borderfarbe entspricht der Backgroundfarbe des Containers.
-------------------------------------- */
#Footer {
clear: both;
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
background-color: #b0c4de;
	font-size: .75em;
	text-align: center;
	color: #000028;
	border-style: none;
	border-top-width: 2px;
}