/* CSS fuer die Webseite des Guetezeichens Schleswig-Holstein, August 2006 */
/* vektorrausch - Digitale Medien / Kiel, Tobias Herold */

/*** Allgemein ************************************************************************/

* { margin:0; padding:0 }

html, body { font-family: Arial, Helvetica, sans-serif; font-size:small; height:100%; width:99.99% }

invis { position:absolute; left:-10000px; top:-10000px; font-size:0 }

fieldset { border:none }


/*** Struktur ************************************************************************/

#wrapper { position:relative; margin:auto auto; width:100%; min-height:100%; background:url(layout/leftline.gif) 243px 0 repeat-y }

#container { float:left; padding:0 7px; }

#header { position:relative; display:block; height:220px; width:100%; background:#fff url(layout/head_gruen.gif) 0 25px repeat-x; border-bottom:35px solid #fff }
#header img.picright { float:right; display:block; height:185px; width:244px; border-left:1px solid #fff; margin-top:35px; margin-left:200px }
#header img.logo { position:absolute; top:22px; right:310px; display:block; height:187px; width:163px }

#header fieldset.login { position:absolute; z-index:10; top:7px; right:0}
#header fieldset.search { position:absolute; z-index:10; top:264px; right:0 }
#rightcol fieldset.search { margin:0 6px 10px }

#content { float:left; margin-bottom:5em }

#leftcol { float:left; display:block; height:auto; width: 220px }
#leftcol h3, #leftcol h4 { margin:0 15px 0.4em }
#leftcol p { margin:0 15px 0.4em }
#leftcol img { margin:0 0 0.4em }

#leftcol a:link, #leftcol a:visited { background:url(layout/linkline.gif) 0 bottom repeat-x }
#leftcol img.abst { display:block; margin-top:3em }

#centercol { margin-left:255px; }
#centercol h3 { margin:0 260px 0.4em 0 }
#centercol p { margin:0 260px 0.8em 0 }
#centercol img { float:left; margin:0 10px 10px 5px }
#centercol img.picright { float:right; border:1px solid #ccc; margin:5px 10px 10px 10px }

/*#centercol dl { color:#750000; margin-top:20px }
#centercol dt { font-weight:bold }
#centercol dd { margin-top:5px } */
#centercol ul { margin-bottom:1em }
#centercol li { list-style:url(layout/bullet.gif); margin:0.5em 0 0.8em 20px }

#rightcol { float:right; display:block; height:100%; width:220px; background:#eaf7ca; margin:0 10px 10px }
#rightcol h3 { margin:10px 10px 0.4em 10px }
#rightcol p { margin:10px; border-bottom:1px solid #509f23 }
#rightcol p.newslink { margin:-10px 10px 20px !important; border:none; color:#509f23; font-size:85% }
#rightcol p.newslink a { float:right }
#rightcol p.alpha { border:none }
#rightcol p.alpha a { margin-right:0.5em }

#rightcol ul { padding-bottom:10px; border-bottom:1px solid #fff }
#rightcol li { margin:8px 10px 8px 28px; list-style:url(layout/bullet.gif); font-size:90% }
#rightcol li.pdf { list-style:url(layout/pdf.gif); padding-left:5px }

#footer { position:absolute; bottom:0; left:0; display:block; height:5em; width:100%; background:#fff }
#footer ul { margin:2em 5px 0 15px }
#footer li { margin-right:2em }

.clear { clear:both }
.clearleft { clear:left }

hr.right { height:1px; color:#fff; background:#fff; border:none; border-collapse:collapse }


/*** Font-Tags ************************************************************************/

h1 { font-size:85%; line-height:300%; color:#ccc; margin-left:2px }
h2 { font-size:230%; font-weight:lighter; margin:20px }
h3 { font-size:130%; font-weight:lighter; color:#509f23 }
h4 { font-size:120%; font-weight:lighter; color:#000 }
#maincontent h4, #maincontent h2 { font-size:120%; font-weight:bold; color:#000 }
h5 { font-size:100%; color:#000; padding:10px 0 }

#header p { font-size:130%; line-height:130%; margin:0 20px }
#content p { font-size:90%; line-height:180% }

p.top { display:block; height:2em; margin:1em 0 2em !important }
p.top a:link,
p.top a:visited { background:url(layout/top.gif) left 50% no-repeat; padding-left:15px }

p.top a:hover,
p.top a:active,
p.top a:focus { background:url(layout/top_on.gif) right 50% no-repeat }

#header { color:#fff }
#footer { font-size:85% }


/*** Links ***************************************************************************/

a:link, a:visited { color:#509f23; text-decoration:none }
a:hover, a:active, a:focus { color:#000; background: url(layout/sub_on.gif) bottom repeat-x }

h4 a:link, h4 a:visited { color:#000; text-decoration:none }
h4 a:hover, h4 a:active, h4 a:focus { color:#000; background: url(layout/sub_on.gif) bottom repeat-x }

ul.navi li,
ul.subnavi li,
#footer li { list-style:none; display:inline }

ul.navi { position:absolute; top:187px; left:0; font-size:90%; text-transform:uppercase; width: 100%; }

ul.subnavi { position:absolute; bottom:-2.6em; left:10px; text-transform:none }

ul.navi li a:link,
ul.navi li a:visited { float:left; display:block; height:2.2em; width:auto; padding:0.6em 13px; color:#fff; letter-spacing:1px; border-right:1px solid #fff }

ul.navi li a:hover,
ul.navi li a:active,
ul.navi li a:focus,
ul.navi li.naviactive a { color:#fff; background: url(layout/navi_on.gif) 0 50% repeat-x }

ul.subnavi li a:link,
ul.subnavi li a:visited { background:none; border:none; color:#888; letter-spacing:0; padding:0; margin-right:30px }

ul.subnavi li a:hover,
ul.subnavi li a:active,
ul.subnavi li a:focus,
ul.subnavi li.subactive a { color:#000; background:url(layout/sub_on.gif) 0 65% repeat-x }

ul#rightnavi li { list-style:none }
ul#rightnavi li { margin:0; padding:0 }
ul#rightnavi li ul { position:static; margin:0; padding:0 0 1em }
ul#rightnavi li ul li { display:block; height:1em; margin:8px 10px 8px 15px; padding-left:15px; background:url(layout/bullet.gif) left 60% no-repeat; font-size:100% }

* html ul#rightnavi li ul li { margin:8px 10px }

#rightcol li a:link,
#rightcol li a:visited { color:#000 }

#rightcol li a:hover,
#rightcol li a:focus,
#rightcol li a:active,
ul#rightnavi li ul li.subactive a { color:#509f23; background: url(layout/linkline.gif) bottom repeat-x }

#footer li a:link,
#footer li a:visited { color:#888 }

#footer li a:hover,
#footer li a:focus,
#footer li a:active { color:#509f23; background: url(layout/linkline.gif) bottom repeat-x }

#footer li a img { border:none }


/*** Formulare ***************************************************************************/

input.searchtext,
input.searchtext2,
input.userlogin,
input.password { font-size:80%; color:#555; padding:1px; height:1.4em }

input.searchtext2 { float:left; display:block; width:10em }

input.go { border:none; color:#888; background:none; font-size:90%; cursor:pointer }
input.searchtext { float:left; margin-right:6px }
input.lupe { display:block; height:17px; width:17px; background:url(layout/lupe.gif); margin-right:7px; font-size:0; color:#fff; border:none; cursor:pointer }

input.products { font-size:90%; color:#509f23; background:none; border:none; width:6em; cursor:pointer; margin-left:2px; text-align:left }


/*** Tabellen ***************************************************************************/

div.data { display:block; height:auto; margin:0 260px 0.8em 0; background:url(layout/tableback.gif) 0 0 repeat-x; padding:0 10px }

table { width:100%; border-spacing:0; border-collapse:collapse }

caption { text-align:left }

thead { font-weight:bold }
tbody {  }

tr { padding:4px }
td { padding:4px; border-bottom:1px solid #ccc }

#maincontent h2 { margin-left:0 !important }


/*** TYPO3 News ****************************************************************************/

#maincontent #news p { margin:1em 260px 1em 0 !important }
p.newsdate { color:#888; font-size:85% !important }
h4.newsline { border-top:1px solid #888; padding-top:1em; margin-right:260px }
p.newslink { display:block; height:1em; line-height:1em; margin:1em 260px 1em 0 !important }
#maincontent h4 { margin-left:0 }
p.news-list-browse { display:block }

div.tx-ttnews-browsebox { display:block; height:2em; margin:1em 260px 0 0 !important; border-top:1px solid #888 }
div.tx-ttnews-browsebox p span.tx-ttnews-browsebox-strong { font-weight:bold }
div.tx-ttnews-browsebox p { color:#888; font-size:85% !important; margin:0; padding:0 }
div.tx-ttnews-browsebox table { display:block; height:1em; width:300px; font-size:120%}
div.tx-ttnews-browsebox table td { float:left; display:block; width:1.5em }


/*** TYPO3 Suche ***************************************************************************/

div.tx-indexedsearch-browsebox { margin:0 130px 0.8em 0; padding:0 }

.tx-indexedsearch-whatis {  }
.tx-indexedsearch-sw { font-weight:bold }

div.tx-indexedsearch-res { margin:0 130px 1em 0; padding-left:0px; line-height:130% }
div.tx-indexedsearch-res img { float:left; margin:0 3px 0 0 !important }
div.tx-indexedsearch-res a { margin:0 !important; padding:0 !important; font-size:110% }
div.tx-indexedsearch-res div.tx-indexedsearch-res{ border-bottom:1px solid #ccc; padding-bottom:1em }

.tx-indexedsearch-redMarkup { font-weight:bold; margin:0; padding:0 }

ul.browsebox li { margin:0 1em 0 0 !important }


/*** TYPO3 Firmen *************************************************************************/

div.tx-spdirectory-pi1 { margin-right:260px }
div.tx-spdirectory-pi1 table { float:left }
table.tx_spdirectory-pi1-dotted { margin-left:0; border:none }
td.tx_spdirectory-pi1-small, table, tbody, tr, td { border:none }
hr { display:none }

div.tx-spdirectory-pi1 table select, div.tx-spdirectory-pi1 table input { background:#eee }
div.tx-spdirectory-pi1 table tbody tr { background:none }
div.tx-spdirectory-pi1 table tbody tr tr { background:none }
td.tx_spdirectory-pi1-small { border-bottom:1px solid #888 }
td.tx_spdirectory-pi1-small a { margin-left:5px }
table.tx_spdirectory-pi1-dotted { }


/*** TYPO3 Galerie *************************************************************************/

div.tx-sksimplegallery-pi1 { display:block; width:auto; height:100%; margin-right:240px }
div.tx-sksimplegallery-pi1 dl.list,
div.tx-sksimplegallery-pi1 dl.single { float:left; display:block; height:160px }
div.tx-sksimplegallery-pi1 dl.single { margin-right:20px }
* html div.tx-sksimplegallery-pi1 dl.single { margin-right:0px }


div.tx-sksimplegallery-pi1 dl dt a:link img,
div.tx-sksimplegallery-pi1 dl dt a:visited img { border:2px solid #eee; padding:1px }
div.tx-sksimplegallery-pi1 dl dt a:hover img,
div.tx-sksimplegallery-pi1 dl dt a:active img,
div.tx-sksimplegallery-pi1 dl dt a:focus img { border:2px solid #509f23 }

div.tx-sksimplegallery-pi1 dl dd { text-align:center; color:#888; font-size:85% }


/*** TYPO3 Kontakt *************************************************************************/

form#mailform label { display:block; width:5em; float:left }
form#mailform input,
form#mailform textarea { border:1px solid #888; background:#fff; margin-bottom:1em; padding:2px }

input.csc-mailform-submit { display:block; margin-left:5em; cursor:pointer }


/*** TYPO3 Kalender *************************************************************************/

div.tx-soxcalendar-pi1 { display:block; width:auto; height:100%; margin-right:260px }
div.tx-soxcalendar-pi1 td.content,
div.tx-soxcalendar-pi1 td.bodytext { border-bottom:1px solid #888 }