/*
######################################################################
# Name: style_01.css naturheilverein.de
# webseite: www.naturheilverein.de
# Funktion: Style Sheet
# Enthaelt die Darstellungsformate
#
# Vers.:
# 1.1 01.07.2008 PS / erstellt
# 1.2 15.08.2008 MR / Formate Aufzählung+Links ergänzt mit div.aufz1_left
#					+ div.aufz1_right für zustätzliche Darstellung von
#					Aufzählungen (z.B. Seite Auszeichnungen)
# 1.3 03.09.2008 MR / Format aufz1_right und div.aufz1_left
#					nochmals eingefügt
# 1.4 09.09.2008 PS / Navigation mit verbesserter Darstellung für sehbehinderte ausgestattet
# 1.5 03.09.2008 MR / Format aufz_akt_right und aufz_akt_left für Aktionen mit schmalem Bild
#					und Text rechts eingefügt
# 1.6 06.11.2008 PS / margin-left von DIV.pic_and_text von 190px auf 210px erhöht um optische Probleme mit 
#					Navigation und Bildern zu beheben (Navigation überlagerte das Bild beim zusammenschieben der 
#					Seite um 10px
# 1.7 07.11.2008 MR Formate nochmals nachgetrgen, da teilweise gefehlt. Header korrigiert.
#                   Webseitenname oben ergänzt, damit man die css unterscheiden kann.
# 1.8 16.11.2008 PS / einfügen der ID picture_textbox. Diese enthält die Grundeinstellungen der Textbox Starbild
#					(zentriert, Abstand zum darüberliegenden Element 10px) 
# 1.9 05.12.2008 PS / einfügen der Klassen cube_LM und cube_LM_active für Cube-Marker Bildernavigation horizontal 
#					(zur besseren Sichtbarkeit)
#					Code und Werte überarbeitet 
# 2.0 16.12.2008 PS	/ Teil "Style für die Cube-Marker Bildernavigation horizontal" gelöscht - wird nicht mehr benötigt
#					-Hinzufgeügt "Style-Definition für die Gruppen - Quadrate in der horizontalen Bildernavigation"
#					-Style-Definiton für Quadrate in der Bildernavigation und Quadrate in der horizontalen Bildernavigation 
#					verwenden nicht mehr die selben Bilder
# 2.1 17.12.2008 PS / horizontal_nav um background-color: #xxxxxx; und border: solid 4px #xxxxxx; erweitert
#					-Bietet nun die Möglichkeit die Buttons Zurück und Weiter farblich zu hinterlegen
# 2.2 04.01.2009 PS / Anpassung der Navigation an die Gegebenheiten von naturheilverein.de
# 2.3 03.03.2009 PS / Änderung der Button-Hintergründe für naturheilverein.de
# 2.4 08.03.2009 PS / Schriftgröße von date_place_public_news und text_public_news von 11px auf 13px geändert
#
# QM: 1.1 15.08.08 MR
######################################################################
*/

/************************************************
###############   Body    #######################
************************************************/
body {
background-color: #FFFFFF;
}

/************************************************
###############   Header  #######################
************************************************/
DIV.header
{
	display:none;
}

/************************************************
#############   Content   #######################
************************************************/
DIV.content
{
position: absolute;
top:-90px;
left: 5px;
width: 82%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

DIV.menue
{
display:none;
}

DIV.pic_and_text
{
margin-left: 25px;
width:88%;
}

/*Style-Definition für die Gruppen - Quadrate in der Navigation*/
SPAN.cube_active a
{
TEXT-DECORATION: none;
color:#000000;
font-weight:bold;
padding-top: 1px;
padding-bottom:1px;
margin: 1px;
BACKGROUND: #FFFFFF url('graphics/red_cube_activ.jpg') no-repeat top;
}

SPAN.cube a
{
TEXT-DECORATION: none;
color:#FFFFFF;
font-weight:bold;
padding-top: 1px;
padding-bottom:1px;
margin: 1px;
BACKGROUND: #FFFFFF url('graphics/red_cube.jpg') no-repeat top;
}
SPAN.cube a:visited
{
BACKGROUND: #FFFFFF url('graphics/visited_cube.jpg') no-repeat top;
}
SPAN.cube a:hover
{
BACKGROUND: #FFFFFF url('graphics/red_cube_activ.jpg') no-repeat top;
}

/*Style-Definition für die Gruppen - Quadrate in der horizontalen Bildernavigation*/
SPAN.cube_horizontal_active a
{
TEXT-DECORATION: none;
padding-top: 1px;
padding-bottom:1px;
BACKGROUND: #FFFFFF url('graphics/cube_horizontal_red_activ.jpg') no-repeat top;
}

SPAN.cube_horizontal a
{
TEXT-DECORATION: none;
padding-top: 1px;
padding-bottom:1px;
BACKGROUND: #FFFFFF url('graphics/cube_horizontal_red.jpg') no-repeat top;
}
SPAN.cube_horizontal a:visited
{
BACKGROUND: #FFFFFF url('graphics/cube_horizontal_visited.jpg') no-repeat top;
}
SPAN.cube_horizontal a:hover
{
BACKGROUND: #FFFFFF url('graphics/cube_horizontal_red_activ.jpg') no-repeat top;
}


/*Style-Definition für die Gruppen - Quadrate in der Navigation*/
/*einrücken der Untergruppe*/
span.cube_ug
{
margin-left:15px;
}
#navi_spacer{
height:3px;
DISPLAY: block;
WIDTH: 140px;
}

.horizontal_nav{
float: left; 
text-align: center; 
height: 22px; 
width: 60px;
}

.horizontal_nav a{
background-color: #ebebeb;
border: solid 4px #ebebeb;
TEXT-DECORATION: none; 
FONT-FAMILY: verdana, arial, helvetica; 
FONT-SIZE: 11px; 
COLOR: #999999; 
FONT-WEIGHT: bold; 
}

.horizontal_nav a:hover{
COLOR: #B51621; 
}

/************************************************
##########   Textmarken   #######################
************************************************/
SPAN.bild_unterschrift
{
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/*Text einrücken*/
div.text
{
width: 600px;
padding-top:10px;
margin-left:auto;
margin-right: auto;
}

div.text h1{
font-size:16px;}
div.text h2{
font-size:14px;}

/*HR*/
.top_hr
{
width: 440px;
color:#33cb34; background-color:#33cb34;
}

#picture_textbox{
margin-top:10px;
margin-left: auto;
margin-right:auto;
}

#software_vers{
	display:none;
}
/************************************************
##########   Eingabefelder   ####################
************************************************/
input, select, textarea
{
font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif;
}
.feld
{
border-bottom: #666666 thin dashed;
border-left: #666666 thin dashed;
border-top: thin dotted;
border-right: thin dotted;
}
.feld_empty
{
border-bottom: #B51621 thin dashed;
border-left: #B51621 thin dashed;
border-top: #B51621 thin dotted;
border-right: #B51621 thin dotted;
background-color: #F4DCDE;
}
.button
{
font-size:16px; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;
border-bottom: #666666 thin double;
border-left: #666666 thin dashed;
border-top: thin dotted;
border-right: thin dotted;
color: #990000;
background-color: #DEDDDC;
}

/**********************************************************************
#############  Aufzählung+Links  ######################################
#text_link und bild_link für 2-spaltige Anzeige mit kleinem Bild oder Banner
#			links und Text rechts (z.B. Willkommenseite)
#aufz_akt_right und ufz_akt_left: 2-spaltig für Aktionsseiten 6.11.08 MR#
#aufz1_right und aufz1_left: 2-spaltig für (z.B. Curriculum Vitae)
#                mit schmaler Spalte für Jahreszahl links
***********************************************************************/

div.all_link{
/*background-color:#FF3300;*/
}

div.bild_link{
width: 200px;
float:left;}

div.text_link{
margin-left: 201px;
}

div.aufz1_right{
margin-left: 70px;
}

div.aufz1_left{
width: 50px;
float:left;}

div.aufz_akt_right{
margin-left: 275px;
}

div.aufz_akt_left{
width: 255px;
float:left;}

p.clear_link {
  clear: left;
  height:1px;
}

div.wrapper_public_news{
	overflow:hidden;
	margin-top:10px;
	margin-left: auto;
	margin-right:auto;
	background-color: #edfbed;
	width:600px;
}

div.date_place_public_news{
width: 180px;
float:left;
font-size:13px;}

div.text_public_news{
margin-left: 210px;
width: 360px;
font-size:13px;
}

div.wrapper_public_comms{
	overflow:hidden;
	margin-top:10px;
	margin-left: auto;
	margin-right:auto;
	background-color: #EDEEF1;
	width:600px;
}