/* 	use-art.de: basic.css					*/
/*		author: uli bildstein					*/
/*		eMail: bildstein@kammerkunst.de		*/
/*		date: 2006/02/15							*/
/*		last update: 2007/04/27					*/

* {padding:0; margin:0;}

html {
height: 100%;
margin: 0 0 1px 0;
padding: 0;
}


body {
	padding:60px 0 0 0;
	background-color:#fff;
	color: #808080;
	text-align:center;
	font-size:1em;
	font-family: verdana, arial, helvetica, sans-serif;
	height: 100%;
	margin: 0 0 1px 0;
	}

#outer{
	width:620px;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	position:relative;
}

#clear {
	clear:both;
}

img {
	border:none;
}

h1 {position:absolute; left:-2000px;}

p, h2, h3 {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 170%;
	font-weight: 100;
	font-size: 70%;
}

.bottom {
	margin: 0 0 0 0;
	padding: 3em 0;
	color: #c0c0c0;
	background-color:transparent;
}

.abs { margin: 0;
	padding: 0 0 3em 0;
	}
	
.date	{
	font-style: italic;
	color: #c0c0c0;
	background-color:transparent;
	margin: -1.5em 0 0 0;
	padding: 0;
	}
	
.lang {
	text-align: right;
	margin: 0 0 2em 0;
	padding: 0;
	}
	
.lang a {
	text-align: right;
	color: #c0c0c0;
	background-color:transparent;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	

ul, dl { 
	list-style-type:none;
	line-height: 170%;
	font-size: 70%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

ol { 
	list-style-type:none;
	line-height: 170%;
	font-size: 70%;
	margin: 0 0 2em 0;
	padding: 0;
}

ol li {
	margin: 0 0 1em 0;
	padding: 0;
}


.hide, .spamtrap, label, dt {position:absolute; left:-2000px;}

.alt { display: none; }

.submit {
	background-color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #808080;
	font-weight: 100;
	font-size: 100%;
	border: none;
	cursor: pointer;
 }
 
input, textarea { 
	border: 1px #c0c0c0 solid;
	}

.newsitem, .item { 
	margin: 0 0 2em 0;
	}


/* =n			navigationen		*/


/* =helpNav							*/


#helpNav {
	position:absolute;
	width: 100%;
	top: -2000px;
	left: -2000px;
	z-index: 20;
	width: 100%;
	}
	
#helpNav dd {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#helpNav a:focus, #helpNav a:active {
  position: absolute;
  z-index: 20;
  top: 1972px;
  left: 2000px;
  color: #333;
  font-weight: 100;
  background: transparent;
  color:#69c;
  text-decoration: none;
  width: 15em;
  padding: 0 1em;
  margin: 0;
}




/* =addNav							*/
	
#addNav {
	text-align: right;
	margin: 0 0 3em 0;
	padding: 0;
	}
	

	
#addNav dd {
	color: #c0c0c0;
	display: inline;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	}
	

#addNav a {
  color: #c0c0c0;
  font-weight: 100;
  background: transparent;
  text-decoration: none;
  padding: 0;
  margin: 0;
}


	
	
/* =mainNav Q: http://www.thevisualprocess.com/dev/rollover/		*/

		#mainNav dl {
			list-style: none;
			float: left;
			}
			
		#mainNav dd {
			float: left;
			clear: none;
			}
		
		#mainNav a#roll_useart {
			display: block;
			position: relative;
			width: 123px;
			height: 31px;
			background-color: #fff;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
		}
		
		#mainNav a#roll_leistungen {
			display: block;
			position: relative;
			width: 187px;
			height: 31px;
			background-color: #fff;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
		}
		
		#mainNav a#roll_referenzen {
			display: block;
			position: relative;
			width: 181px;
			height: 31px;
			background-color: #fff;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
		}
		
		#mainNav a#roll_kontakt {
			display: block;
			position: relative;
			width: 129px;
			height: 31px;
			background-color: #fff;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
		}
		
			
		#mainNav a span.useart {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 31px 0 0 0;
			background: url(../img/useart_2.gif) no-repeat;
			overflow: hidden;
		}
		
		#mainNav a span.leistungen {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 31px 0 0 0;
			background: url(../img/leistungen_2.gif) no-repeat;
			overflow: hidden;
		}
		
		#mainNav a span.referenzen {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 31px 0 0 0;
			background: url(../img/referenzen_2.gif) no-repeat;
			overflow: hidden;
		}
		
		#mainNav a span.kontakt {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 31px 0 0 0;
			background: url(../img/kontakt_2.gif) no-repeat;
			overflow: hidden;
		}