@charset "utf-8";
/* CSS Document */


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
/*
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }
*/

* {margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif }
img {border: none; }
a {color: #00627b; text-decoration: none; }

body {background: #00627b url(grafik/hg.jpg) repeat-x fixed; font-size: 14px;  color: #00627b; }

#alles {width: 828px; margin: auto; padding-top: 10px; }

img#logo {margin-left: 50px; }

#inhalte_oben {width: 100%; height: 24px; background:url(grafik/weiss-oben.png) no-repeat; }

#inhalte {width: 100%; background:url(grafik/weiss-mitte.png) repeat-y; }
#inhaltepngfix {position: relative}

#inhalte_unten {width: 100%; height: 28px; background:url(grafik/weiss-unten.png) no-repeat; }

div.dummy {width: 100%; height: 10px; }

ul.menu1 {list-style-type: none; margin-left: 14px; margin-top: -20px; font-weight: bold; }
ul.menu1 li {display:block; width: 220px; height: 40px; line-height: 40px; }
ul.menu1 li:hover {background: url(grafik/menu1_hover.png); }
ul.menu1 li:first-child:hover {background: url(grafik/menu1_hover_1.png); }
ul.menu1 a {display: block; height: 100%; padding-left: 45px; background: url(grafik/pfeil.png) 30px 15px no-repeat;  }

ul.menu2 {list-style-type: none; position: absolute; top: -10px; right: 14px; z-index: 3; font-weight: bold; }
ul.menu2 li {display:block; position: relative; float: right; width: 100px; height: 40px; line-height: 40px; background: url(grafik/menu2.png); }
ul.menu2 li:first-child {background: url(grafik/menu2_1.png);}

ul.menu2 li:hover {background: url(grafik/menu2_hover.png); }
ul.menu2 li:first-child:hover {background: url(grafik/menu2_hover_1.png); }
ul.menu2 a {display: block; height: 100%; text-align: center; }
ul.menu2 a:hover {color: #8c0782;}

ul.menu2 li ul { display: none; position: absolute; top: 40px; left: 0px; width: 180px; }

p.tipp { font-size: 11px; position: absolute; left: 740px; top: 30px;  }

ul.menu2 li ul li {width: 100%;}
ul.menu2 li ul li:first-child { background: url(grafik/menu2.png) repeat-x;}
ul.menu2 li ul li:first-child:hover {background: url(grafik/menu2_hover.png) repeat-x;}
ul.menu2 li ul a {text-align: left; padding-left: 35px; }

ul.menu2 li ul a { background: url(grafik/pfeil.png) 20px 15px no-repeat; }
ul.menu2 li ul li a:hover { background: url(grafik/pfeil_violett.png) 20px 15px no-repeat;  }


ul.menu2 li:hover, ul.menu2 li.CSStoHighlight { background-color: #ffa; color: #000; }
ul.menu2 ul.CSStoShow { display: block; clear: both;}
ul.menu2 li:hover > ul { display: block; clear: both;}

.suche {	background: #b2d0d7; border-top: 10px solid #e5eff2; 
			border-bottom: 10px solid #e5eff2; margin-left: 14px; 
			width: 190px; height: 80px; padding: 10px 0 10px 30px ; }
			
.suche h4 				{color: #8c0782; font-size: 14px; }
.suche input, form#suchform input 			{border: 2px solid white; width: 156px; margin-top: 10px; margin-bottom: 5px; }
form#suchform input 			{border: 1px solid #00627B; width: 350px; margin-top: 10px; margin-bottom: 5px; }
.suche form#suchform input {border: 2px solid white; width: 156px; margin-top: 10px; margin-bottom: 5px; }
.suche input#suchen, .suche input.suchbutton, form#suchform input.suchbutton	{margin: 0; border: none; background: url(grafik/pfeil_violett.png) left center no-repeat; 
						color: #8c0782; text-align: left; padding: 5px 0 5px 15px; font-weight: bold; line-height: 9px;}
.suche h3.csc-noSearchResultMsg {display: none; }

.titelbild {position: absolute; z-index: 1; top: -10px; left: 234px; }

h3.slogan 	{position: absolute; z-index: 2; top: 30px; left: 234px; 
			background:url(grafik/hg_slogan.png); height: 40px; width: 550px; padding-left: 30px;
			line-height: 38px; font-size: 28px; font-weight: normal; color: white;}
h3.slogan span {color: #8c0782;}

/*
.links {width: 500px; float: left; padding: 30px 30px 30px 45px; }
.rechts {margin-left: 575px; padding: 30px 45px 30px 0px;  }
*/

h1 {color: #ff9600; font-weight: normal; font-size: 24px; margin-bottom: 10px; }
h2 {color: #ff9600; font-weight: normal; font-size: 20px; margin-bottom: 10px; }
h3 {font-weight: bold; font-size: 16px; margin-bottom: 10px; }
.orange, .download {color: #ff9600;}
span.detail img {vertical-align: middle; }
h2.violett, h2.violett a, h2 span.detail, span.detail h2 {color: #8c0782;}
.links p {margin-bottom: 10px; line-height: 1.4em;  }
.links ul {padding-left: 20px; margin-bottom: 10px; list-style-image: url(grafik/doppelpfeil.jpg) }
.links .normallink, .links .download, .links .external-link, .links .external-link-new-window, .links .internal-link { color:  #ff9600; font-weight: bold; }
.links .normallink:hover, .links .download:hover, .links .external-link:hover, .links .external-link-new-window:hover, .links .internal-link:hover   { color: #8c0782; }

.csc-sitemap ul {margin-top: 10px; }

/* alt */
.links .linieunten {border-bottom: 3px solid #e5eff2; margin-bottom: 10px; padding-bottom: 10px; }
/* neu */
.csc-frame-rulerAfter {border-bottom: 3px solid #e5eff2; margin-bottom: 10px; padding-bottom: 10px; }

/* neu */
.kleineschrift table {font-size: 9px; }
.kleineschrift table td {padding-right: 3px; }

.kategorien div {float: left; }
.kategorien img {border: 1px solid #72bed1; margin-bottom: 3px;}
.kategorien span {margin-bottom: 7px;}
.kategorie1, .kategorie2 {margin-right: 29px;}

.meldungen {width: 235px; float: left; margin-right: 30px; }
.foren {width: 235px; margin-left: 265px; }

.meldungen ul, .foren ul, .toptitel ul, ul.twitter {padding-left: 0px; list-style-image: none;}

.kastenblau {background: #e5eff2; padding: 15px; margin-bottom: 15px; }
.kastenorange {background: #fff4e5; padding: 15px; margin-bottom: 15px; }
.andere {background: #fff4e5; padding: 15px; padding-top: 0px; margin-top: -30px; font-size: 11px; }

ul.twitter, ul.forum {list-style-type: none; }
ul.twitter li, ul.forum li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #00627b; }
ul.twitter span.datum, ul.forum span.datum {display: block; font-size: 11px; margin-bottom: 5px; }
ul.twitter a {display: block; font-size: 11px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; white-space: nowrap}
/*ul.twitter a:before {content: "\00BB" " ";}*/
ul.twitterlang li {border-bottom: 0px solid red !important; padding-bottom: 5px; }
div.drei_katgleiche_meldungen_NO small {display: block; font-size: 11px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; white-space: nowrap}
div.drei_katgleiche_meldungen_NO {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #00627b; }

/*.toptitel span.AUTOR {display: block; font-size: 11px; }
.toptitel span.TITLE {display: block; font-size: 14px; margin-top: 5px; }*/
.toptitel {font-size: 11px; }
.toptitel li { padding-top: 10px; border-top: 1px solid #00627b; margin-bottom: 10px !important; list-style-type: none; display: block; }
.toptitel li:first-child {margin:0; padding:0 !important; border:none; }
.toptitel a {font-size: 14px; margin-top: 5px; margin-bottom: 5px; display: block}



.rechts h2.kastenorangetitel {background-color: #ffeace; margin-bottom: 0; padding: 15px; color: #00627b; font-size: 18px;  }
div.buch {margin-top: 15px; padding-top: 15px; border-top: 1px solid #00627b; }
div.buch:first-child {margin:0; padding:0; border:none;}
div.buch p.autor {font-size: 11px; margin-bottom: 5px;}
div.buch p.titel {font-weight: bold; margin-bottom: 5px; }
div.buch img {border: 1px solid #00627b; }

ul.menu3 {display: block; margin: auto; text-align: center; padding: 25px 0 15px 0; color: white; font-size: 9px;}
ul.menu3 li {display: inline;}
ul.menu3 a {color: white; }

div.clear {clear: both; float: none; height: 0px; overflow: hidden; }

div.neuerscheinungen {} /* font-size: 80%; */
div.neuerscheinungen * {clear: none !important;}
div.neuerscheinungen div.csc-textpic {width: 175px; overflow: hidden; margin-bottom: 0px; padding-bottom: 15px; border-bottom: 1px solid #00627b; }
div.neuerscheinungen div.csc-textpic-imagewrap {text-align: center; width: 175px; }
div.neuerscheinungen dl, div.neuerscheinungen dt  {width: 175px !important;  display: inline; }
div.neuerscheinungen div.csc-textpic-imagewrap img {display: inline; border: 1px solid #00627B }
div.neuerscheinungen div.csc-textpic-text {margin-left: -130px; width: 175px; }
div.neuerscheinungen div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {clear: none; }
div.neuerscheinungen a {font-size: 11px; }
div.neuerscheinungen b a, div.neuerscheinungen a b {font-size: 14px; }
span.detail {}

div.csc-sitemap ul {margin-left: 15px; list-style-type: disc}

body.iframe {background: white !important;}

.autoren { float: left; width: 245px;  height: 150px; margin-left: 5px; margin-top: 10px; font-size: 80% }
.autoren img {float: left; margin-right: 5px; border: 1px solid #00627B  }

form#mailform fieldset {border: none; margin: 0; padding: 0; }
div.kontaktformular form#mailform label {display: inline-block; width: 100px; height: 25px; }
div.kontaktformular form#mailform input, div.kontaktformular form#mailform textarea {width: 300px; margin-bottom: 5px; }
div.kontaktformular form#mailform input[type="submit"] {margin-left: 102px; width: 150px;}

div.bestellformular {width: 750px; font-size: 11px; }
div.bestellformular div.csc-mailform-field {margin-bottom: 5px; white-space: nowrap; }

div.bestellformular form#mailform label {display: inline-block; width: 600px; height: 18px; text-align: right; margin-right: 5px; vertical-align: middle  }
div.bestellformular  form[id="mailform"] label {width: 660px !important; }
*:first-child+html form[id="mailform"] label {width: 550px !important; }

div.bestellformular form#mailform label b {color: #8C0782;}

div.bestellformular form#mailform input {  width: 60px; display: inline-block;   }
div.bestellformular form[id="mailform"] input {  margin-left: -120px;  }

*:first-child+html form[id="mailform"] input {
    margin-left: 0px;
  }

div.bestellformular .csc-mailform-field label:after{content:"Stück"; margin-left: 100px; line-height: 1.5em;}

div.bestellformular form#mailform input#mailformformtype_mail {margin-left: 507px; width: 180px; margin-top: 30px; margin-bottom: 30px;}
div.bestellformular form[id="mailform"] input#mailformformtype_mail {margin-left: 357px !important;}
*:first-child+html form[id="mailform"] input#mailformformtype_mail {margin-left: 457px !important; width: 180px;}

div.bestellformular label[for="mailformName"]  { margin-top: 0px; line-height: 2em; }
/*div.bestellformular input[id="mailformName"]  {margin-top: 30px; }*/



div.bestellformular form[id="mailform"] label[for="mailformName"], 
div.bestellformular form[id="mailform"] label[for="mailformEmail"], 
div.bestellformular form[id="mailform"] label[for="mailformStrasse_Nr"], 
div.bestellformular form[id="mailform"] label[for="mailformPLZ_Ort"],
div.bestellformular form[id="mailform"] label[for="mailformLand"],
div.bestellformular form[id="mailform"] label[for="mailformTelefonnr"],
div.bestellformular form[id="mailform"] label[for="mailformAGB"],
div.bestellformular form[id="mailform"] label[for="mailformNewsletter"],
div.bestellformular form[id="mailform"] label[for="mailformHinweis"]
{ width: 350px !important; max-width: 350px !important;   }


div.bestellformular select {width: 175px;}

div.bestellformular label[for="mailformName"]:after, 
div.bestellformular label[for="mailformEmail"]:after, 
div.bestellformular label[for="mailformStrasse_Nr"]:after, 
div.bestellformular label[for="mailformPLZ_Ort"]:after,
div.bestellformular label[for="mailformLand"]:after,
div.bestellformular label[for="mailformTelefonnr"]:after,
div.bestellformular label[for="mailformAGB"]:after,
div.bestellformular label[for="mailformNewsletter"]:after,
div.bestellformular label[for="mailformHinweis"]:after
{content:normal !important; margin: 0px !important; display: none !important;}

div.bestellformular input#mailformName, div.bestellformular  input#mailformEmail, div.bestellformular  input#mailformStrasse_Nr, div.bestellformular  input#mailformPLZ_Ort, div.bestellformular  input#mailformLand, div.bestellformular  input#mailformTelefonnr
{width: 200px !important !important; margin-left: 0px !important;}

div.bestellformular  input#mailformAGB,  div.bestellformular  input#mailformNewsletter
{width: 16px !important !important; margin-left: 0px !important;}

div[class="bestellformular"] #mailformName, div[class="bestellformular"] #mailformEmail, div[class="bestellformular"] #mailformStrasse_Nr, div[class="bestellformular"] #mailformPLZ_Ort, div[class="bestellformular"] #mailformLand, div[class="bestellformular"] #mailformTelefonnr, div[class="bestellformular"] #mailformAGB, div[class="bestellformular"] #mailformNewsletter
{width: 250px !important !important ; min-width: 250px; margin-left: 0px !important;}

*:first-child+html div[class="bestellformular"] #mailformName, *:first-child+html div[class="bestellformular"] #mailformEmail, *:first-child+html div[class="bestellformular"] #mailformStrasse_Nr, *:first-child+html div[class="bestellformular"] #mailformPLZ_Ort, *:first-child+html div[class="bestellformular"] #mailformLand, *:first-child+html div[class="bestellformular"] #mailformTelefonnr, *:first-child+html div[class="bestellformular"] #mailformAGB, *:first-child+html div[class="bestellformular"] #mailformNewsletter
{width: 180px !important !important !important; min-width: 180px !important; margin-left: 0px !important;}

div.bestellformular #mailformName, div.bestellformular #mailformEmail, div.bestellformular #mailformStrasse_Nr, div.bestellformular #mailformPLZ_Ort, div.bestellformular #mailformLand, div.bestellformular #mailformTelefonnr {margin-left: 0px; min-width: 250px;}
div.bestellformular #mailformName, div.bestellformular #mailformEmail, div.bestellformular #mailformStrasse_Nr, div.bestellformular #mailformPLZ_Ort, div.bestellformular #mailformLand, div.bestellformular #mailformTelefonnr {min-width: 250px; margin-left: 0px;}
div.bestellformular #mailformAGB, div.bestellformular #mailformNewsletter {min-width: 16px; max-width: 16px; }
div.bestellformular #mailformAGB, div.bestellformular #mailformNewsletter {min-width: 16px; max-width: 16px; width: 16px; margin-left: 0px; }

div.kleineschrift h2 {color: #8C0782}
div.kleineschrift a  {color: inherit !important; font-weight: normal !important;}
.toptitel a {color: inherit !important; }

form#mailform fieldset {border: none; margin: 0; padding: 0; }
div.kontaktformular form#mailform label {display: block; width: 120px; height: 25px; vertical-align: top; }
div.kontaktformular form#mailform input, div.kontaktformular form#mailform textarea {width: 370px; }
div.kontaktformular form#mailform input[type="submit"] {margin-left: 123px; width: 150px; margin-top: 7px;}

form#mailform label { vertical-align: top !important;}

ul#breadcrumb {list-style-type: none; margin-left: 0px; margin-bottom: 15px; font-size: 11px; padding-left: 0px;}
ul#breadcrumb li {display: inline-block;}
*:first-child+html ul#breadcrumb li {display: inline;}
ul#breadcrumb li a {font-weight: bold; padding: 0px; margin: 0px; }

.csc-textpic-caption {font-size: 11px; }

.termine h3, .termine p {margin-bottom: 0;}
.termine h3 a {color: #00627b !important;} 
.termine i {font-size: 11px; font-style: normal; }

ul.forum span.datum {margin-bottom: 0px; }
/*
.termine span.detail {font-size: 11px; }
.termine h2 span.detail {font-size: 20px; }
*/

.csc-textpic-caption { padding-bottom: 10px; }

.funktionen a {white-space: nowrap;  }
.funktionen p {margin-bottom: 7px;}
.funktionen img {vertical-align: middle; margin-right: 3px; }

.tx-srfreecap-pi2-cant-read {color: inherit !important; }
input[name="TIPFORM[name]"], input[name="TIPFORM[email]"], input[name="TIPFORM[recipient]"], textarea[name="TIPFORM[message]"] {width: 300px; margin-bottom: 5px;}