/*******************************************************************************
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-size: x-small;
margin:0 auto;
background:#dcdcd8;
background:url(../files/bg_all.jpg);
background-position: top center;
background-repeat:repeat-y;
}

#body_all {
/*
background:url(../files/fichkona-bg-slice.jpg);
background-repeat:repeat-x;
*/
}

#body_bg {
background:url(../files/bg-fichkona-neu.jpg) no-repeat;
background-position: top center;
}

/* \*/ * 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:994px;
}

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

#fichkona-header {
display:block;
margin:0 auto;
height:180px;
width:994px;
}

#fichkona-header #header_logo a,
#fichkona-header #header_logo a:link {
position: absolute;
float:left;
margin-top: 0px;
margin-left: 75px;
height:100px;
width:350px;
text-indent:-700em;
cursor:pointer;
}

#fichkona-themenbild-bg {
margin-left: 40px;
display:block;
height:296px;
width:685px;
background:url(../files/bg_themenbild.png) no-repeat;
}

#fichkona-themenbild {
padding-top: 18px;
padding-left: 20px;
}

#header_logo {
position: absolute;
float:left;
margin-top: 68px;
margin-left: 20px;
height:83px;
width:165px;
cursor:pointer;
}

#breadcrumb {
position: absolute;
float:left;
margin-top: 266px;
margin-left: 228px;
font-family: Verdana, Arial;
font-size: 7pt;
color: #6884a3;
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:hover {
text-align: left;
color: #6884a3;
}

#breadcrumb .bcTitle {
text-align: left;
color: #6884a3;
padding-left: 0px;
}

#breadcrumb .bcActive { /* Link Breadcrumb */
}

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

#content {
display:block;
position:relative;
padding:0 0 0 0;
width:994px;
}

#content2 {
width:994px;
/* background:url(../files/fichkona-content-slice.jpg) repeat-y; */
}

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

#main {
float:left;
width:730px;
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: 70px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 15px; /* Abstand Inhalt zum Boxende, es ist noch ein <br> im clear tag unter content(0) */

}

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

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

#main-block h1 span {
height:25px;
color:#3b80a3;
font-size: 14pt;
font-weight:bold;
font-family: Georgia, Courier New, verdanan, sans-serif;
padding: 2px 6px 2px 6px;
text-transform: uppercase;
background-color: #FFFFFF;
border:1px solid #e3e4dd;
}

#main-block h1 {
margin-bottom: 8px;
}

#main-block h2 span {
color:#fffbe2;
font-size: 10pt;
font-weight:bold;
font-family: Georgia, Courier New, verdanan, sans-serif;
margin-bottom: 5px;
padding: 7px 13px 10px 39px;
background:url(../files/bg_h2.gif) no-repeat;
}

#main-block h2 {
margin-bottom: 8px;
}

/* ### 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 {
font-family: georgia, verdana, helvetica, sans-serif;
color:#4f81bb;
font-weight: bold;
text-decoration:underline;
}

#main-block a:hover {
color:#2b465f;
font-weight: bold;
text-decoration: none;
}

#main-block a.artikelliste,
#main-block a:link.artikelliste {
font-weight: bold;
font-size: 9pt;
color:#4f81bb;
text-decoration:underline;
text-transform:none;
line-height: 1.5em;
}

#main-block a:visited.artikelliste {
color:#4f81bb;
}
#main-block a:hover.artikelliste {
color:#4f81bb;
text-decoration:none;
}


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

#main-block p {
margin-bottom: 6px; /*0.6em; Alle Texte im Content-Bereich */
font-family: georgia,verdana, helvetica, sans-serif;
font-size: 9pt; /*1.4em;*/
line-height:1.5em;
color: #000000;
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: georgia,verdana, helvetica, sans-serif;
color: #000000;
margin-bottom:1.2em;
font-size: 9pt; /*1.4em;*/
line-height:1.7em;
}

#main-block ol li {
margin:0 0 0 25px;
list-style-type:decimal-leading-zero;
}
#main-block ul li {
margin:0 0 0 25px;
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;
}


/*        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: 4pt;
margin-top: 0.2em; /* Bild neben text und Oberkante gleich */
}

#main-content-block div.mytext div.image p { /* Bildunterschrift */
margin:0;
color: #8c8c8a;
font-size:7pt;
margin-bottom: 4pt;
}
#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 {
padding: 1px 1px 1px 1px;
border:1px dashed #c3c4bc;
}

/* ###### 021 - Bild einbinden - Resize - Ausrichtung - Links auf Bild - optional Lightbox - Schaerfen #### */

#main-content-block div.bild-einbinden img {
padding: 1px 1px 1px 1px;
border:1px dashed #a2a290;
}

/* ############### 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: 510px;
}

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

#main-content-block div.ah div.bild div.zoom  a img,
#main-content-block div.ah div.bild div.zoom  a:link img { /* zoom schalter mit lightbox, liegt im div .bild, kein rahmen */
display: block;
float: left;
border:0px solid #e3e4dd;
}

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

#main-content-block div.ah p { /* Spezielle Texteinstellung für Textile */

}

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

#main-content-block div.ah div.image p { /* Bildunterschrift */
margin:0;
color: #888888;
font-size:8pt;
}
#main-content-block div.ah div.flLeft {
margin-right:5px;
}
#main-content-block div.ah div.flRight {
margin-left:14px;
}
#main-content-block div.ah img {
border:1px solid #a2a290;
}
#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: 2px 8px 3px 8px;
background-color: #FFFFFF;
color: #767676;
text-decoration: none;
border:1px solid #e3e4dd; /* Rahmen um Bilder */
}
#main-content-block div.ah div.text a:hover {
background-color: #FFFFFF;
color: #000000;
}

/*           TINYMCE Editor
*******************************************************************************/

#main-content-block .my_wysiwyg {
font-family: verdana,tahoma,arial;
font-size: 9pt; /*1.4em;*/
line-height:1.5em;
text-align: justify;
}

#main-content-block .my_wysiwyg p,
#main-content-block .my_wysiwyg td  {
margin-bottom: 6px;
font-family: georgia,verdana, tahoma, arial, helvetica, sans-serif;
font-size: 9pt; /*1.4em;*/
line-height:1.5em;
color: #282c2e;
text-align: left;
}

#main-content-block .my_wysiwyg table
{
width: 100%;
color: #253b54;
font-size: 9pt;
}

/* wenn tabelle und kein nur text */
#main-content-block .my_wysiwyg td {
padding: 7px 5px 5px 5px;
border:1px dashed #d7d7d7;
background-color: #FFFFFF;
}


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

#main-block div.download {
float: left;
margin:0px;
margin-left:1px;
text-align: left;
background-color: #829cba;
border-left:8px solid #394a60;
}

#main-block div.download p {
font-weight:bold;
color:#676c67;
font-size: 8pt; /*1.4em;*/
font-family: verdanan, arial, helvetica, sans-serif;
padding: 0px 10px 0px 0px;
}

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

#main-block .download a,
#main-block .download a:link,
#main-block .download a:visited
{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
font-size: 8pt;
padding: 0px 10px 0px 0px;
}

#main-block div.download a:hover {
background-color: #829cba;
color: #fffb62;
}

#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;
*/
}

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

#joasg {

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

}
.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.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 {
text-align: center;
vertical-align:middle;
/*
width:  100px; /* bug Firefox 80 px breite + 18 px = 98 px aus div.ls img */
/* height: 80px; /* 100 - padding-top  */

padding: 10px 8px 0px 0px;
margin-left: 1px;
margin-right: 2px;
margin-bottom: 10px; /* Abstand von Box zu Box */
}

#light_joas_content .ls_content img {
padding: 2px; /* Rahmen mit feinem Abstand */
border:1px dashed #bfc0b8;
}

#light_joas_content .ls_content img:hover {
padding: 2px; /* Rahmen mit feinem Abstand */
border:1px dashed #fca647;
}

/* 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 .pt_content img {
padding: 2px; /* Rahmen mit feinem Abstand */
border:1px solid #bfc0b8;
/* 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-left:1px solid #4f4935;
border-top:1px solid #4f4935;
border-right:1px solid #ada897;
border-bottom:1px solid #ada897;
}


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

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


/* ### HAARLINIE  ////////////////////////////////////////////////////// */

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

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

#footer {
clear:both;
display:block;
margin:0 auto;
width:994px;
height:84px;
background:url(../files/footer.png) no-repeat;
}

#footer-spacer {
display:block;
margin:0 auto;
width:994px;
height:46px;
}

#footer-left
{
display:block;
position: absolute;
color:#999999;
font-family: verdana;
font-size: 7pt;
text-align: right;
margin-top: 0px;
margin-left: 350px;
}

#footer-left a,
#footer-left a:link,
#footer-left a:visited {
padding: 2px 7px 2px 7px;
background-color:#FFFFFF;
color:#000000;
text-decoration: none;
text-transform: uppercase;
}

#footer-left a:hover {
background-color:#ffa23f;
color:#000000;
}

#footer-right  {
display:block;
position: absolute;
margin-left: 720px;
margin-top: 0px;
cursor:pointer;
}

#ende { height:30px;
}

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

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

hr
{
border-style: dashed;
border-color:#8d8771;
height: 1px;
width:100%;
margin-top:  0.3em;
margin-bottom: 8px;
}

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

}

div.haarline-bild {
background:url(../files/haarlinie-bild.png) no-repeat;
height: 20px;
width:100%;
margin-top:  1px;
margin-bottom: 20px;

}

/* ### 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:170px;
padding-top:2px;
font-size:9pt;
}

#newsletter input,
#newsletter textarea {
width:335px;
padding:2px 2px 2px 3px;
border:1px dashed #3b5054;
BACKGROUND-COLOR: #FFFFFF;
font-family: georgia,arial, verdana;
margin-bottom: 5px;
}


#newsletter input:focus,
#newsletter textarea:focus {
BACKGROUND-COLOR: #f5f5f5;
}

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

/* ///// WEBCAM ////////////////////////////////////////////////*/

#webcam {
text-align: center;
}

#webcam img {

/* padding: 5px; /* Abstand vom Bild zum Rahmen */
border: 5px solid #d8d2b2;
}

#webcam a img,
#webcam a:link img {
border: 0px solid #d8d2b2;
}

#webcam .time_tans { /* Ausgabe der Ortszeit */
font-size: 10px;
color: #999999;
}

/* ///// VIDEO STREAM ////////////////////////////////////////////////*/

#video_stream {
}

#video_stream div.film {
text-align: center;
/* border: 5px solid #d8d2b2; */
}

/* ///// Wetter Include //////////////////////////////////////////////*/

div.wetter {
margin-left: 20px;
}

/* ///// my Teaser - mehr schalter //////////////////////////////////////////////*/

#main-content-block #teaser .myteaser {
font-weight:normal;
background-color: #ec9232;
padding: 1px 6px 1px 6px;
margin-top: 5px;
color: #FFFFFF;
font-size: 7pt;
border: 1px solid #d8d2b2;
text-decoration: none;
}

/* ///// my Teaser - zureuck schalter //////////////////////////////////////////////*/

#main-content-block #zurueck .myzurueck {
font-weight:normal;
background-color: #ec9232;
padding: 1px 8px 1px 8px;
margin-top: 5px;
color: #FFFFFF;
font-size: 8pt;
border: 1px solid #d8d2b2;
text-decoration: none;
}

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

#main-content div.zweispalter {
font-size: 10pt;
width: 600px;
display: block;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

.zweispalter_1 {
width: 294px;
}

.zweispalter_2 {
width: 294px;
margin-left: 20px;
}

.zweispalter_1,
.zweispalter_2 {
float: left;
}

/* /////////////// Category Liste Galerie Modul 057 ///////////////////// */
/* /////////////// ul class="pagination ////////////////////////// */

#main-content-block ul.categorylist {
display:block;
margin-left: 0px;
}

#main-content-block ul.categorylist li {
display:block;
float:left;
list-style-type:none;
text-align: center;
/* border: 1px dotted #000000; */
margin-left: 10px;
margin-bottom: 10px;
}

#main-content-block ul.categorylist li a,
#main-content-block ul.categorylist li a:link {
float:left;
display:block;
width: 83px;
font-weight: normal;
text-decoration: none;
color:#FFFFFF;
padding: 5px 4px 2px 27px;
background:url(../files/bg_galerie_link.png) no-repeat;
}

#main-content-block ul.categorylist li a:hover {
background:url(../files/bg_galerie_link_over.png) no-repeat;
color:#FFFFFF;
}