img {border: 0px;}

html, body {margin: 0; padding: 0; border: 0;}
body, li, td {font-size: 13px; font-family: Arial, Verdana, Lucida Sans Unicode, Tahoma; color: #0D1012; font-weight: normal;line-height: 18px;}		
p {font-size: 13px; font-family: Arial, Verdana, Lucida Sans Unicode, Tahoma; color: #0D1012; margin: 0.6em 0 1.2em;}
td {line-height: 12px;}		
.bodymain {height: 100%; text-align: center; margin: 0; background: url(../../../fileadmin/_zweigle2010/gfx/gecko_bg.jpg) no-repeat 2px 110px fixed #F5F5F5;}

h1 {font-family: Lucida Bright, Arial, Lucida Sans Unicode, Verdana, Helvetica; color: #666666; font-size: 180%; line-height: 1.4em; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
h2 {font-family: Lucida Bright, Arial, Lucida Sans Unicode, Verdana, Helvetica; color: #666666; font-size: 180%; line-height: 1.4em; font-weight: bold; padding: 0; margin: 0 0 5px 0;}
h3 {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 80%; color: #424B53; padding: 2px 0px 2px 0px; margin: 5px 0px 2px 0px;}
.headlineausblenden {display: none; visibility: hidden; width: 180px; margin: 0px; padding: 0px; }

#inhalt .text h1 {background: #EFEFEF; border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; padding-left: 3px;}
#inhalt .text h2 {background: #EFEFEF; border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; padding-left: 3px;}
#rand .randtext h1 {background: #EFEFEF; border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; padding-left: 3px;}
#rand .randtext h2 {background: #EFEFEF; border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; padding-left: 3px;}

a  {color : #70AD00;}
a:link  {color : #70AD00; text-decoration: none;}
a:visited {color : #70AD00; text-decoration: none;}
a:active {color : #70AD00; text-decoration: none;}
a:hover {color : #70AD00; text-decoration: none;}		

#layoutwrapper {width: 100%; min-height: 700px; text-align: center; margin: auto; background: url(../../../fileadmin/_zweigle2010/gfx/bg.gif) repeat-x top center;}
#layout {position: relative; width: 990px; min-height: 700px;margin: auto; text-align: center; padding: 0;}
#top {width: 990px; height: 104px; text-align: left; float: none; clear: both; margin: 0;}
#logo {width: 278px; height: 104px; margin: 0px; float: left; margin: 0;}
#eyecatcher {width: 702px; height: 291px; overflow: hidden; margin: 5px 0 0 5px; border-right: 10px solid #CF4118;}
#content {width: 990px; float: none; margin: 0;}

.clear {clear: both;}

/*########## EXTENSION MACMADE-Box with Template  ###########*/
#login {width: 230px; color: #666666; text-align: left; padding: 5px 0 2px 0; margin: 0 0 0 4px; float: left;}
.tx-loginboxmacmade-pi2 {width: 230px; float: left;}
h1.csc-firstHeaderloginbox {font-size: 14px; line-height: 18px; color: #828181; padding: 5px 0px 5px 0px; background: #EFEFEF; border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; }
.loginboxinhalt {width: 120px;}
.loginlabel {width: 60px; font-size: 11px; color: #000000; float: none;}
.loginmessage {color: #000000; line-height: 12px; font-size: 10px;}
.loginuser {width: 110px;  line-height: 12px; color: #000000; font-size: 11px; border-style: solid; border: 1px solid #cdcdcd; margin-bottom: 1px;}
.loginpass {width: 110px;  line-height: 12px; color: #000000; font-size: 11px; border-style: solid; border: 1px solid #cdcdcd;}
.inputlogin {width: 80px; border-style: solid; border: 1px solid #314A92; background-color : #FFFFFF;}
.loginsubmit {width: 83px; height: 24px; font-size: 10px; font-weight : 700; color : #1C3682; margin-top: 2px; border-style: solid; border: 0px solid #314A92; background: #3394D4; cursor : hand;}
/*########## EXTENSION MACMADE-Box with Template  ###########*/
/* #################################################################################### basic.css Ende ############################################### */

/* #################################################################################### content rendering.css Anfang ############################################### */
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 420px; text-align: left; padding: 0px; margin: 10px 0 0 0; float: left; background: #FFFFFF;}
.text {text-align: left; padding: 1px 5px 5px 5px; margin: 0px;}
.text p {line-height: 18px;}
#inhalt .text h1.csc-firstHeader {font-size: 18px; height: 38px; line-height: 24px; color: #000000; margin: 0px; padding: 15px 0px 5px 8px; border: none; background: url(../../../fileadmin/_zweigle2010/gfx/hl_bg.gif) no-repeat;}
#inhalt .text DIV.csc-header h1 {font-size: 18px; height: 38px; line-height: 24px; color: #000000; margin: 0px; padding: 15px 0px 5px 8px; border: none; background: url(../../../fileadmin/_zweigle2010/gfx/hl_bg.gif) no-repeat;}
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/


/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 280px; text-align: left; padding: 0px; margin: 10px 0 0 0; float: right; background: #FFFFFF;}
#rand DIV.csc-header h1 {font-size: 14px; height: 38px; line-height: 24px; color: #000000; margin: 0px; padding: 11px 0px 5px 5px; border: none; background: url(../../../fileadmin/_zweigle2010/gfx/hl_bg_rand.gif) no-repeat;}
#rand .randtext {width: 270px; font-size: 11px;line-height: 14px; margin: 1px 0 10px 0; padding: 0 0 0 5px;}
#rand .randtext p.bodytext {font-size: 11px; line-height: 14px;}
#rand .csi-image {padding: 3px; margin: 0px; border: 0px solid #212324;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/

#links {width: 260px; min-height: 500px; text-align: left; float: left; margin: 0px 15px 0 0; background: #FFFFFF;filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
/*########## TYPO3 Rendering der Inhalte in der Spalte LEFT (LEFT) ###########*/
#left {width: 260px; text-align: left; float: left; margin: 0; background: #FFFFFF;}
#left DIV.csc-header h1 {color: #000000; font-size: 13px; line-height: 18px; margin: 0; padding: 0 5px 0 5px;}
#left .lefttext {width: 250px; font-size: 11px;line-height: 14px; margin: 15px 0 10px 5px; }
#left .lefttext p.bodytext {font-size: 11px; line-height: 14px; margin: 0; padding: 0 5px 2px 5px; }
#left .csi-image {padding: 3px; margin: 0px; border: 0px solid #212324;}
/*########## TYPO3 Rendering der Inhalte in der Spalte LEFT (LEFT) ###########*/


/*########## TYPO3 Rendering CONTENT ###########*/
.bildtext {float: left; margin: 8px 10px 8px 0px; border: 1px solid #103F91;}
.textbild {float: right; margin: 2px 0px 2px 10px; border: 1px solid #103F91;}


.contenttable {margin: 5px 0px 10px 0px; background: #1883BE; width: 180px;}
.contenttable td {padding: 5px; font-size: 10px;}
.tr-even.tr-0 td {color: #333333; font-weight: bold; font-size: 11px; }
.tr-even {background-color: #E6FAF1;}
.tr-odd {background-color: #E6FAF1;}

.td-0 {color: #000000; font-weight: bold; }
.td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-last {text-align: left;}
/*########## TYPO3 Rendering CONTENT ###########*/


/*########## TYPO3 Rendering TABELLE LoginBereich ###########*/
.contenttable.contenttable-0.login {margin: 5px 0px 10px 0px; background: #FFFFFF; width: 470px;}
.contenttable.contenttable-0.login {padding: 0px; font-size: 11px;}
.contenttable.contenttable-0.login .tr-even.tr-0 td {font-weight: bold; font-size: 11px; }
.contenttable.contenttable-0.login .tr-even {background-color: #FFFFFF;}
.contenttable.contenttable-0.login .tr-odd {background-color: #F8F8F8;}
.contenttable.contenttable-0.login tr td.td-last {font-size: 11px;}
.contenttable.contenttable-0.login tr td.td-0 {color: #00557F; font-weight: bold; font-size: 11px; }
.contenttable.contenttable-0.login tr td.td-1 {color: #00557F; font-weight; font-size: 11px; }
.contenttable.contenttable-0.login tr td.td-2 {color: #00557F; font-weight; font-size: 11px; }
.contenttable.contenttable-0.login tr td.td-3 {color: #00557F; font-weight; font-size: 11px; }
.contenttable.contenttable-0.login tr td.td-4 {color: #00557F; font-weight; font-size: 11px; }
.td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-last {text-align: right;}
/*########## TYPO3 Rendering TABELLE LoginBereich ###########*/


/*####  DATEI UPLOADS ######## */
.csc-uploads {width: 195px;}
.tr-even {background-color: #F8F8F8; height: 20px;}
.tr-odd {background-color: #FFFFFF; height: 20px;}
.csc-uploads-icon {padding: 1px;}
.csc-uploads-fileName a {font-size: 10px; font-weight: bold; line-height: 12px; padding: 2px;}
.csc-uploads-fileSize {padding: 2px; background-color: #A60C11;}
.csc-uploads-fileSize p {color: #6666666; font-weight: bold; font-size: 10px; margin: 1px; padding: 1px;}
.csc-uploads-description {font-size: 10px; color: #000000; line-height: 14px;}
td.csc-uploads-fileName p {margin: 1px; padding: 1px;}
/*####  DATEI UPLOADS ######## */


/*###### NEW FORM FOR TYPO3 4.0  ########*/
.csc-mailform {width: 98%;}
.csc-mailform-field {width: 98%px; font-size: 11px; clear: both;}
.csc-mailform-field label {width: 150px; display: block; margin: 2px 1px 2px 1px; text-align: left; padding: 2px 5px 2px 0px; line-height: 1.3em; float: left;}
.csc-form-label-req {color: #434544; font-weight: bold;}
.csc-form-label {background: #DBDBDB;}
DIV.csc-mailform-label {float: none; clear: both; padding-left: 6px; background: #EBF4F9; height: 24px; line-height: 24px; font-weight: bold; color: #527DB2;text-align:left;}
/*## Alte T3-Version .csc-form-commentcell {background: #E4CA83;}
.csc-form-commentcell p {font-weight: bold; color: #527DB2;}*/

.csc-mailform-check {background-color: #FEF6E2; border: 1px solid #E4CA83; margin-right: 200px;}
.input {font-size : 11px; width: 200px; height: 20px; line-height: 20px; border-style: solid; border: 1px solid #DBDBDB; background-color : #FFFFFF;margin: 1px;}	
.textarea {font-size : 11px; width: 200px; height: 130px; line-height: 20px; border-style: solid; border: 1px solid #DBDBDB; background-color : #FFFFFF; margin: 1px;}		
.option {font-size: 11px; width: 200px; height: 20px; line-height: 20px; padding: 0px; border: 1px solid #DBDBDB; background-color: #FFFFFF; margin: 1px;}
.sub {margin: 10px 0px 5px 160px; font-weight: 700; color : #FFFFFF; width: 180px; height: 22px; 
padding: 2px;
background: #527DB2;
border: 1px double #666;
border-top-color: #AFC1D7;
border-left-color: #AFC1D7;
font-size: 12px;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
 cursor: hand;}
/*###### NEW FORM FOR TYPO3 4.0  ########*/

		
/*########## FORMULARE ###########*/
p.form {
font-family: arial, verdana, helvetica;
font-size: 11px;
margin: 1px 0px 1px 0px;
padding: 0px;}

form input, form option, form submit, form select, form textarea {
font-family: arial, verdana, helvetica;
font-size : 11px;
font-weight	: normal;   
border-style: solid;
border: 1px solid #DBDBDB;
background-color : #FFFFFF;
margin: 0px;
/*display: inline;*/}
/* #################################################################################### content rendering.css Ende ############################################### */


/* #################################################################################### mainnavi.css Anfang ############################################### */
/*########## TAB-NAVI (Registerkarten) Oben FUER TYPO3 ###########*/
#registerkarten {position: absolute; top: 34px; left: 285px; width: 680px; line-height: 24px; height: 39px; margin: 1px 0 0 5px; float: right;}
.tabnavleft {float: left; width: 3px; height: 39px; border-left: 1px solid #656565;}
.tabnavright {float: left; width: 7px; height: 39px; border-left: 0px solid #656565;}
a.tabnav {font-family: Georgia, Lucida Bright, Arial, Lucida Sans Unicode, Verdana, Helvetica; 
text-transform: uppercase; display: block; line-height: 24px; height: 24px; 
font-size: 14px; font-weight: bold; color: #CACACA; padding: 0 5px 0 5px; margin: 20px 0 0 0; text-decoration: none; float: left;}
a:link.tabnav {color : #CACACA; text-decoration: none; float: left;}
a:visited.tabnav {color : #CACACA; text-decoration: none; float: left;}
a:active.tabnav {color : #CACACA; text-decoration: none; float: left;}
a:hover.tabnav {line-height: 24px; height: 24px; color: #FFFFFF; text-decoration: none;  float: left;}
/*########## TAB-NAVI (Registerkarten) Oben FUER TYPO3 ###########*/


#produktnavi {width: 250px; min-height: 150px; margin: 0; float: none;}
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {width: 250px; padding: 0px; height: auto; margin: 5px 0 0 0;}
#navi ul {margin: 0px; padding: 0px; list-style: none; }

ul#level1 li.navspacer {
margin: 7px 0 0 0; line-height: 30px; height: 30px; color : #92C436; font-size: 13px; font-weight: bold; 
padding-left: 5px; text-decoration: none;}

#level1 {width: 250px; margin: 0; text-align: left; list-style: none;}
#level1 li a {display: block; line-height: 28px; height: 28px; margin: 0px; font-size: 13px; font-weight: bold; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #cdcdcd;}
#level1 li a:hover {font-weight: bold; text-decoration: none;}
#level1 a.a1no {line-height: 28px; height: 28px; color: #67722E; font-weight: bold; padding-left: 15px;text-decoration: none;}
#level1 a.a1no:visited {color: #67722E; text-decoration: none;}
#level1 a.a1no:active {color: #67722E; text-decoration: none;}
#level1 a.a1no:hover {color: #FF6F35; text-decoration: none; }
#level1 li.li1act a { font-weight: bold; text-decoration: none;}
.a1act {line-height: 28px; height: 28px; color: #FF6F35; font-weight: bold; padding-left: 15px;text-decoration: none;}

#level2 {margin: 0px; text-align: left; list-style: none; }
#level2 li a {display: block; line-height: 22px; height: 22px; font-size: 13px; padding-left: 35px;font-weight: normal;}
#level2 li a.a2no {line-height: 22px; height: 22px; color: #000000; font-weight: normal; margin: 0px; padding-left: 35px; text-decoration: none;}
#level2 li a.a2no:visited {color: #000000; text-decoration: none;}
#level2 li a.a2no:active {color: #000000; text-decoration: none;}
#level2 li a.a2no:hover {color: #FF6F35; text-decoration: none; display: block; line-height: 19px; height: 19px; padding-left: 35px;}
#level2 li.li2act {}
#level2 li.li2act a {font-weight: normal; text-decoration: none;}
.a2act {line-height: 22px; height: 22px; color: #FF6F35; font-weight: normal; text-decoration: none; }
#level2 li a.a2act:hover {color : #FF6F35; text-decoration: none; display: block; line-height: 19px; height: 19px;}
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/


/*########## TYPO3 Rendering FOOTER ###########*/
#footer {width: 100%; height: 56px; line-height: 56px; font-size: 10px; color: #727272; float: none; clear: both;}
#lastmodified {width: 980px; height: 30px; line-height: 30px; margin-top: 20px; font-size: 11px; color: #727272; float: none;}
/*########## TYPO3 Rendering FOOTER ###########*/
/* #################################################################################### mainnavi.css Ende ############################################### */


/* #################################################################################### news.css Anfang ############################################### */
.ttrennlinie {width: 99%; height: 0px; line-height: 0px; margin: 8px 0 4px 0; padding: 0; text-align: center; float: none; clear: both; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #FFFFFF;}
.arrow {width: 19px; height: 100px; padding: 0 3px 2px 0; float: left;}
div.date {position: relative; top: 0px; left: 0px; font-size: 100%; text-align: center; width: 44px; height: 57px; padding-top: 2px; margin: 5px 5px 105px 0; color: #414141; float: left; background: url(../../../fileadmin/_zweigle2010/gfx/kalender_karte.gif) no-repeat top center; }
div.date .dday {position: absolute; left: 8px; top: 24px; font-size: 18px; line-height: 16px; padding: 2px 0 0 3px;}
div.date .dmonth {position: absolute; left: 8px; top: 10px; font-size: 10px; color: white; text-transform: uppercase; line-height: 12px; padding: 2px 0 0 3px;}
div.date .dyear {position: absolute; left: 8px; top: 40px; font-size: 9px; line-height: 12px; padding: 2px 0 0 3px;}

.artikel {/*width: 270px;*/ width: 99%; font-size: 11px;  margin: 6px 0px 2px 0; padding: 0; float: none; clear: both; text-align: left; background: url(../../../fileadmin/_zweigle2010/gfx/news_top_bg.gif) no-repeat top left;}
.artikelinnen {width: 100%; padding: 15px 0 0 5px; background: url(../../../fileadmin/_zweigle2010/gfx/news_bottom_bg.gif) no-repeat bottom right;}
.artikeltext {font-size: 11px; line-height: 1.2em; margin: 0; padding: 0; float: left;}
.artikeltext p {font-size: 11px; line-height: 1.2em;}
.artikeltextlatest {font-size: 11px; line-height: 1.2em; margin: 0; padding: 0; width: 410px; float: left;}
.artikeltextlatest p {font-size: 11px; line-height: 1.2em;}


#subheader {font-weight: bold; color: #999999; padding: 0px 0px 10px 0px;}

/*### SUBHEADER bei NEWS-Liste ###*/
h6 {color: #000000; font-size: 13px; font-weight: normal; display: inline; line-height: 1.6em;}
.teaserimg {width: 250px; height: 140px; overflow: hidden; float: right; margin: 0 0 4px 6px; padding: 3px;}
h4 {color: #666666; font-family: Lucida Bright, Arial, Lucida Sans Unicode, Verdana, Helvetica; }

h3.newsheadline a  {font-size: 11px; color: #FFFFFF; font-family: Arial, Verdana, Helvetica; font-weight: bold; line-height: 16px; padding: 2px 2px 2px 2px; margin: 0; cursor: hand; float: none; background: #000000;}
h3.newsheadline a:link {color : #FFFFFF; font-weight: bold; text-decoration: none;}
h3.newsheadline a:visited {color : #FFFFFF; text-decoration: none;}
h3.newsheadline a:active  {color : #FFFFFF; text-decoration: none;}
h3.newsheadline a:hover  {color: #FFFFFF; text-decoration: none;}

h3.newsheadlinelast a  {font-size: 16px; color: #FFFFFF; font-family: Arial, Verdana, Helvetica; font-weight: bold; line-height: 22px; padding: 2px 2px 2px 2px; margin: 0; cursor: hand; float: none; background: #000000;}
h3.newsheadlinelast a:link {color : #FFFFFF; font-weight: bold; text-decoration: none;}
h3.newsheadlinelast a:visited {color : #FFFFFF; text-decoration: none;}
h3.newsheadlinelast a:active  {color : #FFFFFF; text-decoration: none;}
h3.newsheadlinelast a:hover  {color: #FFFFFF; text-decoration: none;}

 h3.mostpopularheadline a {width: 207px; font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 16px; padding: 0 0 4px 0; cursor: hand; float: none;}
 h3.mostpopularheadline a:link {width: 207px; color : #FFFFFF; font-weight: bold; text-decoration: none;}
 h3.mostpopularheadline a:visited  {width: 207px; color : #FFFFFF; text-decoration: none;}
 h3.mostpopularheadline a:active  {width: 207px; color : #FFFFFF; text-decoration: none;}
 h3.mostpopularheadline a:hover {width: 207px; color: #FFFFFF; text-decoration: underline;}
 
.mostpopular {/*width: 270px;*/ width: 99%; height: 70px; font-size: 14px;  margin: 0; padding: 0px; float: none; clear: both; text-align: left; border-top: 1px solid #FFB076; border-bottom: 1px solid #ED5D23; }
.mostpopulartext {font-size: 14px; line-height: 1.2em; margin: 0; padding: 7px; float: none;}
.mostpopulartext p {font-size: 14px; line-height: 1.2em;}
.mostpoluarcomments {color: #FFFFFF; font-size: 11px;}

/*####### AJAX-RATING #####*/
.tx-ratings-text {font-family: Arial;}
/*####### AJAX-RATING #####*/

/*############# TYPO3 Gaestebuch ############ */
.tx-guestbook-pi1 form input, form option, form submit, form select, form textarea {color: #000000;}
.tx-guestbook-list-header { background-color: #cdcdcd; color: #000000; padding: 2px; font-weight:bold;}
.tx-guestbook-list-row {padding: 2px;}
.tx-guestbook-list-rowleft { padding: 2px; line-height: 18px;  }
.tx-guestbook-list-entrycomment-title {font-weight: bold; }
.tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-small { font-size: 10px; color: #000000; }
.tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #FFFFFF; }
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
.tx-guestbook-latest-header { background: #FFFFFF; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-latest-row { }
.tx-guestbook-latest-small { font-size: 10px; color: #FFFFFF; }
.tx-guestbook-form-inputfield-med {width: 220px; font-family: arial, verdana, helvetica; font-size : 11px; color: #000000; font-weight: bold; border-style: solid; border: 1px solid #cdcdcd; background-color : #FFFFFF;}
.tx-guestbook-form-inputfield-big {width: 220px; font-family: arial, verdana, helvetica; font-size : 11px; color: #000000; font-weight: bold; border-style: solid; border: 1px solid #cdcdcd; background-color : #FFFFFF;}
.tx-guestbook-form-textarea {width: 220px; height: 70px; font-family: arial, verdana, helvetica; font-size : 11px; color: #000000; font-weight: bold; border-style: solid; border: 1px solid #cdcdcd; background-color : #FFFFFF;}
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-error { color: #CC0000; }

.tx-srfreecap-pi2-cant-read {color: #3960C8;}
/*############# TYPO3 Gaestebuch ############ */
/* #################################################################################### news.css Ende ############################################### */

/* #################################################################################### rating.css Anfang ############################################### */
.tx-ratings { position: relative; left: 0; top: 0; padding: 16px 0 10px 0; margin: 5px 5px; }
	.tx-ratings-display { position: absolute; left: 0; top: 0; height: 23px; }
		.tx-ratings-grey-bar { position: absolute; left: 0; top: 0; width: 145px; height: 23px; background: url(../../../fileadmin/_zweigle2010/gfx/rating_stars.gif) repeat-x; font-size: 1px; }
		.tx-ratings-gold-bar { position: absolute; left: 0; top: 0; width: 0px; height: 23px; background: url(../../../fileadmin/_zweigle2010/gfx/rating_stars.gif) repeat-x 0 -23px; font-size: 1px;}
		.tx-ratings-vote-bar { position: absolute; left: 0; top: 0; width: 145px; height: 23px; font-size: 1px; }
			.tx-ratings-vote-bar DIV A { position: absolute; left:0; top: 0; width: 29px; height: 23px; border: none; text-decoration: none; }
				.tx-ratings-vote-bar DIV A:hover { background-image: url(../../../fileadmin/_zweigle2010/gfx/rating_stars.gif); background-position: 0 -23px; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 29px; z-index: 5; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 58px; z-index: 4; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 87px; z-index: 3; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 116px; z-index: 2; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 145px; z-index: 1; }
			.tx-ratings-cleaner { clear: left; }
	.tx-ratings-text { color: #606060; font-size: 9px; line-height: 12px; padding-top: 12px; }
	.tx-rating-display-wrap { position: absolute; left: 0; top: 0; font-size: 12px; visibility: hidden; z-index: 1; }
			.tx-rating-display-wrap IMG { float: left; margin-right: 5px; }
/* #################################################################################### rating.css Ende ############################################### */


 /***************************
 *   Default CSS for
 *   EXT chgallery
 *    Georg Ringer
 * http://www.cyberhouse.at/
 ***************************/ 
 
 /************************
 * SINGLE view 
 ************************/  
.tx-chgallery-pi1 .bigimg {
	text-align:center;
}
 
/************************
 * CATEGORY view 
 ************************/  
.tx-chgallery-pi1 .chgallery-list {
 	padding:0;
	margin:5px 10px;
 	list-style:none;
 	border:1px solid #D2DCE4;
 	border-bottom:0;
}

/* LIST element */
.tx-chgallery-pi1 .chgallery-list li {
	padding:5px;
	border-bottom:1px solid #D2DCE4;	
}

.tx-chgallery-pi1 .chgallery-list .itemodd { background:#E7EDF1; }
.tx-chgallery-pi1 .chgallery-list .itemodd .img img { border:1px solid #ececec; }
.tx-chgallery-pi1 .chgallery-list .itemeven { background:#f4f4f4; }
.tx-chgallery-pi1 .chgallery-list .itemeven .img img { border:1px solid #E7EDF1; }

.tx-chgallery-pi1 .chgallery-list .title a {
	font-weight:bold;
}
 
.tx-chgallery-pi1 .chgallery-list .img {
	float:left;
	width:120px;
	padding-left:2px;
}


.tx-chgallery-pi1 .chgallery-list .text {
	float:left;
	width:400px;
}

.tx-chgallery-pi1 .chgallery-list .clr { clear:both; }
 
/************************
 * GALLERY view 
 ************************/  

/* Directory browser */
.tx-chgallery-pi1 .info {
	margin:5px 10px 15px 10px;
	padding:3px 6px;
 	border:1px solid #D2DCE4;
 	background:#E7EDF1;
}

.tx-chgallery-pi1 .info .position {
	float:right;
	font-size:35px;
	font-style: italic;
	font-family:Georgia;
	color:#b8c9d6;
	margin-right:5px;
}

.tx-chgallery-pi1 .info .position span {
	font-size:20px;
}

.tx-chgallery-pi1 .info span {
	font-weight:bold;
}

/* Pagebrowser */
.tx-chgallery-pi1 .pagebrowser {
	border-top:1px solid #dde1e4;
	border-bottom:1px solid #dde1e4;
	padding:3px 0;	
	margin:2px 0;
}

.tx-chgallery-pi1 .pagebrowser .prev {
	width:100px;
	float:left;
}

.tx-chgallery-pi1 .pagebrowser .text {
	width:400px;
	float:left;
	text-align:center;
}

.tx-chgallery-pi1 .pagebrowser .next {
	width:100px;
	float:right;
	text-align:right;
}

.tx-chgallery-pi1 .clr { clear:both; }

/* GALLERY single element */
.tx-chgallery-pi1 .single {
width: 161px;	
height: 350px;
background:#f3f4f6;
	float:left; 
	padding: 1px;
	margin: 2px;
}

.tx-chgallery-pi1 .single .img {
	width:161px;
	height:215px;
}

.tx-chgallery-pi1 .act .img {

}

.tx-chgallery-pi1 .single .img .align {
	width:161px;
	height:215px;
	text-align:center;
	display:block;
	margin-top:0px;
}

.tx-chgallery-pi1 .single .img img {

}

.tx-chgallery-pi1 .single span {
	display:block;
	margin:1px 1px 3px 0px;
	padding: 2px;
	width:156px;
	min-height:30px;
	border:1px solid #f3f4f6;
	text-align: left;
font-size: 10px; color: white; line-height: 14px; background: #0F0F0F;
}

.tx-chgallery-pi1 .single span  small {
	font-size:10px;
}

* html .tx-chgallery-pi1 .single span {
	height:20px; 
}

/* small version */
.tx-chgallery-pi1 .singlesmall img{
	float:left; 
	padding:0 1px 2px 1px;
	margin:0 5px ;
}

/* Settings for ajax mode */
.tx-chgallery-pi1 .hide {
	display:none;
}

.tx-chgallery-pi1 #chgalleryimg {
	padding:0 20px;
}

/* Ajax loading icon  */
.tx-chgallery-pi1 #chajax {
	background:#fff url(gfx/ajaxloading.gif) no-repeat center center;
	position:absolute;
	height:490px;
	width:550px;
	z-index:999;
	margin:10px 0 0 10px
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}


/*
 * accord */
#chgallery-list {
	border:1px solid #D2DCE4;
	border-top:0;
}

.tx-chgallery-pi1 .chgallery-title {
	padding:5px 10px;
	cursor:pointer;
	font-weight:bold;
	border-top:1px solid #D2DCE4;
}
.tx-chgallery-pi1 .chgallery-content {

}
.tx-chgallery-pi1 .chgallery-content2 {
	border-top:1px solid #eee;
	padding:10px 5px;
}