/********************** Styles Layout*/
body {
	background-repeat: no-repeat;
	background-color: EAEAEA;
	background-image: url(img/of/hintergrund.jpg);
	background-position: center top;
	margin: 15;
}
	
.bg {
	background-image: url(img/bg2.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.bgunten {
	background-image: url(img/bg2_2.gif);
	background-repeat: repeat-x;
}

.headerHg {
	background-image: url(img/of/header.jpg);
	background-repeat: no-repeat;
}
.contentbereich {
	background-color: #FBFBFB;
}

/*** End Styles Lyout/*

/********************** Styles Typografie */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 16px;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
}

a.navipfeil:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}
a.navipfeil:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}
a.navipfeil:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}
a.navipfeil:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
}

img {
	color: #666666;
}

.worksh1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: 666666;
}

.tablecontent {
	background-color: #FFFFFF;
}

.wh1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #444444;
}

.worksh1farbework {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	color: #444444;
}

.input, .textarea {
	background-color: #F8F8F8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.fehlermeldung {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(img/error.gif);
	color: #333366;
	background-repeat: no-repeat;
	text-indent: 17pt;
}

.pWeisserFond {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 16px;
}

/*** End Styles Typografie*/

/********************** Styles Works-Thumbs*/

/***fixer Style*/
.worksThumb {
	background-image: url(img/workHg.gif);
	background-repeat: no-repeat;

}

/***dynamischer Style*/
.workThumbBox {
 position:relative;
 margin:0px auto;
 width:480px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#666666;
 margin-top: 10px; 
 margin-left:12px;
 margin-bottom:10px; /* spacing under dialog */


}

.workThumbBox .content,
.workThumbBox .t,
.workThumbBox .b,
.workThumbBox .b div {
background: url(works/of/worksHg.gif) no-repeat top right;
}

.workThumbBox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 5px 0px 0px 0px;
 _min-height:150px; /* arbitrary long height, IE 6 */
}

.workThumbBox .t {
 position:absolute;
 left:0px; top:0px; width:12px; height: 100%; _height: 105%; margin-left:-12px;	
 background-position:top left;
}

.workThumbBox .b {
 position:relative;
 width:100%;
}

.workThumbBox .b,
.workThumbBox .b div {
 height:12px;
 font-size:10px;
}

.workThumbBox .b {
 background-position:bottom right;

}

.workThumbBox .b div {
 position:relative;
 width:12px; margin-left:-12px;
 background-position:bottom left; 
}

.workThumbBox .hd,
.workThumbBox .bd,
.workThumbBox .ft {
 position:relative;
 top: 0px;   

 
}

.workThumbBox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
_height:120px;
 }

.workThumbBox p {
 margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding: 0px 0px 5px 5px;
 margin-left: -5;
}

.workThumbBox .firstRow {
 position: relative;
 padding: 5px 0px 0px 0px;
}
.workThumbBox .firstColumn {
 position: absolute;
 padding: 5px 0px 0px 5px;
 left:0px;  min-height:75px; width: 200px;
}

.workThumbBox .secondColumn {
 position: absolute;
 left:140px; width:150px;  min-height:75px;
 padding: 5px 0px 0px 0px;
}
 
.workThumbBox .thirdColumn {
 position: relative;
 left:200px; width:260px;  min-height:75px;
 padding: 5px 0px 0px 5px;
}

/*** End Styles Lyout/*Works-Thumbs*/