/* CSS Document */
html, body, textarea, p{
  font: 12px Helvetica, Verdana, Arial, sans-serif;
  color: black;
}

a {
	font: 10px Helvetica, Arial, sans-serif;
    color: black;
  }

A:link
{
    COLOR: #9F6A9F;
    TEXT-DECORATION: none;
	font-weight:bold;
}
A:visited
{
    COLOR: #9F6A9F;
    TEXT-DECORATION: none;
	font-weight: bold;
}
A:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none;
	font-weight: bold;
}
A:active
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
	font-weight: bold;
}
a.work:link {
	background-image:url(../img/01_work.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	display:block;
	}
a.work:hover {
	background-image: url(../img/01_workOver.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	display:block;
	}
a.work:active {
	background-image:url(../img/01_work.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	display:block;
	}
a.profile:link {
	background-image:url(../img/02_profile.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	height: 13px;
	}
a.profile:hover {
	background-image: url(../img/02_profileOver.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	}	
a.profile:active {
	background-image:url(../img/02_profile.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	}
a.contact:link {
	background-image:url(../img/03_contact.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	height: 13px;
	}
a.contact:hover {
	background-image: url(../img/03_contactOver.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	}	
a.contact:active {
	background-image:url(../img/03_contact.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	}

a.submenu {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	line-height: 8px;
	}
a.submenu:link
{
    COLOR: #000000;
}
a.submenu:visited
{
    COLOR: #BBBBBB;
}
a.submenu:hover
{
    COLOR: #9F6A9F;
}
a.submenu:active
{
    COLOR: #9F6A9F;
}
	
 div#content {
 	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -285px;
	margin-left: -462px;
	height: 570px;
	width: 924px;
	border: 0px solid black;
	z-index: 1;
}

 div#header {
 	position:absolute;
	margin-left:0px;
	margin-top: 36px;
	width: 281px;
	height: 48px;
	border: 0px solid yellow;
	z-index: 2;
	}

 div#kalligraphie {
 	position:absolute;
	margin-left:784px;
	margin-top: 44px;
	width: 140px;
	height: 57px;
	border: 0px solid yellow;
	z-index: 2;
	}


 div#headmenu {
 	height: 12px;
	width: 42px;
	border: 0px solid green;
	margin-top: 536px;
	margin-left: 910px;
	position:absolute;
	z-index:2;
	}
	
 div#menu {
 	height: 13px;
	width: 281px;
	margin-top: 95px;
	margin-left: 0px;
	border: 0px solid red;
	position: absolute;
	z-index:2;
	}
	
#menu {
    width: 697px;
    height: 13px;
    margin:0 auto;
    padding: 0 0 0 0;
    list-style:none;
}
	
#menu li {
    float: left;
    margin:0;
    padding:0;
}

#menu li a {
    display: block;
    height: 13px;
    text-decoration: none;
    text-indent: 0px;
    font: 0px/0 sans-serif;
}

#menu li a.work {
    width: 86px;
    background: url(../img/01_work.png) no-repeat;
}

#menu li  a.work:hover {
    background: url(../img/01_workOver.png) no-repeat;
}

#menu li  a.profile {
    width: 99px;
    height: 13px;
    background: url(../img/02_profile.png) no-repeat;
}

#menu li  a.profile:hover {
    background: url(../img/02_profileOver.png) no-repeat;
}

#menu li  a.contact {
    width: 96px;
    background: url(../img/03_contact.png) no-repeat;
}

#menu li  a.contact:hover {
    background: url(../img/03_contactOver.png) no-repeat;
}

 div#submenu {
	height: 420px;
	width: 120px;
	border: 0px solid red;
	margin-top: 130px;
	margin-left: 0px;
	position: absolute;
	z-index:2;
	overflow: inherit;
	}

 div#text {
	height: 400px;
	width: 540px;
	margin-left: 305px;
	margin-top: 130px;
	border: 0px solid red;
	overflow: auto;
	position:absolute;
	z-index:2;
	font-size: 11px;
	left: 0px;
	top: 0px;
	}
	
	
 *html div#text-box {
 	margin-top: 0em;
	}
	
 div#idPic {
	 height: 400px;
	 width: 160px;
	 margin-left: 125px;
	 margin-top: 130px;
	 border: 0px solid green;
	 overflow: auto;
	 position: absolute;
	 z-index: 3;
 }
	
 div#galerie {
	height: 400px;
	width: 800px;
	margin-left: 125px;
	margin-top: 130px;
	background-color: #000000;
	border: 1px solid white;
	color: #FFFFFF;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	position:absolute;
	z-index:3;
	}
	
 div#galerieThumb {
	height: 198px;
	width: 198px;
	margin-left: 726px;
	margin-top: 131px;
	background-color: #000000;
	border: 1px solid black;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	overflow: hidden;
	position: inherit;
	z-index:4;
	}	
	
	
 div#galerieText {
	height: 198px;
	width: 194px;
	margin-left: 726px;
	margin-top: 331px;
	background-color: #000000;
	border: 1px solid black;
	color: #FFFFFF;
	padding: 0px 0px 0px 4px;
	overflow: hidden;
	position:absolute;
	z-index:4;
	}
		
 div#galerieNext {
	height: 392px;
	width: 42px;
	margin-left: 901px;
	margin-top: 130px;
	background-color: #000000;
	border: 1px solid white;
	color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	overflow: auto;
	position:absolute;
	z-index:2;
	}
	
 div#galerieNavi {
	height: 12px;
	width: 600px;
	margin-left: 125px;
	margin-top: 536px;
	border: 0px solid red;
	color: #000000;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	position:absolute;
	z-index:2;
	}

 div#icon {
 	height: 76px;
	width: 104px;
	margin-left:247px;
	margin-top:5px;
	border: 0px solid green;
	position:absolute;
	overflow: auto;
	z-index:1;
	}

.category {
	background-image: url(../img/submenu_bg.png);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0px 0px 4px 4px;
	margin-top: 10px;
	height: 16px;
	color: #FFFFFF;
	line-height:14px;
	}

.letter {
	float:left;
	padding: 0px 8px 0px 0px;
	}

.tabletext {
	padding: 0px 10px 0px 0px;
	font-size:12px;
	line-height: 16px;
	}