@charset "utf-8";
body {
	background-color: #c0c0c0;
	font-family: Verdana, SunSans-Regular, Sans-Serif;
	padding:0;
	margin:0;
	margin-top:0;
}

/* ----------container zentriert das layout-------------- */
#container {
	width: 900px;
	background-color: #c0c0c0;
	padding-left:10px;
	paddiong-top:0;
	margin-top:0;
	top:0;

}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #c0c0c0;
	height:25px;
}
*+html #banner{
height:40px;
margin-top:20px;
}
#banner img{
	margin-bottom: 0;
	padding-bottom: 0;
}
#banner span{
float:right;
color:#294a73;
font-size:10px;
font-weight:bold;
margin-top:-30px;
}
#header {
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	height:170px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#header p {
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	text-align:right;
	vertical-align:bottom;
	padding-right:10px;
	padding-top:140px;
	letter-spacing:-0.2px;
}
/* -----------------Inhalt--------------------- */
#content_4bilder {
	float: left;
	width: 900px;
	margin: 0;
	background-color:#ffffff;
	border-top:1px solid #333;
	height:145px;
}
#content_links {
	float: left;
	width: 450px;
	margin: 0;
	background-color:#d4dbe3;
	height:550px;
}
#content_links p{
font-size:10px;
line-height:14px;
color:#333333;
padding-left:20px;
}
#content_links_g {
	float: left;
	width: 450px;
	margin: 0;
	background-color:#f2f2f2;
}
#content_links_g p, #content_rechts p{
font-size:10px;
line-height:14px;
color:#333333;
padding-left:20px;
}
#content_links_g span, #content_content span{
font-size:9px;
line-height:14px;
color:#333333;
padding-right:5px;
}
#content_links hr {
padding-left:20px;
padding-right:20px;
 border: 0px; /* Für Firefox und Opera */
 border-top: dotted 1px #666;
 border-bottom: dotted 1px #d4dbe3; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 background-color: #d4dbe3;
 width:90%;
}
#content_rechts hr {
padding-left:20px;
padding-right:20px;
 border: 0px; /* Für Firefox und Opera */
 border-top: dotted 1px #666;
 border-bottom: dotted 1px #f2f2f2; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 background-color: #f2f2f2;
 width:90%;
}
#content_rechts {
	float: right;
	width: 450px;
	margin: 0;
	background-color:#f2f2f2;
	height:550px;
}
#content_rechts p span, #content_rechts span, #content_rechts table p span,  #content_rechts table p span a {
font-weight:bold;
text-decoration:none;
color:#294a73;
}
.ueberschrift_links table, .ueberschrift_links{
font-size:10px;
font-weight:bold;
background-color:#294a73;
color:white;
width:100%;
text-transform:uppercase;
padding-left:5px;
border-right:1px solid #fff;
}
.ueberschrift_rechts table, .ueberschrift_rechts{
font-size:10px;
font-weight:bold;
background-color:#666;
color:white;
width:100%;
text-transform:uppercase;
padding-left:5px;
}
#content_content {
	float: right;
	width: 900px;
	margin: 0;
	background-color:#f2f2f2;
}
#content_content h1, #content_content table h1, #content_content p h1, #content_links_g h1{
font-size:16px;
font-weight:bold;
line-height:14px;
color:#294a73;
padding-left:20px;
}
#content_content table p{
font-size:10px;
line-height:14px;
color:#333333;
padding-left:20px;
}
#content_content table p a, #content_content table a, #content_content a, #content_rechts table p a, #content_rechts a {
text-decoration:none;
color:#294a73;
}
.ueberschrift_content table, .ueberschrift_content{
font-size:10px;
font-weight:bold;
background-color:#666;
color:white;
width:100%;
text-transform:uppercase;
padding-left:5px;
}
.ueberschrift_links_g table, .ueberschrift_links_g{
font-size:10px;
font-weight:bold;
background-color:#294a73;
color:white;
width:100%;
text-transform:uppercase;
padding-left:5px;
}

/* --------------navigation_sichtbar------------- */
#werkstadtgraz {
	float: left;
	width: 224px;
	margin: 0;
	color:#ffffff;
	border-right: 1px solid #333;
	height:130px;
	background-color:#fff;
}
/*
#werkstadtgraz img{
position:relative;
top:100px;
float:right;
}*/
#werkundleben {
	float: left;
	width: 224px;
	margin: 0;
	color:green;
	border-right: 1px solid #333;
	height:130px;
	background-color:#fff;
}
/*
#werkundleben img{
position:relative;
top:100px;
float:right;
}*/
#kunstundwerk {
	float: left;
	width: 224px;
	color:red;
	border-right: 1px solid #333;
	height:130px;
	background-color:#fff;
}
/*
#kunstundwerk img{
position:relative;
top:100px;
float:right;
}*/
#werkundforschung {
	float: right;
	width: 225px;
	margin: 0;
	padding: 0;
	color:#ffffff;
	height:130px;
	background-color:#fff;
}
/*
#werkundforschung img{
position:relative;
top:100px;
float:right;
}*/
.ueberschrift_navigation table, .ueberschrift_navigation{
font-size:10px;
font-weight:bold;
background-color:#666;
color:white;
width:100%;
text-transform:uppercase;
padding-left:5px;
}
.content_navigation table, .content_navigation, .content_navigation table a, .content_navigation a{
font-size:10px;
font-weight:normal;
color:#000;
width:100%;
text-transform:uppercase;
padding-left:5px;
text-decoration:none;
}
/* ----------- navigation unsichtbar ---------*/
#werkstadtgraz2 {
position:absolute;
left:10px;
	float: left;
	width: 224px;
	margin: 0;
	color:#ffffff;
	border-right: 1px solid #333;
	height:130px;
	background-color:#fff;
}
*+html #werkstadtgraz2{
top:205px;
}
/*
#werkstadtgraz2 img{
position:relative;
top:100px;
float:right;
}*/
#werkundleben2 {
position:absolute;
left:235px;
	float: left;
	width: 224px;
	margin: 0;
	color:green;
	border-right: 1px solid #333;
	height:130px;
	background-color:#fff;
}
*+html #werkundleben2{
top:205px;
}
#werkundleben2 img{
position:relative;
top:100px;
float:right;
}
#kunstundwerk2 {
position:absolute;
left:460px;
	float: left;
	width: 224px;
	color:red;
	border-right: 1px solid #333;
	height:130px;
	background-color:#fff;
}
*+html #kunstundwerk2{
top:205px;
}
#kunstundwerk2 img{
position:relative;
top:100px;
float:right;
}
#werkundforschung2 {
position:absolute;
left:685px;
	float: left;
	width: 225px;
	margin: 0;
	padding: 0;
	color:#ffffff;
	height:130px;
	background-color:#fff;
}
*+html #werkundforschung2{
top:205px;
}
#werkundforschung2 img{
position:relative;
top:100px;
float:right;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	padding: 0;
	margin: 0;
	background-color: #c0c0c0;
	color:#010101;
	text-align:center;
	font-size:9px;
	padding-top:5px;
}