body {background:#D0DDD4; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#454545; font-size:10pt;}

#zitat {float:right; margin:5px 0 0 15px;}
#zitat blockquote {font-size:1.2em; color:#666; line-height:1.6em; border:1px solid #900; padding:5px; margin:0; width:250px; text-align:center; }
#zitat cite { font-size:.9em; color:#666; font-weight:bold;}


#container { margin:0 auto; padding:0; width:800px; text-align: left; background:#F7FEF9;}
#header {margin:5px auto; padding:0; text-align:left; width:800px; height:160px; background: url(/bilder/header.jpg) top center no-repeat;}
#header .headline {display:none;}
#navigation {margin:0; padding:0; width:800px;  border-bottom: 1px solid #062D3D;  height:26px; text-align:left }
#navigation ul {margin:0; padding:0;}
#navigation li {list-style-type:none; display: inline; width:100px; }
#navigation a { float:left; border-right:1px solid #062D3D; font-weight:bold; display:block; line-height:24px; width:99px; height:26px; color:#062D3D; font-size:95%; text-align:center; text-decoration:none;}
#navigation a:hover { font-weight:bold; background:#a9c2b1; color:#062D3D; line-height:24px; text-decoration:none;}
#navigation .left {float:left; margin:0; padding:0;}
#navigation .right {float:right; margin:0; padding:0;}
#content {margin:0; padding:0; width:798px; text-align:left; border-left: 1px solid #062D3D; border-right: 1px solid #062D3D; border-bottom: 1px solid #062D3D;}
#columnLeft {margin:0; padding:10px 0 0 20px; width:479px; color:#565656; font-size:90%; background:url(/bilder/mai_boright.gif) top right repeat-y;}
#columnLeft h1 {margin:0; padding:0; font-size:1.2em; color:#062D3D; line-height:1.5em;}
#columnLeft h2 {margin:0; padding:0; font-size:1.2em; color:#062D3D; line-height:1.5em;}
#columnLeft h1 a, #columnLeft h2 a {text-decoration:none; color:#6c0000;}
#columnLeft h1 a:hover, #columnLeft h2 a:hover {text-decoration:none; color:#062d3d;}
#columnLeft h3 {margin:0; padding:0 0 8px 0; font-size:1.1em; color:#900; line-height:1.6em;}
#columnLeft h4 {margin:0; padding:0; font-size:1em; color:#900; line-height:1.5em;}
#columnLeft p {margin:0; padding:0 20px 10px 0; font-size:.964em; color:#454545; text-align:justify; line-height:1.6em;}
#columnLeft a {text-decoration: underline; color:#062D3D;}
#columnLeft a:hover {text-decoration: none; color:#800;}
#columnLeft li {line-height:1.5em;}


#columnLeft .startTop {font-size:1.2em; color:#062d3d; background:url(/bilder/starth1.gif) left no-repeat; height:20px; margin-bottom:6px;}
#columnLeft .startTop a {color:#062d3d; padding:3px;}
#columnLeft .startTop a:hover {color:#6c0000; border-bottom:1px solid #6c0000;}

#cat td {text-align: center; }
#cat p {text-align: center; }
#cat table { text-align: center; width: 360px; height: 360px; }
#cat a {text-decoration: underline; color:#062D3D;}
#cat a:hover {text-decoration: none; color:#800;}


#haendlerListe {font-size:.9875em; color:#062d3d; line-height:1.5em;}
#haendlerListe img {float:left; padding:6px;}
#haendlerListe h1 {font-size:1.2em; color:#062d3d; line-height:1.5em; font-weight:bold;}
#haendlerListe h2 {font-size:1em; color:#062d3d; line-height:1.5em; background:#a9c2b1; text-indent:.5em; width: 465px; margin: 0 0 20px 0; padding:0;}
#haendlerListe p {font-size:1em; line-height:1.5em; color:#062d3d;}
#haendlerListe .infotext {font-size:11px; float:left; padding-right:15px; color:#062d3d; width:230px; text-align:justify;}
#haendlerListe .small {font-size:1em; line-height:1.5em; color:#500;}
#haendlerListe a {text-decoration:underline; color:#062d3d;}
#haendlerListe a:hover {text-decoration:none; color:#900; }
#haendlerListe .submit{ width: 100px; margin:0; color: #062D3D; height: 23px; font-size:.95em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; background: #a9c2b1;}
#haendlerListe .submit:hover {cursor: pointer; color:#f8f8f8; background: #062D3D;}

#contentListe {font-size:.975em; height:14em;}/*ie5.0/ie5.5!!*/
#content .liste {color: #677666; border-bottom:0; margin:1em 0 0 .5em; padding:0;}
#content .liste ul {float: left; width: 460px; margin: 0; padding: 0; list-style-type:none;}
#content .liste li {float: left; width: 220px; margin: 0; padding: 0; list-style-type:none; background:url(/bilder/list.gif) left no-repeat; text-indent:1.5em; }
#content .liste a {text-decoration:none; color:#062d3d; border:none; text-indent:1.5em;}
#content .liste a:hover {text-decoration:none; color:#900; border:none; text-indent:1.5em;}

#columnRight {margin:0; padding:10px 0 0 10px; width:280px; float:right;}
#columnRight img {padding:8px; margin:0; }
#columnRight a { text-decoration:none;}
#columnRight a:hover { text-decoration:none; color:#900;}
#columnRight a img {border:1px solid #062D3D; padding:8px; margin:0; text-decoration:none; }
#columnRight a:hover img {border:1px solid #900; padding:8px; margin:0; }
#columnRight .nogo {display:none;}
#columnRightContent {margin:0; color:#565656; text-align:left;}
#columnRightContent .teaser {margin:3px 0 0 0; padding:8px; font-size:85%; width:237px; text-align:right;background:url(/bilder/rechts.jpg) top left no-repeat; height:38px;}
#columnRightContent .teaser a {text-decoration: none; color:#062D3D;}
#columnRightContent .teaser a:hover  {text-decoration: none; color:#c00;}
#columnRightContent img {margin:0; padding:0; float:left;}
#columnRightContent a img {border:1px solid #062D3D; text-decoration:none; padding:0;} 
#columnRightContent a:hover img {border:1px solid #800; padding:0;}

#footer {margin:10px auto; padding: 6px; width:800px; text-align:left; font-size:90%;}
#footer .info1 {float:left; margin:3px 0 0 0; padding:0;}
#footer .info2 {float:right; margin:0 35px 0 0; padding:0;}
#footer .info2 img {padding:0;}
#footer .info2 a img {border:2px solid #FBFEE9; padding:0;}
#footer .info2 a:hover img {border:2px solid #800; padding:0;}
#footer a {text-decoration:none; color:#800;}
#footer a:hover {text-decoration:underline; color:#062D3D;}

#suche {margin:0; padding: 0 0 0 0;}
#suche .field {border: 1px solid #062d3d; background:transparent; margin:0; padding:0; color:#062D3D; font-size:11px; line-height:16px; height:16px; width:150px; float:left;}
#suche .field:focus {border:1px solid #900; background:#fff;}
#suche .button {color:#fff; background:#062d3d; border:1px solid; border-color: #006633 #003333 #003333 #006633; margin:0 0 0 5px; padding:0; cursor:pointer; height:18px; font-size:11px;}
#suche .button:hover {background:#900; border:1px solid; border-color:#CC0000 #660000 #660000 #cc0000;}
#suche .invisible {display: none;}

.welcome {margin:0; padding:15px 5px 0 5px; font-size:.95em; line-height:1.3em; text-align:justify; color:#062d3d; background: url(/bilder/signatur.gif) bottom right no-repeat; height:12em;}
* html .welcome {padding:5px 5px 0 0;}
.top {margin:0; padding:10px 20px 0 10px; font-size:.9em; line-height:1.5em; text-align:justify; color:#444;}
.topService {margin:0; padding:10px 20px 10px 0; font-size:1em; line-height:1.5em; text-align:justify; color:#062d3d;}
.space {margin:5px 0 5px 0; padding:0;}
.thumbs {float:left; padding:5px;}
.right {float:right;}
.mess {font-size:1em; line-height:1.5em; color:#990000;}
.space_top {padding:8px; width:446px; margin:0; text-align:right; border-bottom:1px dotted #602d3d;}
.space_top a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color:#900; line-height:1.5em; text-align:right; padding-right:1em; border:0; text-decoration:none;} 
.space_top a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color:#900; line-height:1.5em; text-align:right; padding-right:1em; border:0; text-decoration:none;} 



.date {margin:0; padding:.5em  0 0 0; font-family: verdana, arial, Helvetica, sans-serif; font-size:.9em; line-height:2em; color:#900; font-weight:bold;}
.newsHeadg {margin:0; padding:.5em  0 0 0; font-size:1.1em; color:#062D3D; line-height:1.5em; font-weight:normal;}
.newsHeadk {margin:0; padding:.5em  0 0 0; font-size:1em; color:#900; line-height:1.5em; font-weight:bold;}
.small {font-size:.95em; line-height:1.5em;} 
.textLink {color:#333333;}
.textLink a {color:#333333; text-decoration:underline; margin:0; padding:0; border:none;}
.textLink a:hover {color:#fff; text-decoration:none; background-color:#BEC7D5; margin:0; padding:0; border:none; }
.infoText {font-family:verdana, arial, helvetica, sans-serif; font-size:.935em; color:#313131; line-height:1.35em; margin:0 0 0 25px; padding: 0; width:395px; text-align:justify;}
.red {color:#cc0000; margin:0; padding:0; font-size:1.1em; font-weight:bold;}
.rightHT {border:none; text-decoration:none; margin:0 0 0 10px; padding:0;}
acronym {cursor:help; border-bottom: 1px dotted #900;}

#lex {margin:0; padding:0; text-align:left;}
#lex h1 {font-size:1.5em; color:#990000; line-height:2em;}
#lex h2 {font-size:1.3em; color:#990000; margin:0 0 1em 0; line-height:2em;}
#lex h2 a {color:#990000; text-decoration:none; border-bottom:2px solid #990000; padding-bottom:2px;}
#lex h2 a:hover {color:#fff; background:#990000; text-decoration:none;}
#lex h3 {font-size:1.1em; text-transform:uppercase; color:#444; background: none; text-indent:.5em; border-left:1px solid #990000; line-height:1.5em; }
#lex p {font-size:1em; color:#333333; }
#lex img {float:right; padding:5px; }
#lex .shoplinks {font-size:1em; color:#333333; line-height:1.5em;}
#lex .shoplinks a {font-size:1em; color:#333333; text-decoration:underline;}
#lex .shoplinks a:hover {font-size:1em; color:#990000; text-decoration:none;}

#lexAlphbox {margin:0; padding:0; height:6em;}
#lexAlphbox .alph {font-size:.935em; color:#333333; text-transform:uppercase; margin:0; padding:3px; line-height:2.5em; }
#lexAlphbox .alph a { font-size:.935em; color:#062D3D; text-decoration:none; border:1px solid #062D3D; margin:0; padding:3px;} 
#lexAlphbox .alph a:hover { font-size:.935em; color:#FBFEE9; background-color:#062D3D; text-decoration:none; border-left:1px solid #062D3D; border-right:1px solid #062D3D; border-bottom:1px solid #062D3D; border-top:5px solid #062D3D; margin:0; padding:3px;} 
#lexAlphbox .invis {display: none;}

#lexlistbox {padding:0; margin:0; width:460px; text-align:left; height:21em;}
#lex .list {margin:1em 0 0 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#660033; line-height:1.5em; text-align:left;}
#lex .list a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#062D3D; line-height:1.5em; text-decoration:underline; }
#lex .list a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#FBFEE9; line-height:1.5em; text-decoration:none; border:none; background:#990000; }
#lex .list ul { float: left; width: 320px; margin: 0; padding: 0; list-style-type:none; }
#lex .list li { float: left;  width: 150px; margin: 0; padding: 0; background:url(/bilder/lexlist.gif) left no-repeat; list-style-type:none; text-indent:1.5em; }
#lex .text {margin:3px; text-align:justify;}
#lex .text a {color:#333333; text-decoration:underline; margin:0; padding:0; border:none;}
#lex .text a:hover {color:#333333; text-decoration:none; background-color:#BEC7D5; margin:0; padding:0; }
#lex .spacer {padding:8px; width:446px; margin:0; text-align:right; border-bottom:1px dotted #900;}
#lex a.spacer:link, #lex a.spacer:visited, #lex a.spacer:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color:#990000; line-height:1.5em; text-align:right; padding-right:1em; border:0; text-decoration:none;} 
#lex a.spacer:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color:#900; line-height:1.5em; text-align:right; padding-right:1em; border:0; text-decoration:none;} 

#listBox {padding:0; margin:0; width:440px; text-align:left; height:11em;}
#listBox .list ul { float: left; width: 440px; margin: 0; padding: 0; list-style-type:none; }
#listBox .list li { float: left;  width: 190px; margin: 0; padding: 0; list-style-type:none; }
#listBox .list a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#062D3D; line-height:1.5em; text-decoration:underline; background:url(/bilder/listarr.gif) left no-repeat; padding-left:15px; }
#listBox .list a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#FBFEE9; line-height:1.5em; text-decoration:none; border:none; background:#990000; }
#listBox .list a:visited {background:url(/bilder/listok.gif) left no-repeat; color:#062d3d;}

fieldset {width:350px; border: 1px solid #a9c2b1; margin:1em 0 1em 2em; padding: 10px 20px 20px 20px;}
fieldset legend {font-size:1.1em; color:#500; font-weight:bold; background:none;}
label {margin-left: 40px; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#062D3D;}
.none {display:none;}
.visible {font-size:1em; color:#900;}
.field {border: 1px solid #a9c2b1; width: 250px; margin-left: 40px; margin-top: 1px; margin-bottom: 10px; background: #FFF; font: 12px/25px Verdana, Arial, Helvetica, sans-serif; color:#444;}
.button {height: 23px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }
#columnLeft .submit{ width: 100px; margin:0; color: #062D3D; height: 23px; font-size:.95em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; background: #a9c2b1;}
#columnLeft .submit:hover {cursor: pointer; color:#f8f8f8; background: #062D3D;}
#columnLeft .quest {margin-left:3px; font-size:.925em; line-height:1.5em;}
#columnLeft .box {margin-left:40px; border:1px solid #a9c2b1; background:#fff; font-size:.925em; line-height:1.5em;}

#columnLeft .newsan {width:350px; border: 1px solid #a9c2b1; margin:1em 0 1em 2em; padding: 10px 20px 20px 20px; }
#columnLeft .newsab {width:350px; border: 1px solid #500; margin:1em 0 1em 2em; padding: 10px 20px 20px 20px;}
#columnLeft .newsabLeg {font-size:1.325em; color:#900; font-weight:bold; background:none;}
#columnLeft .newsanLeg {font-size:1.325em; color:#062D3D; font-weight:bold; background:none;}
#columnLeft .buttonNews {height: 23px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 40px;}
#columnLeft .submitNews{ width: 100px; margin:0; color: #062D3D; height: 23px; font-size:.95em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; background: #a9c2b1;}
#columnLeft .submitNews:hover {cursor: pointer; color:#f8f8f8; background: #062D3D;}
#columnLeft .down ul { margin: 0; padding: 0; list-style-type:none; }
#columnLeft .down li { margin: 0; padding: 0; background:url(/bilder/down.gif) left no-repeat; list-style-type:none; text-indent:1.5em; }
#columnLeft .down a {text-decoration:underline; color:#062d3d; border:none; font-size:1em; line-height:1.8em}
#columnLeft .down a:hover {text-decoration: none; color: #900; border:none;}
#columnLeft .down a:visited {text-decoration: underline; color:#a9c2b1; }

#vote {border:1px solid #062d3d; padding:0; color:#900; text-align:left; margin:0 0 0 10px; width:420px;}
#vote h1 {font-size:1em; color:#062d3d; line-height:2em; background:#a9c2b1 url(http://www.jean-puetz-produkte.de/bilder/voting.gif) left no-repeat; margin:0; padding:0; text-indent:5em; height:29px;}
#vote h2 {font-size:1em; color:#900; line-height:2em; margin:3px 0 3px 0; padding:0; font-weight:bold; text-indent:2em;}
#vote .answer {font-size:.9em; color:#900; line-height:25px; height:25px text-align:left; margin:0 0 0 5px; padding:0;}
#vote .nolabel {display:none;}
#vote .submit { width: 100px; margin:0 0 0 8px; color: #062D3D; height: 23px; font-size:.95em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; background: #a9c2b1;}
#vote .submit:hover {cursor: pointer; color:#f8f8f8; background: #062D3D;}
#vote .spaceVote {border-bottom:1px solid #9ac2b1; padding:0; margin:3px 0 3px 0; width:400px;}

#state {border: 1px solid #a9c2b1; padding:10px; margin:0; width:435px;}
#state p {font-size:.9em; color:#062d3d; line-height:1.5em; font-style:italic;}
#state h1 {background:#a9c2b1; line-height:2em; font-size:1em; color:#062d3d; text-indent:1em;}
#state .small {float:right;}

#columnLeft .smallCode {border-left:1px solid #062d3d; font-family: arial, verdana, helvetica, sans-serif; font-size:11px; line-height:1.5em; color:#900; padding:5px; margin:3px 0 0 3px}
#columnLeft .bannerImg {padding:0; margin:0;}


body#home a#homenav, body#news a#newsnav, body#kont a#kontnav, body#serv a#servnav, body#pro a#pronav, body#philo a#philonav { font-weight:bold; background:#062D3D; color:#FBFEE9; line-height:24px; text-decoration:none; }
body#home a:hover#homenav, body#news a:hover#newsnav, body#kont a:hover#kontnav, body#serv a:hover#servnav, body#pro a:hover#pronav, body#philo a:hover#philonav { font-weight:bold; background:#a9c2b1; color:#062D3D; line-height:24px; text-decoration:none;}

#columnLeft #dosis table {width:550px; border:1px solid #062d3d; padding:2px; margin:0; font-size:1em; color:#333;}
#columnLeft #dosis td { border:1px solid #062d3d; padding:2px; margin:0; text-align:center;}
.bold {font-weight:bold; background:#a9c2b1; color:#fff;}


#columnRight #formwrap {border:1px solid #062d3d; padding:8px; width:235px; margin:0 0 14px 0;}
#formwrap form {background:url(/bilder/newsform.gif) top left repeat-x; margin:0; padding:0; width:235px; }
#formwrap fieldset {border:none; font-size:.8em; color:#062d3d; text-align:left; padding:0; margin:0; width:235px;}
#formwrap legend {font-size:1.3em; font-weight:bold; padding:4px 0 6px 4px; margin:0 0 4px 0; color:#fff; }
* html #formwrap legend { padding:4px 0 6px 0;}
#formwrap label { width:65px; float:left; clear:left; display:block; padding:0; margin:0 0 3px 3px; line-height:18px; font-size:1em;}
#formwrap input {width:145px; background:#fff; border:1px solid #062d3d; padding:0; margin:0 0 3px 3px; height:18px;}
#formwrap input:focus {border:1px solid #900;}
#formwrap select {width:65px; padding:0; margin:0 0 3px 3px; height:18px; background:#fff;}
#formwrap .shortFormSubmit {width:145px; padding:0; margin:0 0 6px 72px; font-size:.9em; background:#900; border:1px solid; border-color:#CC0000 #660000 #660000 #cc0000; color:#fff; cursor:pointer;}
#formwrap .shortFormSubmit:hover { background:#062d3d; border:1px solid; border-color: #006633 #003333 #003333 #006633;}
* html #formwrap .shortFormSubmit {margin: 0 0 6px 78px;}

.infolist ul {margin:0; padding:0;}
.infolist li {list-style-type: square; margin:0 0 0 10px; padding:0; color:#900; line-height:1.5em;}


#columnLeft .grform fieldset { width:430px; margin:10px 0 10px 10px; padding:8px; border:1px solid #a9c2b1;}
#columnLeft .grform legend { font-size:1em; color:#313131; font-weight:bold;}
#columnLeft .grform label { float:left; clear:left; width:100px; display:block; margin:3px 2px; padding:0;}
#columnLeft .grform select {width:80px; margin:3px 2px; padding:0; border:1px solid #a9c2b1;}
#columnLeft .grform input {width:240px; margin:3px 2px; padding:0; border:1px solid #a9c2b1; height:18px;}
#columnLeft .grform .submit {background:#062d3d; border:1px solid; border-color: #006633 #003333 #003333 #006633; color:#fff; cursor:pointer; padding:2px;}
#columnLeft .grform .submit:hover {background:#900; border:1px solid; border-color:#CC0000 #660000 #660000 #cc0000; padding:2px;}
#columnLeft .grform .invisible { visibility:hidden;}

#columnLeft .gll {float:left; width:140px; display:block; font-weight:bold; margin:0; padding:4px 0 6px 0;}
#columnLeft .glr {float:left; width:300px; margin:0; padding:4px 0 6px 0; font-size:12px; color:#000;}
#columnLeft .clear {clear:both;}