:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table { border:none; padding:0px; margin:0px; border-spacing:0px; font-size:9pt; color: #d5e8f8; border-width:0px;}

/* Für Tabellen-Modul
------------------------------------------------------------------------------*/

tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

legend { display:none; }
body, div,p,li { background-repeat:no-repeat; }

/*        reset some basic style
*******************************************************************************/
dl              {margin: 0 0 0 0;}
dl dt           {margin: 0 0 0 0;}
dl dd+dt        {margin-top: 0;}
dl dd           {margin: 0 0 0 0;}

ol              {list-style: none;}
ol li           {margin: 0 0 0 0;}
ol li ol        {margin: 0 0 0 0;}
ol li ul        {margin: 0 0 0 0;}

p               {margin-bottom: 0em;}

ul              {list-style: none;}
ul li           {margin: 0 0 0 0;}
ul li ul        {margin: 0 0 0 0; list-style: none;}
ul li ol        {margin: 0 0 0 0;}

pre     { font-size:1.2em; }
a:hover { text-decoration:none; }

/*        html
*******************************************************************************/
html {
min-height: 100%;
margin-bottom: 1px;
}

/*        body
*******************************************************************************/
body {
background-image:url(../files/bg_eegh.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: top center;
background-color: #FFFFFF;
font-family:verdana, arial;
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

.clearer {
display:block;
clear:both;
line-height:0;
height:1px;
font-size:0;
visibility:hidden;
}

.clear {
clear:both;
}

a:focus
{
outline:none;
}

.flLeft  {
float:left;
padding-right: 10px;
}
.flRight {
float:right;
padding-left: 10px;
}
.warning { color:#B96826;
font-weight: bold;
}

#schatten {
/* background-image:url(../files/bg_streifen.gif); */
background-repeat:repeat-y;
/* background-repeat:repeat-x; */
background-position: top center;
}

#bannergrafik {
display:block;
margin:0 auto; /* gilt zum zentrieren für Firefox */
margin-top:20px; /* Abstand von Browserleiste */
width: 950px; /* Breite Grafik */
height: 113px;  /* Höhe Grafik */
background-image:url(../files/logo_eegh.gif);
}

#bannergrafik div.schalter_eegh {
display:block;
width: 200px;
position:absolute;
padding-left: 88px;
padding-top: 17px;
}

#sprachen {
position:absolute;
padding-top: 10px;
padding-left:840px;
}

#sprachen img {
padding-left:5px;
}

/*        Headergrafik
*******************************************************************************/


#breadcrumb_top {
margin:0 auto; /* gilt zum zentrieren für Firefox */
padding: 0px;
width: 950px; /* Breite Grafik */
height: 19px;  /* Höhe Grafik */
background-image:url(../files/bg_breadcrumb.gif);
}

/*        navigation 1 Level HORIZONTAL Home | Ueber uns
------------------------------------------------------------------------------*/

#breadcrumb_navig_horizontal_top   /* navi horizontal im Hedaer */
{
float: left;
width:100%;
}

ul.nav1st {
padding-left: 80px;
}

ul.nav1st li {
display:inline;
font-weight: bold;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color:#000000;
}

ul.nav1st a,
ul.nav1st a:link {
padding-top: 3px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 3px;
float:left;
color:#FFFFFF;
}

ul.nav1st a:hover {
padding-top: 3px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 3px;
color:#043f5d;
background-color:#f2d611;


}
ul.nav1st li a.active {
background-color: #FFFFFF;
color:#999999;
}


ul.nav1st li a.current {
padding-top: 3px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 3px;
background-color: #FFFFFF;
color:#000000;
}



/*        Navigation 2 Level nav2nd VERTICAL
------------------------------------------------------------------------------*/
#navig_vertical   /* navi horizontal im Hedaer */
{
float: left;
/*width:259px; */
padding-left: 0px;
padding-top: 0px;

}

ul.nav2nd {
position:relative;
font-size: 8pt;
font-weight: bold;

}

ul.nav2nd li {
margin-bottom: 0px; /* abstand zwischen den Menüpunkten */
}

ul.nav2nd li a,
ul.nav2nd li a:link {
display:block;
border-top: 1px solid #d67273;
border-right: 1px solid #a81f20;
border-left: 1px solid #b6b6b6;
width: 220px;
height: 28px;
color: #FFFFFF;
padding: 5px 3px 3px 25px;
background-image:url(../files/bg_nav_link1.gif);

}

ul.nav2nd li a:hover {
display:block;
width: 220px;
height: 28px;
color: #115266;
background-color:#f2d611;
padding: 5px 3px 3px 25px;
background-image:url(../files/bg_nav_over1.gif);
border-top: 1px solid #c4c2c2;
border-right: 1px solid #a81f20;

}



ul.nav2nd li a.current,
ul.nav2nd li a.current:link {
display:block;
width: 220px;
height: 28px;
color: #000000;
background-color:#fdfdfd;
background-image:url(../files/bg_nav_current1.gif);
border-top: 1px solid #c4c2c2;
border-right: 1px solid #a81f20;
padding: 5px 3px 3px 25px;
}


/*        Navigation 3 Level nav3nd dito 2 Level
------------------------------------------------------------------------------*/
ul.nav3rd {
position:relative;
font-size: 8pt;
font-weight: normal;

}

ul.nav3rd li {
margin-top: 2px; /* abstand zwischen den Menüpunkten */
margin-bottom: 2px; /* abstand zwischen den Menüpunkten */
}

ul.nav3rd li a,
ul.nav3rd li a:link {
display:block;
border-top: 1px solid #d67273;
border-right: 1px solid #a81f20;
border-left: 1px solid #b6b6b6;
width: 200px;
height: 18px;
color: #FFFFFF;
padding: 5px 3px 3px 45px;
background-image:url(../files/bg_nav_link2.gif);

}

ul.nav3rd li a:hover {
display:block;
width: 200px;
height: 18px;
color: #115266;
background-color:#f2d611;
padding: 5px 3px 3px 45px;
background-image:url(../files/bg_nav_over1.gif);
border-top: 1px solid #c4c2c2;
border-right: 1px solid #a81f20;

}



ul.nav3rd li a.current,
ul.nav3rd li a.current:link {
display:block;
width: 200px;
height: 18px;
color: #000000;
background-color:#fdfdfd;
background-image:url(../files/bg_nav_current2.gif);
border-top: 1px solid #c4c2c2;
border-right: 1px solid #a81f20;
padding: 5px 3px 3px 45px;
}

/****************************** Themenbild *********************************/


#themenbild {
position: relative;
margin:0 auto; /* gilt zum zentrieren für Firefox */
padding:0;
width: 950px; /* Breite Grafik */
height: 185px;  /* Höhe Grafik */
background-color: #b7b7b7;
border-bottom: 1px solid #b7b7b7;
}

/*        website
*******************************************************************************/
#website {
margin: 0 auto;
position:relative;
/* display:block; */
padding:0;
height:100%;
width:950px;
color:#000000;


}

/*        content
*******************************************************************************/


#content, #content2 {

display:block;
clear:both;
position:relative;
padding:0 0 0 0;
background-color: #fefefa; /* BG Farbe von Navigation */
background-image:url(../files/bg_content.gif);
background-repeat: repeat;
}


/* hide from IE/MAC \*/
* html #content, * html #content2 {
height:1px;
}
/* end hide */


#content { }

#content2 {
width: 950px;
}


#main {
float:left;
width:648px; /* Breite des Contentbereiches, 220 px Navigation, 520px content, News 210px, 950px Gesamt */
/* background-color: #000000; */
}

#main-block {
float:left;
clear:both;
width: 648px; /* Breite Grafik */
background-image:url(../files/bg_main.gif);
background-repeat: no-repeat;
/* background-color: #000000; */
}

#main-block2 {
padding-top: 15px; /* Contentcontainer Text Bilder */
padding-bottom: 25px;
padding-left: 80px;
padding-right: 50px;
padding-top: 25px;
}

/************************** Login  --------------------------------------------------*/

#login  {
margin-top: 20px;
margin-left: 25px;
}

#login p,
#login a
{
text-align:left;
font-weight: normal;
color: #FFFFFF;
margin-bottom: 0.2em;
}


#login h1 {
text-align:left;
font-weight: bold;
color: #E16E10;
font-size: 1.1em;
margin-bottom: 1.1em;
}

#login .text {
font-size: 1.0em;
padding: 2px 2px 2px 2px;
width:140px;
height: 10pt;
color: #000000;
border:  1px solid #999999;
background-color: #F6F6F2;
}

#login .button {
}

#login .warning {
text-align:left;
font-weight: normal;
color: #000000;
font-size: 1em;
}
/* ------------------- Spalte für Newsbereich  --*/

#rechte_spalte {
float:left;
display:block;
width:302px;
padding-top:15px;
}

#rechte_spalte2 {
float:left;
width:250px;
clear: both;
padding-top:0px;
padding-bottom:1em;
padding-left:25px;
padding-right:0px;
}

#rechte_spalte2 p {

color: #f4e7e7;
font-size: 1.1em;
line-height:1.5em;
margin-bottom: 1.1em;
/* border:  1px solid #d7d7c4; */
}

#rechte_spalte2 img {

margin-top: 0.8em;
margin-bottom: 1.2em;
/* border:  2px solid #fae2b5; */
}

#rechte_spalte2 H1 {

color: #FFFFFF;
font-size: 1.3em;
font-weight:bold;
margin-top: 0.3em;
margin-bottom: 0.5em;
padding-left: 1px;
}

#rechte_spalte2 H2 {

color: #000000;
font-size: 1.2em;
font-weight:bold;
margin-top: 1.0em;
margin-bottom: 0.7em;
padding-left: 1px;
}

#rechte_spalte2 a,   /* gilt füe alle Linkeigenschaften, active, link, visited */
#rechte_spalte2 a:link {
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}

#rechte_spalte2 ul {
padding-left:15pt;
/* list-style-image: url(listinfo.gif); eigener Listenpunkt Grafik  */
list-style-type:square;
margin-bottom:5pt; /* Abstand für Absatz */
color: #f4e7e7;
font-size: 1.1em;
line-height:1.6em;
}

#rechte_spalte2 hr
{
border-style: dashed;
border-color:#FFFFFF;
height: 1px;
width:100%;
margin-top:  0.5em;
margin-bottom: 0.8em;
}

#rechte_spalte2 #lauftext {
font-size: 10pt;
color: #000000;
background-color:#ececec;
padding: 2px 4px 2px 4px;
font-weight: bold;
border:1px solid #ffffff;
margin-bottom: 10px;
}

/*           Contentbereich - download
*******************************************************************************/

#rechte_spalte2 .download {
width:220px;
margin-top:10px;
}
#rechte_spalte2 .download p {
background-color:#e4e4e4;
background-image:url(../files/bg_download.gif);
background-position: left top;
/*background-repeat:repeat;*/
font-weight:normal;
color:#000000;
border-left:3px solid #931818;
border-right:0px solid #d6d3d3;
border-bottom:0px solid #d6d3d3;
padding-left:10px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
}

#rechte_spalte2 .download a,
#rechte_spalte2 .download a:link,
#rechte_spalte2 .download a:visited
{
font-weight:normal;
color:#cc3333;
text-decoration: none;
}
#rechte_spalte2 .download-without-desc {
margin-bottom: 8px;
/*
border-top:1px solid #DFB07A;
*/
}

#rechte_spalte2 .download img {
margin-right: 6px;
margin-top: 0px;
float:left;

}

/* ------------ Zweispalter mit Textile ----------------------------------------------*/

#zweispalter {
width: 585px;
margin-top: 10px;
margin-bottom: 10px;
border:  3px solid #ffffff;
background-color: #e7e9e3;
}

.zweispalter_1 {
width: 270px;
padding-top: 5px;
padding-left: 10px;
/* background-color: #fafbf3; */
/* border:  1px solid #d7d7c4; */
}

.zweispalter_2 {
width: 270px;
padding-top: 5px;
margin-left: 15px;
/* background-color: #fafbf3; */
padding-left: 15px;
border-left:  1px solid #ffffff;

/* border:  1px solid #d7d7c4; */
}


.zweispalter_1,
.zweispalter_2 {
float: left;
font-size:1.0em;
padding-right: 0px;
color: #000000;
}

.zweispalter_1 p,
.zweispalter_2 p {
}

.clboth {
clear: both;
display: block;
line-height: 0;
font-size: 0;
}

/* ------------ Zweispalter fuer Bilder ----------------------------------------------*/

.zweispalter_bild {
display: block;
width: 515px;
}
.zweispalter_bild .links {
float: left;
width: 220px;
margin-right: 65px;
vertical-align: text-top;
padding-bottom: 20px;
}

.zweispalter_bild .rechts {
float: left;
width: 220px;
vertical-align: text-top;
padding-bottom: 20px;
}

/* ------------ Modul Mitarbeiter ----------------------------------------------*/

.modul_mitarbeiter {
display: block;
width: 520px;
}

.modul_mitarbeiter .box_links {
float: left;
width: 241px;
margin-right: 35px;
vertical-align: text-top;
line-height:5pt;
font-size: 7pt;
padding-bottom:20px;
}

.modul_mitarbeiter .box_rechts {
float: left;
width: 241px;
vertical-align: text-top;
line-height:5pt;
font-size: 7pt;
}

.modul_mitarbeiter .bild {
display:block;
float:left;
width: 95px;
}

.modul_mitarbeiter .text {
float:left;
width: 144px;
}

#main-block2 .modul_mitarbeiter .text p {
text-align:left;
}

#main-block2 .modul_mitarbeiter .text a,
#main-block2 .modul_mitarbeiter .text a:link {
}

/* ------------ Artikelliste Links ----------------------------------------------*/

#artikelliste a,   /* gilt füe alle Linkeigenschaften, active, link, visited */
#artikelliste a:link
{
color:#3a6c8e;
font-weight:bold;
text-decoration:underline;
}


/******************** Modul Bild und Text************************/


.centertab {margin-right: auto;
margin-left: auto;}

.bildtext { margin: 0px;
padding: 0px;
font-size: 1.2em;}
.imgleft  {float: left;
margin-right: 20px;}

.imgright {float: right;
margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}

.bildtext2 {text-align: justify;}



/* ---------------  Bildausrichtung für Lightbox -------------------- *

/* Das Modul nutzt 3  Klasssen zur Ausrichtung der Bilder. .pleft , .pright und .pnormal (nicht aufgelistet) Ausrichtung Links-Rechts */


.pleft {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: #000000;
}
.pright {
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: #000000;
}


/* Bild einfügen mit resize, lightbox, externer und interner Links
.pnormal kann zur Definition einer Normalanzeige verwendet werden.
.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder, wenn sie einen Rahmen haben sollen.
*/


/* Definition der Klassen ohne Rahmen*/

.pleft {
float: left;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: none;
}
.pright {
float: right;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: none;
}
.pnormal {
clear: both;
border: none;

}

/* Definition der KLassen mit  Rahmen */

.pleft_b {
float: left;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
float: right;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
clear: both;
border: 1px solid #990000;
}



/**************** optional Tabelle aus Artikeln und Artikel Slices *************/

/* Jede Tabelle und jedes Tabellen Element kann seine eigene Class ID erhalten. */

table.standard {
background-color:#ffffff;
border-width:1px;
border-style:inset;
border-spacing:2px;
font-size:1.0em;
width:100%;
}

table.standard td,
table.standard th {
border-style:outset;
border-width:1px;
padding:4px;
}

/************************** Bild resize, optional -----------------------------------*/

/* Ausrichtung Links-Rechts-Center */

.pleft {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
/* border: 1px solid #000000; */
}
.pright {
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
/* border: 1px solid #000000; */
}

.pcenter {
text-align:center;
margin:0 auto;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
/* border: 1px solid #000000; */
}

/************************** Modul Textile mit Bild und verschiedenen Links *********** */


.fllinks {
float:left;
padding:0px;
margin:6px 14px 0px 0px;
}

.flrechts {
float:right;
padding:0px;
margin:6px 0px 0px 14px;
}



/********* Bildergalerie - JAOS Gallery *******************************************/
#joasg {

clear: both;
text-align: center;
margin:0 auto;
/*
background-image:url(bg_galerie.gif);
background-repeat:repeat;
*/
}


#joasg table,
#joasg td {
/* border:none; */
margin:0px;
border-spacing:0px;
text-align:center;
}


.jaosg_galerie{
margin:0 auto;
text-align:center;
vertical-align:middle;
padding:5px;
font-size: 30pt;
}

.jaosg_thumbnail {
margin:0 auto;
float: left;
margin-left:5px;
height: 90px;
width: 90px;
text-align: center;
vertical-align:middle;
}

#joasg .jaosg_thumbnail img {

border-top: 1px solid #34402f;
border-left: 1px solid #34402f;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;

}

#joasg .jaosg_bild img {
margin-top: 10px;

border-top: 1px solid #34402f;
border-left: 1px solid #34402f;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;

}

#joasg .jaosg_bildbeschreibung {
font-weight: bold;
/* border-bottom: 1px solid #666666; */
font-size: 10pt;
}

#joasg .joasg_zahl  { /* gilt für Bilderzaehler */
margin:0 auto;
text-align: center;
color:#7b807e;
font-weight:normal;
padding-left: 30px; /* link bzw. rechts vom Linktext */
padding-right: 30px;
text-decoration: none;
font-size:8pt;
}

#joasg img {
/* border:none; */
}

/* JAOS Lightbox Style-Sheet
*******************************************************************************/
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/


#light_joasg {

clear: both;
text-align:center;
margin:0 auto;

/*
background-image:url(bg_galerie.gif);
background-repeat:repeat;
*/
}

.jaosg_galerie img a,
.jaosg_galerie img a:link {
border-bottom: 0px solid #ffffff;

}


#light_joasg h1 {
text-align: left;
}

div.jaosg_thumbnail{

float: left;
margin-left: 0px; /* Abstände zwischen den Thumb-Bilder  */
width: 100px; /* bug Firefox 80 px breite + 18 px = 98 px aus div.ls img */
height: 100px;
background-image:url(../files/bg_lightbox.gif);
background-repeat:repeat-x;
}

/* ls=landscape-Format der Thumbs */

div.ls img {

border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
height: 60px;
width: 80px;
}


div.ls {
margin-left:   3px; /* Abstand von Box zu Box */
padding-top:   17px;
margin-right:  3px;
margin-bottom: 2px;
}

/* pt=portrait-Format der Thumbs */


div.pt img{
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
height: 80px;
width: 60px;
text-decoration: none;

}

div.pt {

margin-bottom: 10px; /* Abstand von Box zu Box */
margin-left: 3px;
margin-right: 3px;
padding-top: 8px;
}

/*footer schaltet float:left wieder aus */
div#jaosg_footer{
clear: both;
padding-top: 1.0em;
}



/*  Artikelliste (Alphabetisch), optional
------------------------------------------------------------------------------*/

ul.article-list {
}

ul.article-list li {
}


/*         Headlines 1/2  Contentbereich

------------------------------------------------------------------------------*/
#main-block h1 {
color:#cc3333;
font-family: verdana, arial, helvetica, sans-serif;
font-size:1.9em;
font-weight: bold;
line-height: 1.8em;
margin-bottom: 10px;
/* letter-spacing: 1px; */
}

#main-block .teaser h1 {
font-size:1.4em;
color:#cc5531;
}

/* Headline 2 */
#main-block h2 {
color:#5384ae;
font-family: verdana, arial, helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:1.4em;
padding-left: 10px;
background-image:url(../files/bg_letter2.gif);
background-repeat:no-repeat;
margin-bottom: 10px; /* Abstand des nächsten Objektes unterhalb der Überschrift */
}

#main-block h3 { /* Fuer wysiwig Tabelle */
color:#d8153e;
font-family: verdana, arial, helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
line-height:1.2em;
}

/*        main all list
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol {
margin-bottom:0.8em; /* Abstand nach einem Absatz */
font-size:1.2em;
line-height:1.5em;
color: #102555; /* Textfarbe im Contentbereich */
text-align: justify;
}
#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul {
font-size:1.1em;
text-align: left;

}

#main-block ul {
margin-left:25pt;
line-height:1.6em;
/* list-style-image: url(listmain.gif); /* eigener Listenpunkt Grafik */
list-style-type:square;
text-align: left;
}

#main-block ol {
list-style-type:decimal-leading-zero;
}


/* -------- WYSIWIG Editor - Ausgabe ------------------------------- */

#main-block .wysiwig_edit table {
width: 100%;
}

#main-block .wysiwig_edit p,
#main-block .wysiwig_edit td  {

margin-bottom:1.0em; /* Abstand nach einem Absatz */
font-size: 1.1em;
line-height:1.7em;
color: #0d5d5e; /* Textfarbe im Contentbereich */
vertical-align: top;
text-align: left;
padding: 0px 0px 0px 0px;
}


/*        Hyperlinks im Contentbereich
------------------------------------------------------------------------------*/
#main-block a,
#main-block a:link
{
color: #cc3333;
font-weight: normal;
text-decoration: underline;
}

#main-block a:hover {
color: #cc3333;
font-weight: normal;
text-decoration: none;
/* width: 200px;
background-image:url(bg_nav_content.gif);
background-repeat:repeat-x; */
}

/*        Images im Contentbereich
------------------------------------------------------------------------------*/
#main-block div.image {
margin-top: 5px;
margin-bottom:1.1em;
}
#main-block div.image p { /* Bildunterschrift */
margin:0;
color: #999999;
font-size:1.0em;
}
#main-block div.flLeft {
margin-right:14px;
}
#main-block div.flRight {
margin-left:14px;
}



/*           Contentbereich - download
*******************************************************************************/

#main-block .download {
border-top:  1px solid #FFFFFF;
width:510px;
margin:0px;
}
#main-block .download p {
background-color:#FFFFFF;
background-image:url(../files/bg_download.gif);
background-position: left top;
text-align: left;
/*background-repeat:repeat;*/
font-weight:normal;
color:#084969;
border-left:3px solid #cc3333;
border-right:1px solid #d6d3d3;
border-bottom:1px solid #d6d3d3;
padding-left:20px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 5px;
}

#main-block .download a,
#main-block .download a:link,
#main-block .download a:visited

{
font-weight:normal;
color:#cc3333;
text-decoration: none;

}

#main-block .download-without-desc {
margin-bottom: 8px;
/*
border-top:1px solid #DFB07A;
*/
}

/*           Contentbereich - FTP-Form-Ausgabe
*******************************************************************************/

#main-block .formular-pdf {
border-top:  1px solid #FFFFFF;
width:510px;
margin:0px;
}
#main-block .formular-pdf p {
background-color:#FFFFFF;
background-image:url(../files/bg_ftp-formular.gif);
background-position: left top;
/*background-repeat:repeat;*/
font-weight:normal;
color:#000000;
border-left:3px solid #8dd225;
border-right:1px solid #d6d3d3;
border-bottom:1px solid #d6d3d3;
padding-left:63px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 5px;
}

#main-block .formular-pdf a,
#main-block .formular-pdf a:link,
#main-block .formular-pdf a:visited
{
font-weight:normal;
color:#6c9a29;
text-decoration: none;
}



/* --------------- Movie-Content Area ------------------------------------------ */

#moviecontent {
margin-top:    30px;
margin-bottom: 40px;

}

#moviecontent .head { /* Überschriften */

width:490px;
padding-left:10px;
background-color:#e4ebe3;
font-weight:bold;
color:#4d584b;
border-left:15px solid #00a4a5;
}

#inhalt p { /* Inhalte des Filmes */

width:490px;
padding-left:25px;
font-weight:normal;
color:#00a4a5;
}

/* -------------- Ende Downloadbereich-Liste Modul optional -------------------- */

/*        footer
------------------------------------------------------------------------------*/
.footer {
margin:0 auto; /* gilt zum zentrieren für Firefox */
text-align: center; /* hack zentrieren für IE */
padding: 0;
width: 950px; /* Breite der Footer Grafik */
height: 39px;  /* Höhe der Footer Grafik */
background-image:url(../files/bg_footer.gif);
/* border-bottom: 1px solid #545252; */
}
.footer2 {

}
.footer p {
margin:0;
}

.footer p,
.footer p a,
.footer p a:link {
color:#000000;
}
.footer p a:hover {
text-decoration:underline;
}

.footer .col-left { /* linker footerteil z.B. screen & function */
text-align: left; /* hack zentrieren für IE */
float:left;
font-size:1.0em;
padding-top:10px;
padding-left:80px;
color:#000000;
width:485px;
}
.footer .col-right { /* rechter footerteil z.B. sitemap etc. */
/* margin:0 auto; */
padding-left:670px;
padding-top:10px;
font-size:1.0em;
text-align:left;
color: #000000;
font-weight: bold;
}
.footer .col-right a,
.footer .col-right a:link {
color: #000000;
}


/*         Horizontale Linie Contentbereich
-----------------------------------------------------------------------------*/


hr
{
border-style: dashed;
border-color:#c52728;
height: 1px;
width:100%;
margin-top:  20px;
margin-bottom: 20px;
}

#main-block2 div.haarline {
background:url(../files/haarlinie.gif) repeat-x;
height: 2px;
width:100%;
margin-top: 10px;
margin-bottom: 12px;

}


/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x und 3.x
Ab: Version 4.5 Community Editon
oder Version 3.6 Rex 3
Stand: 22.01.2008

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen

Funktioniert nicht mit Formular-Generator < v.4.43

/*

/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
color: #000000;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}

.formgen form
{
line-height : 120%;
width: 100%;
}


/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

/* texte, welche links der Inputs stehen, hier auch mit formatieren */
.formgen .formblock
{
margin-bottom: 5px;
/* background-color: #FFFFCC; */
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
font-size: 1.0em;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/*
--------- FORMULAR-OBJEKTE ------------
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
height: 200px;
margin-left: 4px;
width: 210px;
border: 1px solid #b2afaf;
background-color: #f1f1f1;
background-image:url(../files/bg_form.gif);
background-repeat:no-repeat;
background-position: left top;
padding: 1px 1px 1px 1px;
}


/* Textfeld */
.formgen .formtext
{
height: 20px;
width: 210px;
margin-left: 4px;
border: 1px solid #b2afaf;
background-color: #e7e9e3;
background-image:url(../files/bg_form.gif);
background-repeat:no-repeat;
background-position: left top;
padding: 1px 1px 1px 1px;

}

.formgen .formradio
{
margin-left: 5px; /* radio schalterabstand von labelbreite */
padding-top: 1px; /* ausrichtung des textes am radio */
padding-left: 5px; /* radio beschreibung rechts von knopf */
font-size: 1.0em;
color: #77775d;

}
/* Trennelement , Abstand */
.formgen .formtrenn
{
display: block;
height: 30px;
}
/* Hinweistext */
.formgen .formhinweis
{
font-weight: bold;
color: #003366;
font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
font-weight: bold;
color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
width: 200px;
background-color: #CCCCCC;
margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
border: 1px solid #990000;
}

/* Label, Texte links der Eingabefelder*/
.formgen label {
font-family: Verdana, Helvetica, sans-serif;
width: 220px;
clear: left;
float: left;
height: 18px;
padding: 0px;
font-size: 1.1em;
color: #77775d;
vertical-align: top;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
width: 200px;
background-color: #CCCCCC;
margin-left: 4px;
}


.formgen .formcheck
{
width: 20px;
margin-left: 5px;
margin-top: 0px;
}

/* Sende-Button */
.formgen .formsubmit
{
width: 200px;
margin: 0px;
margin-top: 20px;
margin-left: 220px;
color: #f5f5f5;
font-size: 1.0em;
font-weight: bold;
background-color: #6a423d;
background-image:url(../files/bg_submit.gif);

}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 500px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
/* border: 1px solid #5D81A3; */
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
color: #FFFFFF;
background-color: #990000;
border: 1px dashed #000000;
margin: 5px;
padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
color: #FFFFFF;
background-color: #990000;
}

#form-module-thanks { /* Danksagung */
display:block;
font-family:verdana, arial, helvetica, sans-serif;
color: #0d5d5e;
font-size:1.1em;
line-height: 1.6em;
font-weight: bold;
}


/* Ende der Formulardefinition */
/*//////////////////////////////////////////////////////////////////////////////*
/* //////////////// Galerie /////////////////////// */

#main-block2 .galerie {
margin: 0px;
}

#main-block2 .galeriebild img {
float: left;
margin: 13px;
padding: 1px;
border: 1px dotted #666666;
height: 150px;
width: 220px;
/* background-color:#333333;  */
}

#main-block2 .galeriebild img:hover {
border: 1px dotted #999999;
}