/*
######################################################################
# Name: style_01.css artofpoggel.de
# webseite: www.artofpoggel.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
# QM: 1.1 15.08.08 MR
######################################################################
*/

/************************************************
###############   Body    #######################
************************************************/
html {
height: 101%;
}

body {
background-color: #FFFFFF;
}

/************************************************
###############   Header  #######################
************************************************/
DIV.header
{
margin-bottom:25px;
}

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

DIV.menue
{
position: absolute;
left: 10px;
margin-top: 150px;
margin-left:10px;
margin-bottom: 50px;
width: 150px;
}

DIV.pic_and_text
{
margin-left: 210px;
width:88%;
padding-right: 30px;
}

/************************************************
##########   Navigation   #######################
************************************************/


/*Style-Definition für die First-Level-Navigation*/
/************************************************
*************FIRST_LEVEL*************************
************************************************/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 150px;
BORDER: 1px solid #FFFFFF;
padding-left: 22px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #999999;
BACKGROUND: #FFFFFF url('graphics/menue_dot.jpg') no-repeat top left;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #B51621;
/*BACKGROUND: #FFFFFF url(graphics/menue_dot_activ.jpg) top left no-repeat;*/
BACKGROUND: #FFFFFF url('graphics/where_i_am_hover.jpg') no-repeat top left;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 150px;
BORDER: 1px solid #FFFFFF;
padding-left: 22px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000000;
BACKGROUND: #FFFFFF url('graphics/where_i_am.jpg') no-repeat top left;
}

/*Style-Definition für die Second-Level-Navigation*/
/************************************************
*************SECOND_LEVEL*************************
************************************************/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: 1px solid #FFFFFF;
padding-left: 22px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
margin-left: 15px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: left;
COLOR: #000000;
BACKGROUND: #FFFFFF url('graphics/menue_dot.jpg') no-repeat top left;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #B51621;
/*BACKGROUND: #FFFFFF url(graphics/menue_dot_activ.jpg) top left no-repeat;*/
BACKGROUND: #FFFFFF url('graphics/where_i_am_ugrp_hover.jpg') no-repeat top left;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 140px;
BORDER: 1px solid #FFFFFF;
padding-left: 22px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
margin-left: 15px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000000;
BACKGROUND: #FFFFFF url('graphics/where_i_am_ugrp.jpg') no-repeat top left;
}
/*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{
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
{
padding-top:20px;
padding-left: 6%;
}

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

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


/************************************************
##########   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.pict_head_left{
width: 219px;
float:left;
}

div.text_head_right{
margin-left: 230px;
}

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;
}