/*******************************************************************************
Copyright: hundertmorgen , screen & function
*******************************************************************************/

/* auf null setzen */

: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:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

legend { display:none; }
div, p, li, a {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; }
a:focus { outline:none;}

/* ### HTML ###################################################################### */
html {
min-height: 99%;
margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
font-family: arial, helvetica, sans-serif;
font-size: x-small;
background:#4d4f4e;
}

#body_all {
background:url(../files/autohaus-pirna-bg.jpg);
background-repeat:repeat-x;
}

/* \*/ * html body { font-size: xx-small; } /* *//* IE 5.5 Hack */

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

.clear {
clear:both;
}

img, div, a, input
{
behavior: url(iepngfix.htc);
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content - alle Inhalte  - Header to Footer  ######################## */

#webseite {
display:block;
margin:0 auto;
padding:0;
margin-top: 0px; /* abstand Browserleiste */
height:100%;
width:987px;
}

/* ### Header ##################################################################### */


#themenbild {
display:block;
text-align: center;
margin:0 auto;
width:987px;
}

#bg-themenbild {
text-align: center;
margin:0 auto;
background:url(../files/bg-themenbild.jpg) no-repeat;;
background-position: top center;
}


#header-navigation {
display:block;
text-align: center;
margin:0 auto;
height:26px;
width:987px;
}

#header-navigation-links {
display:block;
text-align: left;
float:left;
width:500px;
padding: 5px 0px 0px 60px;
color: #9b9c9c;
font-family: verdana, helvetica, sans-serif;
font-size: 8pt;
}

#header-navigation-rechts {
padding: 5px 0px 0px 80px;
display:block;
text-align: right;
float:left;
width:300px;
}
#header-navigation-rechts a,
#header-navigation-rechts a:link,
#header-navigation-rechts a:hover,
#header-navigation-rechts a:visited {
color: #9b9c9c;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
}

#navigation-marken {
margin:0 auto;
display: block;
width:987px;
height:86px;
}

#submenue_center {
display: block;
margin:0 auto;
width:987px;
}

#submenue { /* 2. Level */
padding-top: 5px; /* gesamthöhe der bg Grafik ist 36 px */
height:26px;
/* background:url(../files/sprachen.gif) no-repeat; */
}

#breadcrumb {
text-align: left;
font-family: verdana, sans-serif;
font-size: 8pt;
color: #e3e5e3;
background:url(../files/breadcrumb-bg.gif) no-repeat;
height:25px; /* Hoehe und Abstand nach unten */
padding: 6px 0px 0px 15px;
}


#main-block #breadcrumb a,
#main-block #breadcrumb a:link,
#main-block #breadcrumb a:visited,
#main-block #breadcrumb a:hover  {

text-align: left;
color: #e3e5e3;
text-decoration: none;
background-color: transparent;
}

#main-block #breadcrumb .bcTitle,
#main-block #breadcrumb .bcTitle a,
#main-block #breadcrumb .bcTitle a:link,
#main-block #breadcrumb .bcTitle a:visited
{
text-align: left;
color: #e3e5e3;
padding-left: 0px;
text-decoration: none;
background-color: transparent;
}

#main-block #breadcrumb .bcActive a,
#main-block #breadcrumb .bcActive a:link,
#main-block #breadcrumb .bcActive a:visited,
#main-block #breadcrumb .bcActive a:hover
{
text-decoration: none;
color: #e3e5e3;
background-color: transparent;
}

/* ### Rechte Spalte ##################################################################### */

#rechte_spalte {
float:left;
width:265px; /* 219 */
margin-top: 35px;
}

#rechte_spalte_content {
text-align:left;
padding-left: 17px;
padding-right: 17px;
}


#rechte_spalte_content div.mytext img,
#rechte_spalte_content div.bildrechts img {
/* padding: 3px; /* Rahmen mit feinem Abstand */
/* border:1px solid #d1c8a7; */
border-left:1px solid #ada897;
border-top:1px solid #ada897;
border-right:1px solid #ada897;
border-bottom:1px solid #ada897;
margin-bottom:0.5em;
}


* html #rechte_spalte_content div.mytext img {
margin-bottom: -8pt;
}

#rechte_spalte_content p {
margin-bottom:0.3em; /* Alle Texte im Content-Bereich */
font-family: arial, helvetica, sans-serif;
font-size: 10pt; /*1.4em;*/
line-height:12pt;
color: #d9d9d9;
text-align: left;
}

#rechte_spalte_content div.mytext a,
#rechte_spalte_content div.mytext a:link,
#rechte_spalte_content div.mytext a:visited
{
margin-bottom:0.3em; /* Alle Texte im Content-Bereich */
font-family: arial, helvetica, sans-serif;
font-size: 9pt; /* 1.3em */
line-height:1.5em;
color: #4d4f4e;
font-style: normal;
text-decoration: none;
background-color: #dbdbdb;
padding: 2px 6px 2px 6px;
}

#rechte_spalte_content div.mytext a:hover
{
color: #4d4f4e;
background-color: #d2d0d0;
}

#rechte_spalte_content h1 {
color:#83452a;
background: inherit;
font-size: 11pt; /*1.7em;*/
font-weight:bold;
line-height:1.8em;
font-family: helvetica, sans-serif;
margin-bottom: 2px;
}

#rechte_spalte_content h2 {
width: 195px;
font-family: arial, helvetica, sans-serif;
font-size: 9pt; /* 1.3em */
line-height:1.3em;
color: #9e5c40;
font-weight:bold;
margin-bottom: 15px;
}

/* ### Teaser ##################################################################### */

#main-teaser {

}

/* ### Content #################################################################### */


#content {
display:block;
clear:both;
/* position:relative; */
padding:0 0 0 0;
}

#content-area {
display:block;
margin:0 auto;
width:987px;
background:url(../files/content-area.gif) no-repeat;
}

#content-slices {
display:block;
margin:0 auto;
width:987px;
background:url(../files/content-slices.gif) repeat-y;
}


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



#main {
float:left;
width:722px; /* 542px  */
padding-bottom: 0px; /* Abstand zum Footer */
}

/* ### main-block => MainContent ################################################### */

#main-block {
color: #000000;
text-align:left;
}


#main-content-block { /* Rand links rechts innerhalb des Containers, gesamter Inhaltsbereich */
display:block;
padding-left: 55px;
padding-right: 52px;
padding-top: 15px;
padding-bottom: 0px; /* Abstand Inhalt zum Boxende */
/*
background-color:#333333;
border:1px solid #aaa;
*/
}

#main-teaser {
/* background:url(main_teaser.jpg) no-repeat; */
}

/* Modul Bild einbinden */
#main-content-block div.mytext img,
#main-content-block div.bildrechts img {
/* padding: 3px; /* Rahmen mit feinem Abstand */
/* border:1px solid #d1c8a7; */
border-left:1px solid #e3e4dd;
border-top:1px solid #e3e4dd;
border-right:1px solid #e3e4dd;
border-bottom:1px solid #e3e4dd;
margin-bottom:0.5em;
}

/* ### headlines ############################################################ */

#main-block h1 {
color:#FFFFFF;
font-size: 13pt; /*1.7em;*/
font-weight:bold;
line-height:1.5em;
font-family: Verdana, Arial, sans-serif;
/* font-family: "Futura Lt BT Light",Arial, sans-serif; */
margin-bottom: 10px;
background:url(../files/h1_letter.gif);
background-repeat:no-repeat;
padding-left: 18px;
}

#main-block h2 {
color:#f4f6e8;
font-size: 14px; /*1.7em;*/
line-height:1.8em;
font-family: Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}

#main-block h3 {
background:url(../files/xxx.gif);
background-repeat:no-repeat;
color:#985437;
font-size:1.3em;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
margin-top: 4px;
margin-bottom: 7px;
padding-left: 23px;

}

#main-block h4 {
color:#c4c4c4;
font-size:1.1em;
font-weight:bold;
line-height:1.2em;
}

#main-block h5 {
color:#c4c4c4;
font-size:1.0em;
font-weight:bold;
line-height:1.0em;
}

div.my_h6  { /* Headline für Reiseangebote */
height: 40px;
color:#83452a;
font-size: 14px; /*1.7em;*/
font-weight:bold;
font-family: Helvetica;
padding: 9px 0px 0px 12px;
background:url(../files/bg_letter_reise.gif) no-repeat;
}


/* ### Images ############################################################ */

#main-block img {
display:block;
margin:2px 0;
}

#main-block img.floatLeft {
float:left;
margin:4px 10px 4px 0;
}

#main-block img.floatRight {
float:right;
margin:4px 0 4px 10px;
}



/* ### Hyperlinks Content ################################################### */

#main-block a,
#main-block a:link,
#main-block a:visited {
padding: 0px 4px 0px 4px;
color:#d7d8d7;
background-color: #656665;
text-decoration: none;
}

#main-block a:hover {
color:#000000;
text-decoration: none;
background-color: #e3e3e3;
}

#main-block a.artikelliste,
#main-block a:link.artikelliste {
font-size: 10pt;
color:#FFFFFF;
text-decoration:underline;
text-transform:none;
line-height: 1.5em;
}

#main-block a:visited.artikelliste {
color:#933e00;
}
#main-block a:hover.artikelliste {
color:#0c4253;
text-decoration:none;
}

/* ### Paragraphs ########################################################## */

#main-block p {
margin-bottom: 10px; /*0.6em; Alle Texte im Content-Bereich */
font-family: arial, helvetica, sans-serif;
font-size: 10pt; /*1.4em;*/
line-height:17px;
color: #FFFFFF;
text-align: justify;

}

/* ### Tables ############################################################## */

#main-block table {
font-size:1.2em;
line-height:1.6em;
}

#main-block td {
padding:0 0 0 0;
}


/* ### Blockquotes ########################################################## */

#main-block blockquote {
margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

#main-block ul,
#main-block ol {
font-family: arial, helvetica, sans-serif;
color: #FFFFFF;
margin-bottom:1.2em;
font-size: 10pt; /*1.4em;*/
line-height:1.2em;
}

#main-block ol li {
margin:0 0 0 30px;
list-style-type:decimal-leading-zero;
}
#main-block ul li {
margin:0 0 0 30px;
list-style-type:square;
}


/* ### Module ################################################################ */

#main-content-block div.floatLeft img {
float:left;
margin:8px 40px 4px 0;
}

#main-content-block div.floatRight img {
float:right;
margin:4px 0px 4px 40px;
}

#main-content-block a.more {
clear:left;
/* position: relative; */
left: 120px;
}

/* ############### Bild mit Text nicht umfließen ah ############################################ */

.flLeft  { float:left; }
.flRight { float:right; }

#main-content-block div.ah {
display: block;
padding-top: 0px;
margin-top: 0px;
margin-left: 0px;
width: 615px;
}

#main-content-block div.ah div.bild {
float: left;
width: 230px;
}

#main-content-block div.ah div.bild div.zoom img {
display: block;
float: left;
width: 30px;
height: 12px;
border:0px solid #e3e4dd;
}

#main-content-block div.ah div.bild div.zoom a,
#main-content-block div.ah div.bild div.zoom a:link {
padding: 0px 0px 0px 0px;
}

#main-content-block div.ah div.text { /* text-part rechts vom Bild */
display: block;
float: left;
width: 385px;
}

#main-content-block div.ah div.text p {
line-height: 13pt;
}

#main-content-block div.ah p { /* Spezielle Texteinstellung für Textile */
line-height:1.2em;
}

#main-content-block div.ah div.image {
margin-bottom: 10px;
margin-top: 0px; /* Bild neben text und Oberkante gleich */
}

#main-content-block div.ah div.image p { /* Bildunterschrift */
margin:0;
color: #e8eae8;
font-size:8pt;
}
#main-content-block div.ah div.flLeft {
margin-right:14px;
}

#main-content-block div.ah img {
border:1px solid #e3e4dd; /* Rahmen um Bilder */
}
#main-content-block div.ah div.text a, /*schaltfläche im Textcontainer */
#main-content-block div.ah div.text a:link,
#main-content-block div.ah div.text a:visited
{
padding: 1px 4px 1px 4px;
background-color: #656665;
color: #767676;
text-decoration: none;
color: #d7d8d7;
}
#main-content-block div.ah div.text a:hover {
background-color: #e3e3e3;
color: #000000;
}

/*        Images im Textile
------------------------------------------------------------------------------*/

.flLeft  { float:left; }
.flRight { float:right; }

#main-content-block div.mytext {
margin-top: 0px;
margin-left: 0px;
}

#main-content-block div.mytext p { /* Spezielle Texteinstellung für Textile
font-size:1.1em; /* 9pt */
}

#main-content-block div.mytext div.image {
margin-bottom: 1.1em;
margin-top: 0.2em; /* Bild neben text und Oberkante gleich */
}

#main-content-block div.mytext div.image p { /* Bildunterschrift */
margin:0;
color: #78441d;
font-size:1.1em;
}
#main-content-block div.mytext div.flLeft {
margin-right:14px;
}
#main-content-block div.mytext div.flRight {
margin-left:14px;
}
#main-content-block div.mytext img {
border:1px solid #dedede;
}

/* null setzen der Link Umrandung */
#main-content-block div.mytext div.image a,
#main-content-block div.mytext div.image a:link {
padding: 0px 0px 0px 0px;
}


/* ############### Bildergalerie - mit Untertiteln in der Thumb Ansicht und Großbild-Navigation################################# */

#main-content-block div.galerie {
clear: both;
width: 98%;
text-align: center;
margin-left: 0px;
}
#main-content-block div.galerie div.image {
float: left;
display: block;
width: 100px;
height: 110px; /* Höhe Bild und Untertitel zusammen, damit bei einzeilgem bzw. 2 zeiligen kein sprung einsetzt */
margin-left: 5px;
margin-right: 7px;
margin-bottom: 10px;
}

#main-content-block div.galerie div.image img {
padding: 1px; /* Rahmen mit feinem Abstand */
border:1px solid #aaa;
}

#main-content-block div.galerie div.text { /* Bildunterschrift */
font-size: 10px;
text-align: left;
color: #5c2004;
font-family: arial, helvetica, sans-serif;
}

/*           FCKeditor
*******************************************************************************/

#main-content-block .fckeditor {
margin-bottom: 10px;
}


#main-content-block .fckeditor table
{
color: #7c7955;
font-size: 9pt;
}

#main-content-block .fckeditor td {
border:1px solid #dcd4b7;
padding: 1px 2px 1px 2px;
background-color: #f4edd3;
}


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

#rechte_spalte_content div.download {
float: left;
margin:0px;
margin-left:0px;
text-align: left;
background-color: #dbdbdb;
border-left:8px solid #b70000;
}

#rechte_spalte_content div.download p {
font-weight:normal;
color:#676c67;
font-size: 8pt; /*1.4em;*/
font-family: arial, helvetica, sans-serif;
}

#rechte_spalte_content .download img {
float: left;
padding-right: 5px;
padding-top: 1px;
padding-left: 7px;
}

#rechte_spalte_content .download a,
#rechte_spalte_content .download a:link,
#rechte_spalte_content .download a:visited
{
font-weight:normal;
color:#676c67;
text-decoration: none;
font-size: 9pt;
padding: 0px 10px 0px 0px;
}

#rechte_spalte_content div.download a:hover {
background-color: #d6d3d3;
color: #676c67;
}

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

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

/*           Download
*******************************************************************************/

#main-block div.download {
float: left;
margin:0px;
margin-left:1px;
text-align: left;
background-color: #eeebeb;
border-left:8px solid #585a58;
}

#main-block div.download p {
font-weight:normal;
color:#676c67;
font-size: 9pt; /*1.4em;*/
font-family: arial, helvetica, sans-serif;
}

#main-block .download img {
float: left;
padding-right: 5px;
padding-top: 1px;
padding-left: 7px;
}

#main-block .download a,
#main-block .download a:link,
#main-block .download a:visited
{
font-weight:normal;
color:#676c67;
text-decoration: none;
font-size: 9pt;
padding: 0px 10px 0px 0px;
}

#main-block div.download a:hover {
background-color: #d6d3d3;
color: #676c67;
}

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

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


/* ### NEWS TEASER ################################################################ */

#main-block div.my_news_teaser {
display:block;
margin-top: 10px;
width: 615px;
}

#main-block div.my_news_teaser div.my_news_bild {
float: left;
width: 235px;
background:url(../files/news_bg.png) no-repeat;
}


#main-block div.my_news_teaser div.my_news_schatten_bild {
width:222px;
height:138px;
background:url(../files/news_schatten_bild.png) no-repeat;
}

#main-block div.my_news_teaser div.my_news_bild_ausgabe {
padding: 0px 5px 5px 2px;

}

#main-block div.my_news_teaser div.my_news_text {
float: left;
width: 380px;
}

#main-block div.my_news_teaser div.my_news_text div.my_news_header {
float: left;
width: 384px;
height: 25px;
background:url(../files/news_header_bg.png) no-repeat;
}

#main-block div.my_news_teaser div.my_news_text div.my_news_header p {
font-size: 9pt;
font-family: verdana;
padding: 4px 3px 3px 11px;
font-weight: bold;
color: #4a4c4b;
}

#main-block div.my_news_teaser div.my_news_text div.my_news_fliesstext p {
margin-top: 14px;
font-size: 9pt;
font-family: arial,verdana;
padding: 20px 3px 0px 11px;
font-weight: normal;
color: #FFFFFF;
text-align: left;
line-height: 12pt;
}

#main-block div.my_news_teaser div.my_news_text div.schalter {
clear:both;
display:block;
width: 350px;
height: 0px;
}

#main-block div.my_news_teaser div.my_news_text div.schalter_links {
display: block;
float: left;
margin-left: 9px;
width: 152px;
height: 22px;
}
#main-block div.my_news_teaser div.my_news_text div.schalter_links a,
#main-block div.my_news_teaser div.my_news_text div.schalter_links a:link {
padding: 0px 0px 0px 0px;
}

/* Datum aktualisierung */
#main-block div.my_news_teaser div.my_news_text div.schalter_rechts {
float: left;
margin: 5px 0px 0px 15px;
font-size: 9pt;
color:#141614;
padding: 1px 5px 1px 5px;
font-weight: normal;
font-style: italic;
background-color:#9c9d9c;
}


/* ### Formular ################################################################ */

label.text{
width: 80px;
height: 25px;
display:block;
float:left;
clear: left;
padding-top:5px;
}

label.textarea{
width: 80px;
height: 25px;
display:block;
clear: left;
padding-top:5px;
}
input.text {
float:left;
width: 370px;
height:20px;
background-color: #eee;
color:#000;
border-left: 6px solid #90b0bf;
border-bottom: 1px solid #FFF;
border-right: 6px solid #90b0bf;
border-top: 1px solid #FFF;
}

textarea.textarea {
width: 450px;
height:100px;
background-color: #eee;
color:#000;
border-left: 6px solid #90b0bf;;
border-bottom: 1px solid #FFF;
border-right: 6px solid #90b0bf;;
border-top: 1px solid #FFF;
}

.submit{
background-color: #90b0bf;
color:#fff;
margin-top: 10px;
border: none;
}

/* ### Bildergalerie - JAOS Gallery ###################################################### */

#joasg {

clear: both;
text-align:center;
margin:0 auto;
width: 615px;

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

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

#joasg .jaosg_thumbnail img {
padding: 1px; /* Rahmen mit feinem Abstand */
border:1px solid #aaa;
}

#joasg .jaosg_bild img {
padding: 0px;
margin-top: 30px;
padding: 1px; /* Rahmen mit feinem Abstand */
border:1px solid #aaa;
}

#joasg .jaosg_bildbeschreibung {
font-weight: normal;
font-size: 1.1em;
}

#joasg .joasg_zahl  { /* gilt für Bilderzaehler */
margin:0 auto;
text-align: center;
color:#FFFFFF;
font-weight:bold;
padding-left: 30px; /* link bzw. rechts vom Linktext */
padding-right: 30px;
background-color: #D18707;
text-decoration: none;
font-size:1.0em;
}

.jaosg_link  { /* gilt für alle Linkeigenschaften, active, link, visited */
margin:0 auto;
text-align: center;
color:#999999;
font-weight:normal;
padding-left: 30px; /* link bzw. rechts vom Linktext */
padding-right: 30px;
border:  1px solid #D7D7C4;
background-color: #F7F7ED;
text-decoration: none;
font-size:1.1em;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////// *
/* ////// Für Galerie Content, CSS für 03.68 - Bildergalerie - JAOS Lightbox Content  /////////////////// */
/* ////// Für Galerie Content, sowie No Javascript statisch /////////////////// */

#light_joas_content {
clear: both;
text-align: center;
margin:0 auto;
width: 98%; /* breite für Bildergalrie */
/* background-color: #d1c9ac;  */
/* background:url(xxx_bg_galerie.jpg) repeat-y; */
margin-bottom: 0px;
padding-left: 10px;
margin-top: -5px;
/* border:  1px solid #a19a82; */
}

#light_joas_content .content {
margin:0 auto;
text-align: center;
vertical-align:middle;
padding:0px;
font-size: 12pt;
}


#light_joasg_content h1 {
text-align: left;
}

#light_joas_content .jaosg_thumbnail_content{

float: left;
margin-left: 0px; /* Abstände zwischen den Thumb-Bilder  */
/*background-image:url(bg_lightbox_content.gif);
background-repeat:no-repeat;
*/
color: #000000;
font-size: 9pt;

}

/* ls=landscape-Format der Thumbs */

#light_joas_content .ls_content {
padding: 0px 0px 0px 0px;
text-align: center;
vertical-align:middle;
margin-left: 1px;
margin-right: 5px;
margin-bottom: 10px; /* Abstand von Box zu Box */
}

#light_joas_content .ls_content img {
border: 0px solid #d0d2d0;
/* Wenn Thumb durch Modul vergeben wird
height: 53px;
width: 80px;
*/
}

/* pt=portrait-Format der Thumbs */

#light_joas_content .pt_content {
text-align: center;
vertical-align:middle;
width: 100px; /* bug Firefox 80 px breite + 18 px = 98 px aus div.ls img */
height: 90px; /* 100 - padding-top */
padding: 10px 0px 0px 0px;
margin-bottom: 10px; /* Abstand von Box zu Box */
margin-left: 1px;
margin-right: 2px;
/* border: 1px solid #f00c0c; */
}

#light_joas_content jaosg_thumbnail_content ls_content {
padding: 2px; /* Rahmen mit feinem Abstand */
border:1px solid #d0d2d0;
/* Wenn Thumb durch Modul vergeben wird Anpassen auf Seitenverhältnis, wichtige Einstellung
height: 77px;
width: 50px;
*/
}

#light_joas_content .jaosg_bildbeschreibung {
/* wenn kein javascript, Bilduntertitel */
font-style: italic;
/* border-bottom: 1px solid #666666; */
font-size: 10pt;
}

#light_joas_content .jaosg_bild img {
/* Bilderrahmen für Grossanzeige bei no javascript */
border-top: 1px solid #8a8686;
border-left: 1px solid #8a8686;
border-right: 1px solid #8a8686;
border-bottom: 1px solid #8a8686;

}

#light_joas_content .jaosg_nav a,
#light_joas_content .jaosg_nav a:link
   {
/* wenn kein javascript, Links vor zurück zur übersicht */
margin:0 auto;
text-align: center;
color:#FFFFFF;
font-weight:normal;
padding-left: 35px; /* link bzw. rechts vom Linktext */
padding-right: 35px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom:  1px solid #000000;
background-color: #999999;
text-decoration: none;
font-size:1.1em;
/* background-image:url(bg_navig_joas.jpg); */
background-repeat:repeat-x;


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


/* ### BILD MIT AUSGABE ALS LIGHTBOX oder EINFACH  //////////////////////////// */
/*
Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder.
.pleft , .pright und .pnormal

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.

.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder für den 2. Stil.
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.
/* Definition der Klassen ohne Rahmen*/

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


/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: 1px solid #FFFFFF;
}
.pright_b {
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: 1px solid #FFFFFF;
}
.pnormal_b { /* bei Ausrichtung normal */
clear: both;
/* padding: 5px; /* Abstand vom Bild zum Rahmen */
/* border: 1px solid #FFFFFF; */
border:1px solid #dedede;
}


/* ### Artikelliste links  ////////////////////////////////////////////// */

#artikelliste a,
#artikelliste a:link
{
color:#3a6c8e;
font-weight:bold;
text-decoration:underline;
}


/* ### Footer ###################################################################### */

#footer {
display:block;
margin:0 auto;
width:987px;
height:89px;
background:url(../files/footer-bg.gif) no-repeat;
}

#footer-left
{
position: absolute;
color:#caccca;
font-family: verdana;
font-size: 7pt;
text-align: right;
margin-top: 65px;
margin-left: 300px;
}

#footer-left a,
#footer-left a:link,
#footer-left a:hover {
color:#caccca;
text-decoration: none;
}


#footer-right  {
position: absolute;
margin-left: 850px;
margin-top: 63px;
cursor:pointer;
}


#ende { height:30px;
}

/* ### Externe Links ################################################################ */

/*
.extern {
padding-left:15px;
background-image:url(extern.gif);
background-repeat:no-repeat;
}
*/

hr
{
border:1pt dashed #cbcccb;
height: 1px;
width:100%;
margin-top:  0.2em;
margin-bottom: 1.2em;
}

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

}

/* ### Newsletter ################################################################ */

#newsletter {
}

#newsletter h5 { /* Warnung */
font-size: 10pt;
font-weight: bold;
color: #b72701;
line-height: 20px;
}

#newsletter p,
#newsletter h2 {
margin-left: 10px;
}

#newsletter p label  { /* textbreite links von input */
clear:left;
display:block;
float:left;
width:150px;
padding-top:2px;
font-size:13px;
}

#newsletter input,
#newsletter textarea {
width:260px;
padding:2px 2px 2px 3px;
border:1px solid #d1c495;
border-left: 5px solid #c5bfa5;
background-color:#fffcef;
}

#newsletter .schalter
{
font-size: 13px;
width: 110px;
height: 22px;
background:url(../files/bg_schalter_form.jpg);
padding: 0px 1px 0px 1px;
border: 1px solid #645d43;
font-weight: normal;
margin-left: 154px;
margin-top: 15px;
color: #FFFFFF;
font-family: Comic Sans MS, verdana, arial, helvetica, sans-serif;
text-align: center;
cursor: pointer;
}

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

div.zweispalter {
font-size: 10pt;
width: 615px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

.zweispalter_1 {
width: 280px;
}

.zweispalter_2 {
width: 280px;
margin-left: 20px;

}

.zweispalter_1,
.zweispalter_2 {
float: left;
}

#slider_car {
padding: 5px 0px 10px 5px;
}

/* ------------------- Facebook - Box ---------------------- */

#facebook {
margin-top: 25px;
background-color:#d1d1d1;
}