/*
 * styles.css
 * Stylesheet - osb ( http://www.uhler.at/ )
 * 
 * by atomicboy / http://www.atomicboy.tv/
 *
 * @version	2009-07-30
 * @author	Carina Lacher <carina.lacher@atomicboy.tv>
 */

body
	{
		font-family: Arial, Helvetica, sans-serif; 
		color:#666;
		background-color:#d6d6d1;
		background-image:url(styles_FILES/bg.jpg);
		background-repeat:repeat-x;
	/*	background-image:url(images/tracer.jpg);
		background-repeat:no-repeat;*/
		background-position: top center;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}

div
	{
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}

/*____________________________________________ div-tag __________________________________________________________________*/

div.all
	{
		width:858px;
		margin-left:auto;
		margin-right:auto;	
		margin-top:20px;
	}
	
div.top
	{
		height:205px;
		/*background-color:#f4f4f3;	*/
	}

div.logo
	{
		margin-bottom:5px;
	}

div.content
	{
		background-color: #fff;
		padding: 10px;
	}
	
div.footer
	{
		background-color: #fff;
		margin-bottom:20px;
	}

div.service
	{
		background-color: #838374;
		width:190px;
		color: #fff;
		text-align:center;
		padding-bottom:3px;
		text-transform: lowercase;
	}
	
div.orchideen
	{
		padding-left:5px;
		padding-bottom:5px;
	}

/*____________________________________________ list-tags __________________________________________________________________*/


div.top ul
	{
			list-style-type:none;
			margin:0;
			padding:0;
			
	}
	
div.content ul
	{
		font-size:0.85em;
	}

/* =================== MENU BUTTONS ====================== */	
 li.philosophie
	{
			width: 280px;
			height: 23px;
			background-image: url(styles_FILES/philosophie.jpg);
			background-repeat: no-repeat;
			float:left;
			margin-right:8px;
	}
	
 li.phil_act
	{
			width: 280px;
			height: 23px;
			background-image: url(styles_FILES/philosophie_01.jpg);
			background-repeat: no-repeat;
			float:left;
			margin-right:8px;
	}


	
li.philosophie:hover
	{
			background-image: url(styles_FILES/philosophie_02.jpg);
	}


li.bezugsquellen
	{
			width: 280px;
			height: 23px;
			background-image: url(styles_FILES/bezugsquellen.jpg);
			background-repeat: no-repeat;
			float:left;
			margin-right:8px;
	}
	
li.bez_act
	{
			width: 280px;
			height: 23px;
			background-image: url(styles_FILES/bezugsquellen_01.jpg);
			background-repeat: no-repeat;
			float:left;
			margin-right:8px;
	}

	
li.bezugsquellen:hover
	{
			background-image: url(styles_FILES/bezugsquellen_02.jpg);
	}


li.aktuelles
	{
			width: 281px;
			height: 23px;
			background-image: url(styles_FILES/aktuelles.jpg);
			background-repeat: no-repeat;
			float:left;
			margin-right:0px;
	}
	
li.aktuelles_act
	{
			width: 280px;
			height: 23px;
			background-image: url(styles_FILES/aktuelles_01.jpg);
			background-repeat: no-repeat;
			float:left;
			margin-right:0px;
	}

	
li.aktuelles:hover
	{
			background-image: url(styles_FILES/aktuelles_02.jpg);
	}

div.top li  span
	{
		visibility:hidden;	
	}
	
div.top li 
	{
		text-align:center;	
	}
	
div.top li a
	{
		text-decoration:none;
	}


/*____________________________________________ a-tags __________________________________________________________________*/

div.service a
	{
		color:#fff;
		font-size:70%;
		text-decoration:none;
	}
	
div.content a
	{
		font-weight:bold;
		font-style:italic;
		color: #AEAEA4;
	}
	
a:active, a:focus {outline: none}


/*____________________________________________ font-tags __________________________________________________________________*/

div.service span
	{
		padding:3px;
	}
	
div.service span.cur
	{
		padding:3px;
		font-size:70%;
		text-decoration:underline;
	}
	
div.content p
	{
		font-size:0.85em;
		line-height: 20px;
	}