/****************/
/* Glass-Effekt */
/****************/
#page {
}
#top_layout {
}
#bottom_layout {
}
/**********************/
/* für Browserweiche  */
/**********************/
div[id]#page {
	background: url(../img/layout_middle.png);
	text-align: left;
	margin: 0px auto;
	width: 815px;
}
div[id]#top_layout {
	background: url(../img/layout_top.png);
	width:815px;
	height:53px;
	margin: 10px auto 0;
}
div[id]#bottom_layout {
	font-size: .9em;
	line-height: 1.5em;
	color: #FFF;
	width:815px;
	height:53px;
	background-image: url(../img/layout_bottom.png);
	text-align: center;
	margin: 0 auto 10px;
}
/**********************/
/* Hintergrundbereich */
/**********************/
body {
  	margin: 0px;
  	padding: 0px;
/* 	text-align: center; */  /* wegen Tooltip */
  	font:11px/15px Georgia, Serif, "Times New Roman";
	color: #555558;
         background: #323840 url("../img/background.png") repeat-x;
/*         background: #323840 url("../img/bg_raster.gif");         */
/*         background: url("../img/page_background.jpg") repeat-x #9FA9B3;
         background: url("../img/background.jpg") repeat-x #8c888a;         */
}
/*****************/
/* umgebende Box */
/*****************/
#container {
	width: 780px;
 	text-align:left;
 	margin-left: auto;
 	display: block;
 	margin-right: auto;
	color: #555558;
 	background: #fff;
	border-left: 2px solid #404040;
 	border-right: 2px solid #404040;
         margin-bottom:5px;
}
/**********************/
/* für Browserweiche  */
/**********************/
div[id]#container {
         margin-bottom:0px;
}
/***************/
/* Kopfbereich */
/***************/
#header {
	padding: 0px;
	margin-top: 0px;
	background: #2B2729 url(../img/background_hf.png);
	text-align: right;
	padding: 50px 15px 10px 5px;
	border-bottom: 1px solid #999191;
}
/**********************/
/* für Browserweiche  */
/**********************/
div[id]#header {
	padding: 40px 15px 10px 5px;
}
#header h1 {
	font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif, "Lucida Sans Unicode";
	padding: 0px;
	margin: 0 0 3px 0;
	font-size: 24px;
	letter-spacing:0.1em;
}
#header h1 a {
	text-decoration: none;
	color: #fffff7;
}
#header h1 a:hover {
	text-decoration: none;
	color: #bb4444;
}
#header img {
	border: none;
}
/*****************************/
/* kleine Kopfzeile darunter */
/*****************************/
#headbar {
	background: #4D4B4B;
	height:8px;
         border-bottom: 1px solid #636161;
}
/****************/
/* linke Spalte */
/****************/
#column {
	width:160px;
         height:100%;
         float:left;
         margin:0;
         padding:10px 10px 10px 20px;
}
#column .submenu {
	width:100%;
         float:left;
         margin:0;
         padding:20px 0 0 0;
}
/*************/
/* Hauptteil */
/*************/
#content {
	float:left;
         height:100%;
         padding:0px 20px 10px 20px;
         margin:0;
         font-size:12px;
         width:550px;
}
#content .layout_box {
	width:100%;
         float:left;
         margin:0;
         padding:0;
/*	background:#123456; */
}
#content h1 {
	letter-spacing:0.3em;
 	font-size: 13px;
  	font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif, "Lucida Sans Unicode";
         margin:0;
         padding:6px 0 4px 0;
}
#content h2 {
	letter-spacing:0.15em;
 	font-size: 12px;
  	font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif, "Lucida Sans Unicode";
         margin:5px 0 3px 0;
         padding:3px 0 3px 3px;
         background:#cccccc;
}
#content h3 {
	letter-spacing:0.15em;
 	font-size: 12px;
  	font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif, "Lucida Sans Unicode";
         margin:0;
         padding:3px 0 3px 3px;
}
#content p {
	margin:0;
         padding:6px 0 6px 0;
}
#content hr {
	padding:0;
         margin:0;
}
#content td {
	border:0px;
	vertical-align:middle;
}
#content ul, #content ol {
	margin-top:0;
         padding-top:3px;
	margin-bottom:0;
         padding-bottom:3px;
}
#content a {
	text-decoration: none;
	color: #555558;
	border-bottom: 1px dashed;
}
#content a:hover {
	color: #bb4444;
}
/**************************************/
/* obere und untere Navigationsleiste */
/**************************************/
#up_nav_row, #down_nav_row {
 	text-align: right;
	padding: 5px 15px 5px 15px;
	clear: both;
         font-size: 10px;
	letter-spacing:0.1em;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif, "Lucida Sans Unicode";
}
#up_nav_row a, #down_nav_row a {
	text-decoration:underline;
}
/*************/
/* Fusszeile */
/*************/
#footer {
	border-top: 1px solid #111;
	color: #eee;
 	background: #2B2729 url(../img/background_hf.png);
	clear: both;
 	text-align: center;
 	margin-left: auto;
 	display:block;
	margin-right: auto;
 	font-size: 10px;
  	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing:0.3em;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #111;
}
/**********************/
/* für Browserweiche  */
/**********************/
div[id]#footer {
	padding: 5px 5px 0px 5px;
	border-bottom: 0px;
}
#footer a {
	text-decoration: none;
	color: #eee;
}
#footer a:hover {
	color: #bb4444;
}
#footer a img {
	margin:0 0 0 10px;
         border:0;
         padding:2px 0 0 0;
}
#footer span {
	padding: 0 10px 0 2px;
         margin: 0;
}
/************************************************/
/* Menüs und Submenüs z.B. in der linken Spalte */
/************************************************/
#MenuListe ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0px;
}
#SubMenuListe ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
}
#MenuListe ul li a, #SubMenuListe ul li a {
	text-decoration: underline;
	display: block;
	font-size: 13px;
	color: #555558;
	padding: 3px 0 3px 0;
         margin-top: 3px;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif, "Lucida Sans Unicode";
}
#MenuListe ul li a:hover, #SubMenuListe ul li a:hover {
	color: #bb4444;
}
#MenuListe ul li, #SubMenuListe ul li {
	font-size: 12px;
	border-bottom: 1px dashed #E6EEF0;
}
/********************************************/
/* allgemeine Navigationslisten (Linkisten) */
/********************************************/
#Navigation ul, #Download ul {
	list-style-type: none;
}
#Navigation ul li, #Download ul li {
	font-size: 12px;
	border-bottom: 1px dashed #ffffff;
}
#Navigation ul li a, #Download ul li a {
	text-decoration: underline;
	border-bottom: 1px dashed #E6EEF0;
	font-size: 12px;
	display: block;
	color: #555558;
         margin-top: 3px;
	padding: 0 0 0 0;
}
#Download ul li a {
	text-decoration:none;
}
#Navigation ul li a:hover, #Download ul li a:hover {
	text-decoration: none;
	background: #bb4444;
	color: #fff;
	border-bottom: 1px dashed #bb4444;
}
/**************************/
/* Tabelle für Lebenslauf */
/**************************/
.tabelle {
         border-collapse:collapse;
}
.header {
	font-weight:bold;
         font-style:italic;
         padding:0 5px 0 5px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:#555558;
         width:200px;
         border-spacing:0px;
}
.tabellen_text {
	padding: 0 5px 0 5px;
}
.tabellen_layout {
	padding: 10px 0 10px 0;
}
/**********************************************/
/* allgemeingültige Text-, Bildformatierungen */
/**********************************************/
.blocksatz {
	text-align:justify;
}
.zentriert {
	text-align:center;
}
.zum_anfang img {
         border:0;
         float:right;
         padding-left:10px;
         margin:2px 5px 0 0;
}
.text_links {
	float: left;
}
.text_normal {
	font-weight:normal;
}
.text_fett {
	font-weight:bold;
}
.bild_rechts {
	float: right;
         margin: 0 0 10px 10px;
}
.bild_links {
	float: left;
         margin: 0 10px 10px 0;
}
.my_photo {
	float: right;
         margin: 0 0 10px 20px;
}
.Aufzaehlung img {
	float: right;
         margin: 0 0 0px 10px;
}
.logo {
	padding-right:10px;
}
/*************************/
/* Layout-Formatierungen */
/*************************/
.einruecken {
	padding-left:20px;
}
.platz_oben {
	padding-top:10px;
}
.platz_unten {
	padding-bottom:10px;
}
/************************************************************/
/* Quer Listen z.B. in oberer und unterer Navigationsleiste */
/************************************************************/
.menue_quer ul {
	list-style: none;
         text-align:right;
         margin:0;
}
.menue_quer ul li {
	display: inline;
         padding: 0 1px 0 1px;
         margin:0;
}
.menue_quer a {
	color: #555558;
	text-decoration:none;
         margin:0;
}
.menue_quer a:hover {
	color: #bb4444;
}
/*****************/
/* bring me back */
/*****************/
#back-to-top {
}
a[id]#back-to-top {
	width:27px;
        	height:27px;
        	display:block;
        	position:fixed;
        	bottom:50%;
        	right:0;
        	background:url(../img/page-up.png) no-repeat 0 0;
        	outline:0 none;
}
/***********/
/* Tooltip */
/***********/
.Tooltip ul li, .Tooltip ul {
	margin:0;
	padding:0;
}
/***********************/
/* Übersetzungskonsole */
/***********************/
#translate {
	position:absolute;
	font-family: "Century Gothic", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif, "Lucida Sans Unicode";
         text-align:right;
         font-weight:bold;
         font-size:12px;
         right:50px;
         bottom:150px;
         z-index:10;
         border:#fff dotted 1px;
         background-color:#323840;
         padding:0 3px 10px 0;
         color:#000000;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	-moz-opacity: .90;
/*         filter:Alpha(opacity=90, finishopacity=90, style=3); */
         filter:Alpha(opacity=90);
}
#translate img {
	border:0;
         padding-left: 10px;
         padding-right: 7px;
}
#translate a {
	text-decoration:none;
	color: #fff;
}
#translate a:hover {
	color: #bb4444;
}
/*************************************************/
/* für Browserweiche z.B. in Übersetzungskonsole */
/*************************************************/
div[id]#translate {
	position:fixed;
}