/*CSS-Vorlage Roland Bühlmann*/

body 	{/*background-image:url(bilder/bg.jpg);*/
	background-color: #999999;
        font-family: Arial,Helvetica,sans-serif;
	letter-spacing: 0.2em;
        }

body.mid {
	background-color: #999999;
        font-family: Arial,Helvetica,sans-serif;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 auto;
        }

p	{
	font-size: 12px;
	color: #121212;
	margin: 0.2em;
	padding: 0.2em;
	}

h1	{
	font-size: 16px;
	color: #222222;
	margin-left: 0%;
	}

h2	{
	font-size: 16px;
	color: #222222;
	height: 25px;
	}

h3	{
	font-size: 16px;
	color: #333333;
	}
       
h4,h6	{
	font-size: 16px;
	color: #222222;
	margin-left: 0px;
	}

img	{
	border-width: 0px;
	}

td	{
	background-color: #b3b3b3;
	border-width: 1px;
	border-color: #121212;
	border-style: solid;
	text-align: left;
	}

td.foto	{
	background-color: #b3b3b3;
	width: 145px;
	height: 145px;
	border-width: 1px;
	border-color: #121212;
	border-style: solid;
	text-align: center;
	}

td.bipaa {
	background-color: #b3b3b3;
	width: 310px;
	height: 155px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: center;
	}

td.coa	{
	background-color: #b3b3b3;
	width: 233px;
	height: 233px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: center;
	}

td.grfx1 {
	background-color: #b3b3b3;
	width: 230px;
	height: 181px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: center;
	}

td.grfx2 {
	background-color: #b3b3b3;
	width: 230px;
	height: 55px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: center;
	}

td.musx1 {
	background-color: #b3b3b3;
	width: 233px;
	height: 33px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: center;
	}

td.musx2 {
	background-color: #b3b3b3;
	width: 122px;
	height: 33px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: center;
	}

td.musx3 {
	background-color: #b3b3b3;
	height: 14px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: left;
	}

td.musx4 {
	background-color: #efefef;
	height: 14px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: left;
	}

td.musx5 {
	background-color: #b3b3b3;
	height: 33px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: left;
	}

td.shot1 {
	background-color: #b3b3b3;
	width: 320px;
	height: 300px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed;
	text-align: center;
	}

td.shot2 {
	background-color: #b3b3b3;
	width: 500px;
	border-width: 1px;
	border-color: #121212;
	border-style: solid;
	text-align: left;
	}

table	{
	letter-spacing: 0.1em;
	}

#bim	{
	position:absolute; top: 16px;
	left: 80px;
	width: 496px;
	height: 496px;
	z-index: 2;
	background-color: #ffffee;
	border-style:solid;
	border-width: 2px;
	border-color: #efefef;
	}

#bim2	{
	position:absolute; top: 80px;
	left: 230px;
	width:80px;
	bottom:0px;
	z-index: 3;
	background-color:#efefef;
	}

#bim2ie { position:absolute; top: 80px;
	left: 230px;
	width:80px;
	height:600px;
	z-index: 3;
	background-color:#efefef;
	}

#menu	{
	position:absolute; bottom: 30px;
	right: 30px;
	width:600px;
	height:22px;
	display: inline;
	text-align:center;
	vertical-align:middle;
	z-index: 3;
	}

#birth	{
	position:absolute; top: 310px;
	right: 10px;
	z-index: 1;
	}

#inhalt	{
	position:absolute;
	top: 180px;
	left: 430px;
	z-index: 3;
	}

#datum	{
	position:absolute;
	top: 520px;
	left: 330px;
	z-index: 5;
	text-align:center;
	vertical-align:middle;
	}

div#Seite {
	text-align: center;
	margin: 0 auto;
	width: 580px;
	padding: 0;
	background: #999999;
	}

div#photo {
	text-align: center;
	margin: 0 auto;
	width: 600px;
	padding: 1em;
	background: #b3b3b3;
	border-width: 1px;
	border-color: #121212;
	border-style: solid;
	}

div#pp1 {
	text-align: center;
	margin: 0 auto;
	width: 699px;
	padding: 0;
	background: #ffffee;
	}

div#grafx {
	text-align: center;
	margin: 0 auto;
	width: 690px;
	padding: 0;
	background: #ffffee;
	}

div#musig {
	text-align: center;
	margin: 0 auto;
	width: 599px;
	padding: 0;
	background: #ffffee;
	}

div#schots {
	text-align: left;
	margin: 0 auto;
	width: 500px;
	padding: 0;
	}

div#portrait {
	text-align: center;
	margin: 0 auto;
	width: 300px;
	padding: 0;
	}

.menubox {
	display: inline; font-size: 13px;
	width:90px;
	height:20px;
	border-color:#d6d6d6;
	border-style:solid;
	border-width: 1px;
	}

.menubox:hover {
	background-color: #ffffee;
	}

.birth	{
	font-size: 70px;
	color:#b3b3b3;
	text-align:right;
	}

.mittig {
	vertical-align:middle;
	text-align:center;
	margin: 0 auto;
	}

.kleiner {
	font-size: 10px;
	}

.groesser {
	font-size: 14px;
	}

.ver	{
	margin-left: 20px;
	}

.feiss	{
	margin:0;
	padding:2px;
	}

.portrait {
	font-family: Courier,'Courier new','Lucida Console',monospace;
	font-size: 8px;
	margin:0;
	padding:0;
	letter-spacing: 0em;
	}

.feivr	{
	font-weight: bold;
	margin-left: 10px;
	color: #232323;
	}

.wver	{
	margin-left: 9px;
	color: #232323;
	}

.datum	{
	font-size: 10px;
	color: #c0c0c0;
	}

a:link	{
	color: #e7e7f7;
	text-decoration: none;
	}

a:visited {
	color: #e7e7f7;
	text-decoration: none;
	}

a:active {
	color: #e7e7f7;
	text-decoration: none;
	}

a:hover	{
	color: #e7e7f7;
	text-decoration: underline;
	}

/*...besser das Ende einer Sache denn ihr Anfang...*/