* {padding: 0; margin: 0;}
ul {margin-left: 10px;}

html {
	width: 100%; 
	height: 100%;
	}
body {
	display: table;
	width: 100%;
	height: 100%;
	position: relative; 
	font-size: 12px;
	font-family:Verdana;
	/* 50% Transparent weiss*/
	background: rgba(255, 255, 255, 0.75);
	filter:		progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);
}
body.index {
	background: url(bg.png) no-repeat fixed center #000000;
	}
	
a {
  color: #000000;
  text-decoration: none;
}

a:visited {
	color: #000000;
}

a:hover {
  color: #990AC8;
  text-decoration: none;
}
#oel_thumbs{
	vertical-align: middle;
	text-align: center;
	border: 0;
	font-size: 12px;
	margin: auto;
	width:90%;
	}
#uebersicht{
	vertical-align: top;
	text-align: left;
	border: 0;
	font-size: 12px;
	width:auto;
	}
#wrapper {display:table-cell; vertical-align: middle; #width: 100%; #text-align: center;#position: absolute; #top: 50%;}
#page {width: 1080px; text-align: left; margin: 0 auto; #position: relative; #top: -50%;}

#page-left {
	width: 198px;
	float: left;
	height: 500px;
}
.menus-navi > a {
	color: #000;
	display: inline-block;
	padding: 1px 2px 1px 28px;
	margin: 0 1px;
	border-top-right-radius: 7px; 
	border-top-left-radius: 7px; 
	-moz-border-radius-topright: 7px;	
	-moz-border-radius-topleft: 7px;	
	-webkit-border-top-right-radius: 7px; 
	-webkit-border-top-left-radius: 7px;
	border-bottom: 0;
	text-decoration:none;
	min-width: 30px;
	height: 26px;
	line-height: 26px;
}
.menus-navi a#tab_informatik {background: url(tab_blau_mouseout.png) no-repeat;}
.menus-navi a#tab_kunst {background: url(tab_pink_out.png) no-repeat;}
.menus-navi a#tab_informatik:hover {background: url(tab_blau_mousein.png) no-repeat;}
.menus-navi a#tab_kunst:hover {background: url(tab_pink_in.png) no-repeat;}
.menus-navi {
	width: 100%;
}
.menus {
	position: relative;
	z-index: 0;
	overflow: hidden !important;
	
	height: 488px;
}
.left-menu {	height: 105%;}
.left-menu ul {list-style-type:none; list-style-image:none;padding: 0; margin: 0;}
.left-menu > ul {padding: 15px 3px 1px;}
.left-menu > ul > li { line-height: 28px; padding: 0 10px; margin-bottom: 23px;}
.menus .left-menu#informatik > ul > li {background: url(menu2_button_none.png) no-repeat;}
.menus .left-menu#informatik > ul > li:hover {background: url(menu2_button_mouseover.png) no-repeat;}
.menus .left-menu#kunst > ul > li {background: url(menu_button_none.png) no-repeat;}
.menus .left-menu#kunst > ul > li:hover {background: url(menu_button_mouseover.png) no-repeat;}
.left-menu ul > li > a {display:block; text-decoration:none; height: 28px; color: #000; font-weight: bold;}
.left-menu > ul > li > ul {list-style-type:none; padding-left: 0;}
.left-menu > ul > li > ul > li > a {padding-left: 23px; color: #990AC8; display: block;}
.left-menu#informatik > ul > li > ul > li > a {color: #0099ff;}
.left-menu#kunst > ul > li > ul > li > a {color: #990AC8;}
.left-menu > ul > li > ul > li > a:hover {text-decoration: underline;}
.left-menu > ul > li > ul {
width: 115px;
display: none;
/* Pinker Rahmen, Moderner Browser mit Rundung links*/
border: 1px solid #990AC8;
border-top: 0;
border-top-right-radius: 0px; 
border-bottom-right-radius: 5px;	
border-bottom-left-radius: 5px; 
border-top-left-radius: 0px; 
-moz-border-radius-topright: 0px;	
-moz-border-radius-bottomright: 5px; 
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-topleft: 0px;	
-webkit-border-top-right-radius: 0px; 
-webkit-border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px;	
-webkit-border-top-left-radius: 0px;
/* 50% Transparent Schwarz*/
background: rgba(0, 0, 0, 0.50);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.left-menu#informatik > ul > li > ul {border-color: #0099ff;}
.left-menu#kunst > ul > li > ul {border-color: #990AC8;}


/* die folgenden Zeilen sorgen für das auf und zu klappen */
.left-menu > ul > li > ul {display: none;}
.left-menu > ul > li:hover > ul {display: block;}
/* ------------------------------------------------------ */

#content-div {width: 880px; float: right; border: 0px solid grey;}
#content-div #content {width: 880px; height: 510px; border: 0;}



#spiegel{
	position: fixed;
	bottom: 0;
	right: 0;
	width:300px;	
}
#spiegel img{
	max-width:300px;
	max-height:300px;
	}

#wo_bin_ich{
	text-align:left;
	text-shadow: 8px 4px 6px #000000;
	font-size: 9px; 
	color:#000000;
	font-weight:bold;
	padding: 0px;
	}
	
h2{
	font-size: 12px;
	font-weight: bold;
	}
	
#lebenslauf_tabelle{
	margin: 20px;
	border: 0;
	width: 90%;
	}	
#lebenslauf_tabelle tr td:first-child {
	min-width : 110px;
	}
#skills{
	margin: 20px;
	border: 0;
	width:400px;
	}
#skills tr td:first-child{
	min-width: 155px;
	max-width: 170px;
	}
#druck_als_pdf{
	text-align:left;
	font-weight:bold;
	font-size:9px;
	padding:0;
	text-shadow: 8px 4px 6px #000000; 
	font-size: 10px; 
	color:#000000;
	}	
#druck_als_pdf img{
	vertical-align:middle;
	}
p {
	padding: 0 15px;
	text-align:left 
	}
.clear {clear: both;}

#oben_links_text {
	height: 300px;
	width: 400px;
	margin-top: 0px;
	margin-left: 0px;
	position: fixed;
	visibility: visible;
	left: 0px;
	top: 25px;
}