/* =====================================
	stylesheet der artel-design website
	
	datei:	screen.css
	datum:	feb 2009
	autor:	lars richter
	
	Aufbau:	1. kalibrierung
			2. allgemein
			3. layoutbereiche
			4. sonstige
	
   ===================================== */
/* =====================================
	1. kalibrierung
   ===================================== */

* { padding:0; margin: 0; }


h1, h2, p, ul, ol { margin-bottom:1em; }

ol ul li { margin-bottom:0; }

li { margin-left: 2em; }

/* =====================================
    2. allgemein
   ===================================== */

html {
	color:#333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
}
body { background-color:#fff; }


h1 {font-size:100%;}
h2 {font-size:100%;}

address {
	text-align:center;
	font-size:100%;
	font-style:normal;
}

/* =========================================
   hyperlinks 							 */

a { 
	text-decoration: none; 
	outline: none; 
} 

a:link,
a:visited { color:#333; }

a:hover,
a:focus { color:#aaa; }

a:active { 
	background-color:#333;
	color:#ccc;
}
a img {
	border:0;
}

/* =========================================
   klassen und IDs						 */

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}

#rect {
	position:absolute;
	top:102px;
	left:180px;
} 
#t { 
	width:37px; 
	height:15px; 
	border:0; 
}
#rect a	{
	display:block;
	background-image:url('../img/_.png');
	width:37px;
	height:15px;
}
#rect a:hover  { background-image:url('../img/_grau.png'); }
#rect a:active { background-color:white; }

/* =====================================
    3. layoutbereiche
   ===================================== */


#wrapper {}


/* =====================================
	Navigation  					*/
#navigation {
	position:absolute;
	left:0;
	top:155px;
	height:420px;
	padding-left:82px;
	
}
	#navigation ul {
		margin-bottom:0;
	}
	#navigation li {
		list-style-type:none;
		margin:0;
	}
		#navigation ul li { margin-bottom:1.5em; }
	
			#navigation ul li ul { 
				display:none;
				margin-top:1.5em;
			}
	
			#navigation ul li ul li {
				font-size:9px;
				margin-bottom:0;
				text-align:right;
			}
	
	
#legals {
	position:absolute;
	bottom:1em;
	left:82px;
	height:9em;
}
	#legals ul {
		margin-bottom:0;
	}
	#legals li {
		list-style-type:none;
		margin:0;
	}
		#legals ul li { margin-bottom:1.5em; }

			#legals ul li ul { 
				display:none;
				margin-top:1.5em;
			}

			#legals ul li ul li {
				font-size:9px;
				margin-bottom:0;
				text-align:right;
			}
	




/* =====================================
	awardsbild	  					*/
#awardsbild {
	position:absolute;
	left:270px;
	top:35px;
}




/* =====================================
	Infoblock	  					*/
#infoblock {
	position:absolute;
	left:270px;
	top:155px;
	width:150px;
	font-size:10px;
}




/* =====================================
	infobild	  					*/
#infobild {
	position:absolute;
	left:320px;
	top:320px;
}




/* =====================================
	Thumbnails  					*/

#thumbnails {
	position:absolute;
	top:155px;
	left:430px;
	height:400px;
	text-align:right;
	vertical-align:bottom;
}
#thumbnails div.unten {
	position:absolute;
	bottom:0;
}
#thumbnails img {
	margin:15px 0 0 0;
}




/* =====================================
	Text+Bild	  					*/
	
#textbild {
	overflow:hidden;
	position:absolute;
	top:155px;
	left:510px;
	height:450px;
	font-size:9px;
	text-align:right;
}

#textbild .gross {
	margin-bottom:10px;
}

div#text1,
div#text2,
div#text3 {
	width:150px;
	position:absolute;
	top:155px;
	text-align:left;
	font-size:9px;
}
div#text1 { left:510px; }
div#text2 { left:685px;}
div#text3 { left:860px; }