/*
Theme Name: Stardust v1.0 - DE
Theme URI: http://www.tomstardust.com
Description: Handcoded Wordpress Theme for Accessibility Lovers by <a href="http://www.tomstardust.com">Tommaso Baldovino</a> - German Translation and Modification: by <a href="http://www.schwarzedame.de">Schwarze Dame</a>
Author: Tommaso Baldovino
Author URI: http://www.tomstardust.com


*/

/*-----------IE 7-------------*/

*+html #panda {
	background-image:url(images/panda.png);
	left:200px;
}

*+html #dropdown {
	position:absolute;
	left:890px;
	top:81px;
}

/*----------------------------*/

/*-----------IE 6-------------*/

* html #panda {
	background-image:url(images/panda.gif);
	left:200px;
}

* html #navi a {
	background-image:url(images/b_n.gif);
}

* html #navi a:hover {
	background-image:url(images/b_a.gif);
}

* html #navi a.active {
	background-image:url(images/b_a.gif);
}

* html #header {
	background-image:url(images/head_oben.gif);
}

* html #navi {
	background-image:url(images/content_oben.gif);
}

* html #navi_rechts_o {
	background-image:url(images/navi_right_oben.jpg);	
	width:186px;
	height:1px;
	background-repeat:no-repeat;
}

* html #navi_rechts_u {
	background-image:url(images/navi_right_unten.jpg);	
	width:186px;
	height:1px;
	background-repeat:no-repeat;
}

* html #trennung {
	background-image:url(images/trennung.jpg);		
	width:649px;
	height:4px;
	background-repeat:no-repeat;
}

/*----------------------------*/

body {
	background-color:#e7e7e7;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0;	
	font-family:Arial, Helvetica, sans-serif;
}

#outer_wrapper {
	width:60em;
	margin:auto;
}

#header {
	background-image:url(images/head_oben.png);
	width:720px;
	height:55px;
	margin-left:200px;
}

#panda {
	background-image:url(images/panda.png);
	width:181px;
	height:135px;
	position:absolute;
}

#navi {
	margin-top:90px;
	background-image:url(images/content_oben.png);
	width:900px;
	height:46px;
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
	color:#788207;
	text-decoration:none;
}

#navi a {
	margin-left:10px;
	float:left;
	width: 91px;
	height:46px;
	background-image:url(images/b_n.png);
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:14px;
	line-height:50px;
	background-repeat:no-repeat;
	color:#788207;
	font-weight:bold;
}

#navi a:hover {
	background-image:url(images/b_a.png);
	width: 91px;
	height:46px;
	line-height:40px;
}

#navi a.active {
	background-image:url(images/b_a.png);
	background-repeat:no-repeat;
	line-height:40px;
}

#navi_innen {
	margin-left:180px;
}

#content {
	background-image:url(images/content_mitte.png);
	width:880px;
	padding-left:10px;
	padding-right:10px;
	color:#ababab;
}

#content_unten {
	background-image:url(images/content_unten.png);
	width:900px;
	height:19px;
}

#inhalt {
	float:left;
	width:690px;
}

#navi_rechts {	
	float:left;
}

#navi_rechts_o {
	background-image:url(images/navi_right_oben.jpg);	
	width:186px;
	height:8px;
}

#navi_rechts_m {
	background-image:url(images/navi_right_mitte.jpg);	
	width:176px;	
	padding:0 5px 0 5px;
}

#navi_rechts_m a {
	color:#ababab;
	font-size:12px; 
	text-decoration:none;	
}

#navi_rechts_m a:hover {
	color:#8f8f8f;
	font-size:12px; 
	text-decoration:underline;	
}

#navi_rechts_u {
	background-image:url(images/navi_right_unten.jpg);	
	width:186px;
	height:5px;
}

#trennung {
	background-image:url(images/trennung.jpg);		
	width:649px;
	height:4px;
}

.kontaktfeld{
	padding-left:2px;
	height:15px;
	width: 102px;
	line-height:20px;
	font-size:11px; 
	color: #a5a5a5;
	text-align:middle; 
	font-family: Arial, sans-serif;
	border:0;
	background-image: url(images/feld.jpg);
	background-repeat:no-repeat;
}

.kontaktfeld_2{
	padding-left:2px;
	padding-top:3px;
	height:17px;
	width: 129px;
	line-height:30px;
	font-size:15px; 
	color: #a5a5a5;
	text-align:middle; 
	font-family: Arial, sans-serif;
	border:0;
	background-image: url(images/feld_2.jpg);
	background-repeat:no-repeat;
}

ul {
  	padding-left:3px;
  	margin: 0;
  	list-style: none;
	font-weight:bold;
}
  
li {
	  float: left;
	  position: relative;
	  width: 172px;
}
  
li ul {
	  display: none;
	  position: absolute; 
}

li:hover ul, li.over ul{ 
	display: block; 
	border-left:solid 2px #b2b2b2;
	border-right:solid 2px #b2b2b2;
}

#dropdown {
	position:absolute;
	left:822px;
	top:81px;
}

#footer {
	height:142px;
	background-image:url(images/footer.jpg);
	margin-top:20px;
	background-repeat:repeat-x;
	bottom:0px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer a {
	text-decoration:none;
	color:#FFF;
}

#footer a:hover {
	text-decoration:underline;
	color:#FFF;
}

/*-----------------thumbnails-----------------*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgrey;
padding: 5px;
left: -1000px;
visibility: hidden;
color:#778826;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*-----------------thumbnails-----------------*/