/* * Page * */
html {height:100%; width: 100%; margin:0; padding:0;}
body {_overflow: auto; height:100%; width: 100%; margin:0; padding: 0px 0px 0px 0px; color: #777777; background: #000000; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: 170%;}
#pageBody {position: relative; height: auto; width: 910px; color: inherit; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; background: transparent; margin-left:auto; margin-right:auto; overflow:visible;}
/* * Content boxes * */
#ContentBoxTop {position: relative; color: inherit; background: transparent; height: 145px; width: 100%; display: block; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden;}
#ContentBoxMenu {position: relative; color: inherit; background: transparent url(../../layoutimages/stripe_gray.jpg) no-repeat 0px 32px; height: 79px; width: 100%; display: block; font-size: inherit; margin: 0px 0px 0px 0px; padding: 38px 0px 0px 0px; overflow: visible;}
#ContentBoxMenuBox {position: relative; color: #000000; background: transparent url(../../layoutimages/stripe_gray.jpg) no-repeat left bottom; height: auto; display: block; width: 100%; margin: 0px 0px 0px 0px; padding: 3px 0px 12px 0px; overflow: visible; text-align:center;}
#ContentBoxSubMenu {position: absolute; color: inherit; top: 420px; left: 0px; background: transparent; height: 20px; width: 100%; display: block; font-size: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; z-index:100; text-align:center;}
#ContentContainer {position: relative; color: inherit; background: transparent url(../../layoutimages/bg_hoffmann_main.jpg) no-repeat center top; height: auto; min-height: 346px; width: 100%; display: block; font-size: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden;}
#ContentContainerBig {position: relative; color: inherit; background: transparent; height: auto; width: 100%; display: block; font-size: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden;}
#ContentContainerBottom {position: relative; color: inherit; background: transparent; height: auto; width: 100%; display: block; font-size: inherit; margin: 0px 0px 0px 0px; padding: 80px 0px 0px 0px; overflow: hidden; text-align:right;}
#ContentBoxWide {position: relative; width: 910px; height: 346px; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; color: inherit; overflow: hidden;}
#ContentBoxWideCol {position: relative; width: 850px; height: auto; min-height: 346px; _height: 346px; float:left; margin: 0px 0px 0px 0px; padding: 0px 30px 0px 30px; background: transparent; color: inherit; overflow: visible;}
#ContentBoxLeft {position: relative; width: 435px; height: auto; float:left; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; background: transparent; color: inherit; overflow: hidden;}
#ContentBoxMiddle {position: relative; width: 304px; height: auto; min-height: 284px; float:left; margin: 0px 0px 0px 0px; padding: 50px 30px 0px 30px; background: transparent url(../layoutimages/baby_bg1.jpg) repeat-y left top; color: inherit; overflow: hidden; text-align:left;}
#ContentBoxMiddleBig {position: relative; width: 445px; height: auto; min-height: 334px; float:left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; background: transparent; color: inherit; overflow: hidden; text-align:left;}
#ContentBoxRight {position: relative; width: 272px; height: 334px; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent url(../layoutimages/baby_bg1.jpg) repeat-y right top; color: inherit; overflow: hidden;}
#long #ContentContainer {background-image: url(../../layoutimages/bg_hoffmann_long.jpg); }
#horn #ContentContainer {background-image: url(../../layoutimages/bg_hoffmann_horn.jpg); }
#allergie #ContentContainer {background-image: url(../../layoutimages/bg_hoffmann_allergiker.jpg); }
#natur #ContentContainer {background-image: url(../../layoutimages/bg_hoffmann_natur.jpg); }
#original #ContentContainer {background-image: url(../../layoutimages/bg_hoffmann_original.jpg); }
#care #ContentContainer {background-image: url(../../layoutimages/bg_hoffmann_care.jpg); }
#gruende #ContentContainer {background-image: url(../../layoutimages/bg_hoffmann_gruende.jpg); }
/* * Header * */
#headerBoxIvkoLogo {background:transparent; position: absolute; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height: auto; overflow:visible; z-index: 149; text-align:left;}
#headerBoxMenu {background:transparent; position: absolute; top: 0px; right: 0px; color: #777777; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height: auto; overflow:visible; z-index: 150; text-align:right;}
#headerBoxLogo {background:transparent; position: relative; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; overflow:visible; text-align:center;}
#headerBoxImg {background:transparent; position: relative; top:5px; left: 240px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 720px; height: 120px; color: #333333; overflow: visible; z-index: 100; }
.headerBoxBanner {background:transparent; position: relative; float: right; width: auto; height: auto; margin: 20px 20px 0px 0px; padding: 0px 0px 0px 0px;}
.back {background:transparent; position: relative; width: auto; height: auto; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; z-index:2; font-size:10px; }
#waitduplex {position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000000; text-align: center; color: #000000; -moz-opacity: 0.5; opacity: 0.5; z-index: 300;}
#loader {position: fixed; display: none; left: 40%; top: 450px; width: 30%; height: auto; padding:10px; text-align:center; z-index: 602;}
/* * MenuBar * */
.MenuBox {float:left; background: url(../img/_layout/img_nav_bottom.gif) repeat-x; color: #99CCFF; width: 280px; height: 29px; font-size: 11px; font-weight: normal; padding: 0px 27px 0px 27px; margin: 0px 0px 0px 0px; vertical-align: top; overflow: visible; z-index:100;}
#startpage .MenuBox {background: transparent;}
.LanguageBox {width: 190px; height: auto; float:left; background: transparent; margin: 22px 40px 0px 0px; padding: 0px 0px 0px 0px; vertical-align:top;}
.makeExtraMenu {position: absolute; top: 120px; left: 0px; width: 795px; height: 20px; color: transparent; background: transparent url(../img/_layout/bg_menutop.jpg) repeat-y left top; margin: 0px 0px 0px 0px; padding: 1px 180px 0px 0px; text-align: right;}
.LogoBox {color: #8b8b8b; background: transparent; float:left; font-size: 11px; width: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent;}
.BreadCrumbBox {position: absolute; left:0; top: 0px; width: auto; height: auto; float: left; font-size: 11px; vertical-align: bottom;}
.SearchBox {width: 200px; height: auto; float: left; white-space:nowrap;}
.ExtraMenu {display: block; margin: 4px 0px 4px 0px; font-size: 11px; padding: 0px 0px 0px 0px; height:auto;}
li {list-style-image: url(../img/layout/list_bullet.gif);}
.imagetext {float:left; padding: 0px 0px 0px 0px; height:27px; font-size:24px; width: 266px; background: transparent; background-position:45px 5px;}
.LeftColumn {position: relative; width: 109px; height: auto; min-height: 100px; float:left; font-size: 1.0em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; background: transparent; color: #000000; overflow: hidden;}
.ContentMainBox {position: relative; display:block; height: auto; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentMainBoxSmall {position: relative; float: right; height: auto; width: 0px; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentImgBox {position: relative; width: auto; height: auto; float:right; background: transparent; color:#ffffff; padding:0px; margin:0px; overflow: hidden;}
.ContentImgBoxText {position: relative; width: auto; height: auto; margin: 0px 0 0 0; padding: 0 0 0 0; font-size: 10px; overflow: visible;}
.ContentBoxStart {position: relative; float: left; height: auto; font-size: 11px; width: 171px; background: transparent; color: #000000; padding: 0px 10px 0px 10px; margin: -3px 0px 0px 0px; text-align:left;}
.ContentTextBoxNormal {position: relative; display: block; height: auto; min-height: 100px; margin: 0px 0px 0px 0px; padding:0; text-align: left;}
.ContentTextBoxSmall {position: relative; width: 455px; height: auto; min-height: 100px; float:left; margin: 0px 15px 0px 15px; padding:0; text-align: left;}
.ContentTextBoxLeft {position: relative; display:block; height: auto; margin: 0px 0px 10px 0px; padding:0; text-align: left; overflow:hidden;}
.ContentTextBoxRight {position: relative; display:block; height: auto; margin: 0px 0px 10px 0px; padding:0; text-align: left; overflow:hidden;}
.ContentTBBoxLeft {position: relative; width:0px; height: auto; margin: 0; padding:0; text-align: left; float:left;}
.ContentTBBoxRight {position: relative; width:0px; height: auto; margin: 0; padding:0; text-align: left; float:right;}
.ContentBoxStart a, a.skip {font-weight: bold; background: url(../img/layout/arrow_right.gif) no-repeat right top; margin: 0px 20px 0px 0px; padding: 0px 15px 0px 0px; text-transform: uppercase; }
.ContentBoxStart a.de {background: url(../img/layout/arrow_right_de.gif) no-repeat right top; margin: 0px 20px 0px 0px; padding: 0px 27px 0px 0px; }
.ContentBoxStart a.aus {background: url(../img/layout/arrow_right_aus.gif) no-repeat right top; margin: 0px 20px 0px 0px; padding: 0px 27px 0px 0px; }
.ContentBoxMiddle ul {}
.ContentBoxLeft img.framed {border: 1px #4cc6f5 solid;}
.FooterBox {height: auto; display: block; font-size:11px; color: #777777; background: transparent; margin: 0px 0px 30px 0px; padding: 0px; text-align: left; line-height: 13px;}
/*.pagetop {width:100%; height: auto; font-size: 110%; padding:0; margin:0; margin-bottom: 12px; border-bottom: 1px #CCCCCC solid;}*/
.pagebottom {width:100%; height: auto; padding:0; margin:0; margin-top: 15px; padding-top: 4px; text-align:left;}
#FrameContainer {display:block; background: transparent; width: 100%; height: 1100px; margin: 0px; padding: 0px;}
#module_Frame {display:block; background: transparent; width: 100%; height: 100%; margin: 0px; padding: 0px;}
/* * Navigation * */
.imgsel {border: 0px #dddddd solid; border-bottom: 0px #000000 solid; border-right: 0px #000000 solid; margin-top: 0px;}
a img {border: 0px;}
img.framed {border: 1px #ffffff solid; margin: 0px 0px 0px 0px; padding: 0px;}
a {text-decoration: none; background: transparent; font-weight: normal; color: #666666;}
a.sel {text-decoration: underline; font-weight: bold; color: #cccccc;}
a:hover {text-decoration: underline; background: transparent;}
a img.galimg {border: 2px transparent solid;}
a:hover img.galimg {border: 2px #ffffff solid;}
a.extramenu {text-decoration: none; color: #777777; background: transparent; display:inline; font-size: 11px; font-weight: normal; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px;}
a.extramenu:hover {text-decoration: underline; color: #777777; background: transparent; display:inline; font-weight: normal; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px;}
a.extramenu_sel {text-decoration: none; color: #777777; background: transparent; display:inline; font-size: 11px; font-weight: bold; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px;}
a.extramenu_sel:hover {text-decoration: underline; color: #777777; background: transparent; display:inline; font-weight: bold; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px;}
a.extramenu img, a.extramenu_sel img {padding: 0px 0px 0px 0px; margin: 0px 6px 0px 0px; background: transparent;}
a.footer {margin: 0px 0px 0px 10px; text-decoration: none; color: #333333;}
a.footer:hover {text-decoration: underline;}
a.linklist {font-weight: bold; color: #008c45; display: block; /*background: url(../img/layout/list_arrow.gif) no-repeat left top;*/ margin: 0px 0px 15px 20px; padding: 0px 0px 0px 20px; }
a.linklist:hover {text-decoration: underline; color: #008c45;/* background: url(../img/layout/list_arrow2.gif) no-repeat left top;*/ }
a.pdflink,
a.pdflink:visited,
a.pdflink:link,
a.pdflink:active,
a.pdflink:hover {font-weight: bold; color: #008c45; background: url(../img/_layout/icon_pdf.gif) no-repeat left top; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 23px; }
a.pdflink:hover {text-decoration: underline;}
a.button,
a.button:visited,
a.button:link,
a.button:active,
a.buttonsel,
a.buttonsel:visited,
a.buttonsel:link,
a.buttonsel:active,
a.buttonsel:hover,
a.button:hover {font-size:11px; font-weight: bold; text-decoration: none; color: #ffffff; background: #008c45 url(../img/_layout/arrow_wh.gif) no-repeat 0px center; margin: 10px 10px 23px 0px; padding: 3px 8px 3px 15px; border: 1px solid #000000;}
a.buttonsel,
a.buttonsel:visited,
a.buttonsel:link,
a.buttonsel:active,
a.buttonsel:hover,
a.button:hover {color: #ffffff; background-color: #016737; border: 1px solid #000000;}
a.formbutton,
a.formbutton:visited,
a.formbutton:link,
a.formbutton:active,
a.formbutton:focus,
a.formbutton:hover {clear: both; display: block; width: auto; height: auto; font-size:12px; font-weight: bold; text-decoration: none; color: #ffffff; background: transparent url(../img/_layout/bg_formbutton1.gif) no-repeat 0px 0px; margin: 5px 10px 10px 0px; padding: 3px 8px 3px 30px; border-right: 1px solid #004923; border-bottom: 1px solid #004923;}
a.formbutton:hover {color: #002514; background-image: url(../img/_layout/bg_formbutton2.gif); border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
a.formbutton,
a.formbutton:visited,
a.formbutton:link,
a.formbutton:active,
a.formbutton:focus,
a.formbutton:hover {clear: both; display: block; width: auto; height: auto; font-size:12px; font-weight: bold; text-decoration: none; color: #ffffff; background: transparent url(../img/_layout/bg_formbutton1.gif) no-repeat 0px 0px; margin: 5px 10px 10px 0px; padding: 3px 8px 3px 30px; border-right: 1px solid #004923; border-bottom: 1px solid #004923;}
a.formbutton:hover {color: #002514; background-image: url(../img/_layout/bg_formbutton2.gif); border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
object { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px;}
embed { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px;}
.TeaserGroup object { margin: 0px 0px 0px -1px;}
.TeaserGroup embed { margin: 0px 0px 0px -1px;}
/* * TOP-MENU * */
ul.makeMenu { list-style-type: none; font-weight: normal; height: 30px; display:block; width: 100%; background: transparent url(../../layoutimages/stripe_gray.jpg) no-repeat left bottom; margin: 0px; padding: 0px 0px 0px 0px; overflow: visible; text-align:center;}
ul.makeMenu ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; width: auto; height:auto; background: transparent;}
ul.makeMenu li { position: relative; list-style-type: none; float: left; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; vertical-align:bottom;}
ul.makeMenu li ul { display: block; position: relative; padding: 0px 0px 0px 15px;}
#ContentBoxMenuBox a,
#ContentBoxMenuBox a:focus,
#ContentBoxMenuBox a:visited,
#ContentBoxMenuBox a:link,
#ContentBoxMenuBox a:active,
#ContentBoxMenuBox a:hover {color: #666666; background: transparent; font-family: Eurostile, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-stretch: wider; font-size:14px; height: auto; width: auto; font-weight: normal; text-decoration:none; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 10px;}
#ContentBoxMenuBox a:hover {color: #cccccc; text-decoration:none;}
#ContentBoxMenuBox a.sel,
#ContentBoxMenuBox a.sel:focus,
#ContentBoxMenuBox a.sel:visited,
#ContentBoxMenuBox a.sel:link,
#ContentBoxMenuBox a.sel:active,
#ContentBoxMenuBox a.sel:hover {color: #b46d28; background: transparent; font-family: Eurostile, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-stretch: wider; font-size:14px; height: auto; width: auto; font-weight: normal; text-decoration:none; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 10px;}
#ContentBoxMenuBox a.sel:hover {color: #b46d28; text-decoration:none;}
a.MenuLevel2,
a.MenuLevel2:visited,
a.MenuLevel2:link,
a.MenuLevel2:active,
a.MenuLevel2:hover,
a.MenuLevel2_sel,
a.MenuLevel2_sel:visited,
a.MenuLevel2_sel:link,
a.MenuLevel2_sel:active,
a.MenuLevel2_sel:hover { color: #000000; display: block; font-size:11px; font-weight: normal; background: transparent; height: auto; width: auto; _height: 10px; text-decoration:none; margin: 1px 0px 0px 0px; padding:2px 2px 2px 15px; overflow: visible;}
a.MenuLevel2_sel,
a.MenuLevel2_sel:visited,
a.MenuLevel2_sel:link,
a.MenuLevel2_sel:active
a.MenuLevel2_sel:hover { background: #85c398 url(../img/_layout/arrow_bl.gif) no-repeat 0px center;}
a.MenuLevel2:hover { background: transparent url(../img/_layout/arrow_bl.gif) no-repeat 0px center;}
.lifirst a.MenuLevel2,
.lifirst a.MenuLevel2_sel {border-top: 0px;}
font {color: inherit; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal;}
h1 {font-weight: normal; font-size: 18px; color: #7d5024; font-family: Eurostile, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-stretch: expanded; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px;}
h2 {font-weight: normal; font-size: 14px; color: #7d5024; margin: 0px 0px 15px 0px; padding: 0px; clear: both;}
h3 {font-weight: bold; font-size: 100%; color: #7d5024; margin: 0px 0px 10px 0px; padding: 0px; display: block;}
h4 {font-weight: bold; font-size: 100%; color: inherit; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; text-align: left;}
h5 {font-weight: bold; font-size: 100%; color: inherit; background: transparent; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px;}
h6 {font-weight: normal; font-size: 80%; color: inherit; margin:0; margin-bottom: 8px;}
.ContentBoxPrint h1,
.ContentBoxPrint h2,
.ContentBoxPrint h3,
.ContentBoxPrint h4,
.ContentBoxPrint h5,
.ContentBoxPrint h6 {color: #000000;}
/* * News * */
.NewsBox {display:block; height: auto; font-size: 11px; padding: 8px; margin: 0px; line-height:16px;}
.NewsBoxCont {display:block; height: auto; padding: 10px 0px 15px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #008c45;}
.NewsBoxCont a {font-weight: normal; color: #008c45;}
.newsblock {margin:0; padding:0; padding-left: 1px; margin-bottom: 5px;}
/* * News-Content * */
.NewsContainer {display:block; height: auto; min-height: 40px; padding: 0px 0px 10px 0px; margin: 10px 0px 0px 0px; border-bottom: 1px solid #cccccc;}
.newscontblock {margin:0; padding:0; }
.newsimg {float:right; margin-left: 10px; border: 1px solid #999999;}
.newsimgpage {padding:13px; padding-bottom:56px; margin: 0; color: #000000; background: #333333;}
/* * Teaser * */
.TeaserContainer {width:270px; float:left; height: auto; padding: 0px; margin: 0px 0px 0px 0px;}
.TeaserArticle {display:block; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 20px 0px; border: 1px #cccccc solid;}
.TeaserGroup {width:500px; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 15px 0px; border: 1px #cccccc solid;}
.LinkContainer {display: block; margin: 30px 0px 3px 0px; padding: 0px; }
.LinkContainer p {display: block; margin: 0px 5px 10px 5px; padding: 0px;}
.ExtraMenuBox {display: block; height: 50px; margin: 0px 5px 3px 10px; padding: 0px; border: 1px solid #4cc6f5;}
.img_left {float: left; border-right: 1px solid #4cc6f5; width: 50px;}
.linkbox {float: left; height: 50px; width: 121px; padding: 0px; overflow: hidden;}
.linkbox a,
.linkbox a:visited,
.linkbox a:focus,
.linkbox a:active,
.linkbox a:link {display:block; height: 100%; color:#333333; background: #ffffff; text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;}
.linkbox a:hover {display:block; height: 100%; color:#ffffff; background: #4cc6f5; text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;}
ul.linklist {vertical-align: top; font-weight: normal; list-style-type:none; list-style-image: none; margin-left:0; padding-left:0;}
li.linklist {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/square_blue.gif); margin-left:25px; padding-left:0;}
ul.pdflist li, li.pdflist {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/icon_pdf.gif); margin-left:23px; padding-left:0;}
ul li a {font-weight: bold;}
#tagcloud {height: auto; display:block; margin: 25px 5px 5px 5px; padding: 0px 0px 5px 0px; font-weight: normal; font-size: 10px; border: 1px solid #008c45;}
#tagcloud h1 {height: auto; display:block; margin: 0px; padding: 3px 5px 3px 5px; font-weight: bold; font-size: 11px; border-bottom: 1px solid #008c45; color: #ffffff; background: #008c45;}
#tagcloud ul {list-style-type: none; height: auto; display:block; margin: 5px; padding: 0px 0px 0px 0px; font-size: inherit;}
#tagcloud ul li {position: relative; float: left; list-style-type: none; background: transparent; font-size: inherit; width: auto; height: auto; list-style-image: none; margin: 0px 5px 0px 0px; padding: 0px; vertical-align:bottom;}
div.btContainer {float:left; padding:0; margin: 4px 0px 0px 10px;}
div.formContainer {float:left; margin:0; margin-right:8px; padding: 0;}
div.textbox {float:left; margin-right:10px;}
div.imgbox {padding:10px; margin-right: 5px; margin-bottom:5px; background: #CFD1EE; text-align:center; font-size: 11px;}
div.float_left {float:left; margin: 0px 10px 0px 0px;}
div.float_left_border {float:left; border-left: 1px #FFFFFF solid;}
div.float_right {float:right; margin: 0px 0px 0px 10px;}
div.leftcol {float:left; margin-right:20px; clear:both; width: 280px; overflow: hidden;}
div.rightcol {float:left; width: 280px; overflow: hidden;}
div.tile_square {position: relative; float:left; margin: 10px 8px 0px 0px; height:100px; width: 100px; padding: 2px;}
div.white {background: #ffffff; border: 1px solid #666666;}
div.tile {background: transparent; position: relative; width: 230px; float:left; margin: 5px 30px 20px 30px; text-align:center;}
div.textblock {position: relative; clear: both; display:block; margin: 0px 0px 20px 0px;}
div.tileblock {position: relative; height: auto; float:left; color: #000000; width: auto; margin: 0px 20px 0px 0px; border: 1px solid #000000;}
div.zoomicon {position: absolute; bottom: 0px; right: 0px; z-index:100;}
font {font-size: 13px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
b, strong {}
.yellow {color: #df8a00;}
.clear {clear:both;}
.small {font-size: 11px;}
.date {color: #808080; font-size: 9px;}
.info {color: #000000; font-size: 11px; margin-top: 6px;}
hr {color: #808080; height: 1px; width: 100%;}
HR.pale {color: #000000; width: 100%;}
.asterisk {color: #ff0000; font-weight: bold; font-size: 120%;}
.alert {color: #333333; font-weight: bold;}
.strong {font-weight: bold;}
.red {color: #333333;}
.nobr {white-space:nowrap;}
.none {display: none;}
/* Sitemap */
.sitemap1 {font-weight: bold; background: transparent url(../img/_layout/square_white.gif) no-repeat left center; padding: 2px 2px 2px 20px; margin: 10px 2px 0 0; display: block; height: auto;}
.sitemap2 {font-weight: bold; background: transparent; padding: 2px 2px 2px 2px; margin: 0 2px 0 20px; display: block; height: auto;}
.sitemap3 {font-weight: bold; background: transparent; padding: 2px 2px 2px 2px; margin: 0 2px 0 40px; display: block; height: auto;}
/* Tabellen */
table {border: 1px solid #ffffff; width: 100%; border-collapse: collapse; font-size: 11px;}
th {border: 1px solid #ffffff; color: #ffffff; background: #008c45; text-align: left; font-weight: normal; vertical-align: top; margin: 0px; padding: 3px 5px 3px 5px;}
td {border: 1px solid #ffffff; background: transparent; text-align: left; vertical-align: top; margin: 0px; padding: 3px 5px 3px 5px; border-bottom: 1px solid #cccccc;}
th.first, td.first {border-left: 0px;}
td.row1 {border-top: 1px solid #ffffff; background: transparent;}
td.row1_1 {border-top: 1px solid #ffffff; background: transparent;}
td.row1_2 {border-top: 1px solid #ffffff; background: transparent;}
td.row2 {border-top: 1px solid #ffffff; background: #eaeaea;}
td.row2_1 {border-top: 1px solid #ffffff; background: #eaeaea;}
td.row2_2 {border-top: 1px solid #ffffff; background: #eaeaea;}
td.row1link {border: 0px solid transparent; color: #0099FF; background: transparent; margin:0; padding:0; text-align:center;}
td.row2link {border: 0px solid #f0f0f0; color: #0099FF; background: #f0f0f0; margin:0; padding:0; text-align:center;}
th a {color: #ffffff; background: #008c45 url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; white-space: nowrap;}
th a:hover {color: #ffffff; background: #008c45 url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; text-decoration: underline; white-space: nowrap;}
td a {text-decoration: none; font-weight: bold;}
td a:hover {text-decoration: underline; background: transparent;}
td ul {margin: 0px 0px 0px 20px; padding: 0px;}
td p {margin: 0px; padding: 0px;}
td strong {color: #000000;}
.tbspalte1 {text-align:left;}
.tbspalte2 {text-align:left;}
.tbspalte3 {text-align:right;}
.tbspalte4 {text-align:right;}
.tbspalte5 {text-align:left; padding-left: 10px;}
.tbspalte6 {text-align:left;}
/* Tabellen-Layout */
div.table {display:table; border-collapse:collapse;}
div.tr {display:table-row;}
div.td {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px;}
div.td1 {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; color: #000000;}
div.td2 {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; color: #000000; background: #e0e0e0;}
/* Formulare */
form {position: relative; ffont-size: 1.0em; margin: 0px 0px 20px 0px; padding: 5px 0px 0px 0px; display:block; }
fieldset {position: relative; fmargin: 0px 0px 0px 0px; padding:0px; display: block; border: none;}
legend {position: relative; fdisplay: none;}
label {position: relative; float:left; width: 100px; }
select, input {position: relative; color: #333333; background: #ffffff; width: auto; margin: 0px 0px 5px 0px;}
textarea {position: relative; font-size: 1.0em; color: #333333; width: 270px; margin: 0px 0px 5px 0px; background: #ffffff; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
div.input {position: relative; clear: both; display:block; background: transparent; padding: 2px; margin: 2px 0px 0px 0px; height: auto; overflow: hidden;}
div.error {position: relative; clear: both; display:block; background: #f3bb2a; padding: 3px; margin: 2px 0px 0px 0px; height: auto; color: #cc0000; font-weight: bold; border: 1px #990000 solid;}
div.submit {position: relative; clear: both; display:block; width: auto; padding: 9px 10px 0px 4px; margin: 0px 0px 0px 0px; height: auto; overflow: hidden;}
div.okay {position: relative; clear: both; clear:both; display: block; background: #f3bb2a; padding: 2px; margin-top: 10px; margin-bottom: 10px; height: auto; color: #333333; font-weight: bold; border: 1px #333333 solid;}
div.databox {width:350px; margin-top:5px; padding: 2px 2px 2px 2px; height:50px; border:1px solid #666666; overflow:auto; font-size:0.9em;}
div.input img {margin: 0px 0px 2px 0px;}
.csc-mailform-submit {width: auto; font-weight: bold; margin: 0px 0px 5px 100px;}
.SearchBox input {color: #333333; background: #ffffff; width: 155px; height: 13px; font-size: 0.8em; border: 1px solid #fe0000; margin: 3px 0px 1px 0px; padding: 2px;}
INPUT.searchsubmit {color: transparent; background: #333333 url(../img/layout/icon_search.gif) no-repeat left top; border: 0px solid #333333; width: 19px; height: 19px; margin: 4px 0px 2px 1px; padding: 0px;}
.SearchBox input {color: #333333; background: #ffffff; width: 155px; height: 13px; font-size: 0.8em; border: 1px solid #fe0000; margin: 3px 0px 1px 0px; padding: 2px;}
INPUT.searchsubmit {color: transparent; background: #333333 url(../img/layout/icon_search.gif) no-repeat left top; border: 0px solid #333333; width: 19px; height: 19px; margin: 4px 0px 2px 1px; padding: 0px;}
/* Mediabox */
#mediaform {margin: 0px 0px 0px 0px; padding: 0;}
#mediabox {margin: 0px 0px 40px 0px; padding: 0; border-top: 1px solid #333333;}
.ContentBoxLeft h4 {margin: 0px 0px 2px 0px;}
#mediaselect {margin: 0px 0px 6px 0px; padding: 0; font-size: 11px; border: 1px solid #333333; width:180px;}
/* * Print * */
.headerBoxPrint {color: #000000; background: transparent; margin: 10px 10px 0px 10px; padding: 0px 0px 0px 0px; height:auto; white-space: nowrap; z-index:1; overflow:hidden;}
.ContentBoxPrint {color: #000000; width: auto; height: auto; margin: 10px 10px 0px 10px; padding: 30px 0px 0px 0px; border-top: 1px #aaaaaa solid; overflow:hidden;}
.FooterBoxPrint {color: #000000; width: auto; height: auto; margin: 20px 10px 0px 10px; padding: 3px 0px 0px 0px; border-top: 1px #999999 solid; clear:both;}
.headerBoxPrint h,
.ContentBoxPrint h,
.FooterBoxPrint h,
.headerBoxPrint .tileblock,
.ContentBoxPrint .tileblock,
.FooterBoxPrint .tileblock,
.headerBoxPrint .info,
.ContentBoxPrint .info,
.FooterBoxPrint .info,
.headerBoxPrint a,
.ContentBoxPrint a,
.FooterBoxPrint a {color:#000000;}