/* $Id: default.css 51 2008-11-04 15:25:55Z mlambert $ */

/*----------------------------------------------------------*/
/*                 Elemente-Definitionen                    */
/*----------------------------------------------------------*/

*			{	margin:0; padding:0; }

html		{	width:100%; height:100%; }

body		{	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#12151E; font-size:100.1%;
				width:100%; height:100%;
				text-align:center;
				background:#696969 url('/images/body_background.png') top center repeat-y; }

h1			{	color:#FFFFFF; font-size:1.8em; font-weight:normal;
				line-height:62px;
				vertical-align:middle; }

h2			{	color:#004584; font-size:1.2em; font-weight:normal;
				margin:0 0 1.0em 0; }
				
h3			{	color:#004584; font-size:0.9em; font-weight:bold; 
				margin:1.0em 0 0 0; }

h5			{	color:#004584; font-size:0.8em; font-weight:bold;
				margin:0.7em 0;
				line-height:1.5em; }

h6			{	font-size:1.0em; font-weight:normal; }

p			{	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:0.8em;
				margin:0 0 1.0em 0;
				line-height:1.5em; }

strong		{	font-weight:bold; }

dfn			{   color:#F07F8C;
				cursor:help; }
				
dl			{	margin:0; padding:0; float:left; }

dt			{	font-size:0.8em; font-weight:bold;
				margin:0.5em 0 0 0;
				width:5em; float:left; }

dd			{	font-size:0.8em;
				margin:0.5em 0 0 5.5em; }
				
em			{   color:#FCB816;
				font-weight:normal;
				font-style:normal }	

ol			{	margin-left:1.3em; }

ul			{	margin-left:1.0em; }

li			{	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:0.8em;
				line-height:1.5em;
				margin:0.2em 0; }

dl			{	float:left; }

dt			{	font-size:0.8em; font-weight:bold;
				margin:0.5em 0 0 0;
				width:10em; float:left; }

dd			{	font-size:0.8em;
				margin:0.5em 0 0 10.5em; }

img			{	border:none; }

form		{	}

input		{	color:#6D7280; font-size:1.0em;
				margin:2px 0;
				vertical-align:middle; }

select		{	font-size:1.0em;
				margin:2px 0; }

textarea	{	color:#6D7280; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:1.0em;
				margin:2px 0; }

hr			{	color:#CCCCCC;
				height:1px;
				border:#CCCCCC;
				background-color:#CCCCCC; }

table		{	margin-top:5px;
				width:100%; }

td			{	vertical-align:top; text-align:left; }

table p		{	text-align:left;
				margin:0; padding:1px; }

th p		{	text-transform:uppercase; }
                                    
a			{	color:#000000; text-decoration:underline; }
a:link		{	color:#000000; text-decoration:underline; }
a:active	{	color:#000000; text-decoration:underline; }
a:visited	{	color:#000000; text-decoration:underline; }
a:hover		{	color:#000000; text-decoration:none; }

/*----------------------------------------------------------*/
/*                Individual-Definitionen                   */
/*----------------------------------------------------------*/

/* Inhalt vertikal in der Mitte positionieren und 100% der Höhe */
#top				{	margin-left:auto; margin-right:auto;
						position:relative; width:920px; height:25px;
						background:#696969 url('/images/top_background.png') top center no-repeat; }

/* Inhalt vertikal in der Mitte positionieren und 100% der Höhe */
#box				{	margin-left:auto; margin-right:auto;
						position:relative; width:900px; min-height:100%; height:auto; overflow:auto;
						background:#FFFFFF url('/images/box_background.png') top left repeat-y; }

/* Kopfzeile */
#head				{	width:900px; height:218px;
						background:#FFFFFF url('/images/index_head.jpg') top left no-repeat; }

/* Slogan */
#slogan				{	width:900px; height:62px;
						background-color:#E2ECD4; }

/* Navigation */
#nav				{	width:300px;
						float:left;
						text-align:left; }

/* Inhalt */
#content			{	width:500px;
						padding:30px 50px 10px 50px;
						position:relative;
						float:left;
						text-align:left;
						background:url('/images/content_background.png') bottom center no-repeat; }

/*----------------------------------------------------------*/
/*                  Klassen-Definitionen                    */
/*----------------------------------------------------------*/

/* Navigation (Hauptnavigation) */
ul.nav1				{	margin-top:30px; margin-left:0;
						width:300px;
						list-style:none; list-style-image:none; }
ul.nav1 li			{	font-size:0.8em;
						display:inline;
						text-align:left; }
ul.nav1 a			{	display:block; padding-left:30px;
						color:#4AA031; text-decoration:none; }
ul.nav1 a:link		{	color:#4AA031; text-decoration:none; }
ul.nav1 a:active	{	color:#4AA031; text-decoration:none; }
ul.nav1 a:visited	{	color:#4AA031; text-decoration:none; }
ul.nav1 a:hover		{	color:#4AA031; text-decoration:none;
						background-color:#E2ECD4; }
ul.nav1 a.active, ul.nav1 a.active:link, ul.nav1 a.active:active, ul.nav1 a.active:visited, ul.nav1 a.active:hover
					{	color:#000000; text-decoration:none;
						background-color:#E2ECD4; }

/* Navigation (Unternavigation) */
ul.nav2				{	width:270px;
						margin-left:30px;
						list-style:none; list-style-image:none; }
ul.nav2 li			{	font-size:1.0em;
						display:inline;
						text-align:left; }
ul.nav2 a			{	display:block; padding-left:15px;
						color:#4AA031; text-decoration:none; }
ul.nav2 a:link		{	color:#4AA031; text-decoration:none; }
ul.nav2 a:active	{	color:#4AA031; text-decoration:none; }
ul.nav2 a:visited	{	color:#4AA031; text-decoration:none; }
ul.nav2 a:hover		{	color:#4AA031; text-decoration:none;
						background-color:#E2ECD4; }
ul.nav2 a.active, ul.nav2 a.active:link, ul.nav2 a.active:active, ul.nav2 a.active:visited, ul.nav2 a.active:hover
					{	color:#000000; text-decoration:none;
						background-color:#E2ECD4; }
										
/* Bilder */
img.logo			{	width:300px; height:218px;
						position:absolute; top:0px; left:300px; }
img.nav				{	width:300px; height:100px;
						margin-top:20px; }

/* Bildunterschriften */
p.image				{	font-size:0.7em;
						margin-top:-0.3em; }

/* Text im Navigationsblock */
#nav h6				{   color:#757A8D;
						margin-top:30px; padding-left:30px; }	
#nav p				{   color:#757A8D;
						line-height:1.2em;
						padding-left:30px; }		
#nav a				{	color:#757A8D; }
#nav a:link			{	color:#757A8D; }
#nav a:active		{	color:#757A8D; }
#nav a:visited		{	color:#757A8D; }
#nav a:hover		{	color:#757A8D; }

/* Anweisung für die Überschrift der Div-Kontainer "aktuelleinformationen" */
p.informationen		{	margin-bottom:0; }

/* Anweisungen für den Div-Kontainer "aktuelleinformationen" */
div.aktuelleinformationen
					{	float:left; 
						margin-right:38px; }
						
/* Anweisung für den Div-Kontainer "einzelpreise" */
div.einzelpreise	{	float:left;
						margin-right:15px; }
					
/* Anweisung für den Div-Kontainer "einzelpreistag" */
div.einzelpreistag	{	float:left;
						margin-right:15px;
						margin-left:48px; }
						
/* Anweisung für die Div-Kontainer "rällinge" */
div.raellinge		{	width:245px;
						float:left;
						margin-top:10px; margin-right:5px; }

div.raellinge img 	{	width:80px; height:95px;
						float:left; margin-right:10px; }						

div.raellinge div	{	width:155px;
						float:left; }
						
div.raellinge div h6
					{	font-size:0.69em; font-weight:bold;
						margin:0 0 0.5em 0; }
					
div.raellinge div p
					{	font-size:0.67em; }

div p.hidden		{	display:none; }
						
						
/* Anweisung für die Detailansicht der Rällinge */

div.details			{	width:500px; height:190px;
						border:1px solid #757A8D; 
						position:absolute;
						top:0; left:30px;
						display:none;
						padding:15px 10px 0 10px; 
						background-color:#FFF; }
						
div.details h6		{	font-size:0.69em; font-weight:bold;
						margin:0 0 0.5em 0; }
						
div.details p		{	font-size:0.67em; }
	
img.close			{	width:12px; height:12px;
						position:absolute; 
						top:2px; right:2px;
						background:url(/images/close.png) center left no-repeat; }	
	
/* Beschriftung für die Adresse und Kontaktformular */
label				{	float:left; }
label.adress		{	width:4.0em; }
label.manager		{	width:8.5em; color:#000000; }
label.contact		{	width:7.0em; }

/* Text-Eingabefelder */
input.text			{	width:240px; }
select.text			{	width:240px; }
textarea.contact	{	width:240px; }

/* Links */
a.link_intern		{	background: url(/images/link_intern.png) center right no-repeat;
						padding-right:10px; }

a.link_back			{	background: url(/images/link_back.png) center left no-repeat;
						padding-left:16px; }
a.unmarked			{	text-decoration:none; }
a.unmarked:link		{	text-decoration:none; }
a.unmarked:active	{	text-decoration:none; }
a.unmarked:visited	{	text-decoration:none; }
a.unmarked:hover	{	text-decoration:none; }


/* Textfluss für Bilder */
img.left			{	float:left; margin-right:10px; border:1px solid #EDEEF0; }
img.right			{	float:right; margin-left:10px; border:1px solid #EDEEF0; }

/* Zeilenumbruch um Textfluss wiederzuherstellen */
br.clear			{	clear:both; }

/* Zebra-Liste */
.odd				{	background-color:#F9CCD1; }
.even				{	}
p.skip				{	padding:0 1px; }
tr.skip p			{	padding:0 1px; }