/* CSS Document for daten.php */

/***************************************
**
**	erstellt 01.05.2005
**	Matthias Regh
**	Notatus
**
**	Historie:
**	    MR 26.05.2005  von notatus.css abgekoppelt 
**
*****************************************/



#content-header {
	border:0;
	height:auto;
}


/********************************************
***
***	Popups
***
**********************************************/

.sample_popup {
	display: none;
	position:absolute;
	top: 200px;
	left: 300px;
	width: auto;
	height: auto;
	background-color:#FFFF00;
	border:2px solid #000000;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sample_bild {
	top: 280px;
}

#sample_soft {
	top: 365px;
}

#sample_text {
	top: 455px;
}

#sample_plan {
	top: 510px;
}

.sample_popup ul {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	white-space:nowrap;
}



/******************************************************************
*****
*****   Werkarten Links und Listen
*****
*******************************************************************/

#_werkarten_menu ul.samples {
	list-style-type: disc;
    margin-left: 10px;
	float: none;
	display: block;
}

#_werkarten_menu ul.samples li {
	float: left;
	width: auto;
	margin-right: 15px;
	margin:0;
	padding:0;
}


#_werkarten_menu a.choosen {
    color: #333333;
    font-weight:800;
}

ul#werkarten_menu {
	border-top: 1px solid #999999;
	margin-left: 0;
	margin-top: 0px;
	padding-left: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	list-style: none;
}

ul#werkarten_menu li.mainmenu {
	width: 100%;
	height: 70px;
	float: none;
	clear: both;
	display: block;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-bottom: 1px solid #999999;
	overflow: hidden;
}

ul#werkarten_menu li.mainmenu  p {
	text-align: justify;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 0px;
}

ul#werkarten_menu li.mainmenu  p.samples {
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
}

ul#werkarten_menu li#ton {
	border-left: 0;
}


#werkarten_menu .link {
	display: block;
	width: 70px;
	height: 70px;
	color: #77A400;
    background-position: bottom center;
    background-repeat: no-repeat;
	text-align:center;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;	
	padding:0px;
	margin-top: 0px;
}

#werkarten_menu .link a {
	display: block;
	width: 70px;
	height: 70px;

}

#werkarten_menu .menutext {
	display: block;
	float: none;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 10px;
	width: 650px;
	height: auto;
	overflow: hidden;
}

#werkarten_menu .menutext strong.sample {
	color: #336699;
}


#tonlink {
	background-image: url(../pics/picto_audio_very_small.gif);
}

#tonlink hover {
	background-image: url(../pics/picto_audio_very_small_h.gif);
	color: #999999;
}

#bildlink {
        background-image: url(../pics/picto_film_very_small.gif);
}

#bildlink hover{
        background-image: url(../pics/picto_film_very_small_h.gif);
	color: #999999;
}

#softlink {
        background-image: url(../pics/picto_cd_very_small.gif);
}

#softlink hover {
        background-image: url(../pics/picto_cd_very_small_h.gif);
	color: #999999;
}

#textlink {
        background-image: url(../pics/picto_book_very_small.gif);
}

#textlink hover {
        background-image: url(../pics/picto_book_very_small_h.gif);
	color: #999999;
}

#planlink {
        background-image: url(../pics/picto_map_very_small.gif);
}

#planlink hover {
        background-image: url(../pics/picto_map_very_small_h.gif);
	color: #999999;
}