/* CSS Style for www.loceryl.de */


@charset "ISO-8859-1";

body,div,p,span,ul,li,h3,h4,h5,h6,table,td,input,textarea {
        font-family: Verdana, Arial, sans-serif;
		
}

body {
        margin:0px;
        font-family: Arial, Helvetica, sans-serif;
		background: #EBEDF3;
}

html { height:100%; }

a { text-decoration:none; outline:none; color: #09305C; }
a:hover { color:#990000; }
a.home { width:auto; height:auto; display:block; margin:0; padding:0; border:none; outline:none; }
a.home span { display: none; }

.printbtn { height:18px; width:auto; border:none; outline:none; }
.printbtn a { float:right; }
.printbtn img { border:none; outline:none; }

#con_wrap {
        width:1024px;
        height: 768px;
        margin: 20px auto;
        display:block;
        background: url(../images/bg.jpg) no-repeat 0px 0px;
        padding:25px 0 0 25px;
		position:relative;
}

#con {
        width: 982px;
        height: 731px;
        padding: 0px;
        display:block;
}

#top {
        width:982px;
        height:143px;
        display:block;
        float:left;
}

/* NAVI */
#navi {
        width:193px;
        height: 527px;
        display:block;
        float:left;
        background:url(../images/1px_dotted.gif) no-repeat 0px 60px;
        background:#E6E9EE;
}

#navi_top {
        height:60px;
        width: 193px;
        display:block;
        float:left;
}

.nav {
        margin:41px 0 0 0;
        padding:0;
        list-style: none;
}


/*ul.nav li{
        width:193px;
        display:block;
        background:url(../images/1px_dotted.gif) no-repeat 0px 1px;
}*/

.btn, .btn_active {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
}

.btn {
        outline: none;
        text-decoration: none;
        height:30px;
        width:193px;
        display:block;
        float:left;
        color:#09305C;
        background: url(../images/arrow_passive.gif) no-repeat 0px 0px;
        background-color:#E6E9EE;
}

.btn div, .btn_active div, .btn span, .btn_active span  {
        padding: 7px 0 0 43px;
		display:block;
}

.btn:hover, .btn_active {
        outline: none;
        text-decoration: none;
        height:30px;
        width:193px;
        color: #990000;
        display:block;
        float:left;
        background: url(../images/arrow_active.gif) no-repeat 0px 0px;
        background-color:#CFD7DF;
}

.list2 li {
	font-weight:bold;
	color: #09305C;
}

/* SUBNAVI */
.subnav {
        margin:0;
        padding:0;
        list-style: none;
        background-color:#BAC5D1;
}

.sub, .sub_active {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        min-height:22px;
        height:auto;
        padding:6px 0 0 20px;
        display:block;
        clear:left;
}

.sub { color: #04234A; }

.sub:hover {
        color: #C20517;
        background-color:#a9b7c5;
}

.sub_active {
        color: #C20517;
        background-color:#a9b7c5;
}



.dotline {
        height:1px;
        width:193px;
        display:block;
        float:left;
        background:url(../images/1px_dotted.gif) no-repeat 0px 0px;
}


/* FOOTER */
a.footer_logo {
  height: 61px;
  width: 193px;
  display:block;
  float:left;
  background:url(../images/footer.jpg) no-repeat 0px 0px;
}

a.footer_logo span { display:none; }

#footer {
        width: 789px;
        height:61px;
        display:block;
        float:left;
        background:url(../images/footer.jpg) no-repeat -193px 0px;
}

a.foo_imprint {
 width:57px;
 height:16px;
 display:block;
 float:left;
 margin:22px 0 0 32px;
}

a.foo_contact {
 width:42px;
 height:16px;
 display:block;
 float:left;
 margin:22px 0 0 0;

}

a.foo_disc {
 width:57px;
 height:16px;
 display:block;
 float:left;
 margin:22px 0 0 0;
}

a.foo_mandatory {
 width:50px;
 height:16px;
 display:block;
 float:left;
 margin:22px 0 0 0;
}

/* CONTENT MIDDLE */
#content_start {
  height:527px;
  width:789px;
  display:block;
  float:left;
  background:url(../images/teaser_start.jpg) no-repeat 0px 0px;
}

#content {
  height:527px;
  width:789px;
  display:block;
  float:left;
  background:#fff;
}

/* CONTENT  MAIN */
#main_wrap {
        height:467px;
        width:789px;
        /*width:754px;*/
        display:block;
        margin:0;
}

#main {
        height:470px;
        width:479px;
        overflow:auto;
        display:block;
        float:left;
        margin:41px 10px 0 30px;
        padding: 0 8px 0 0;
        font-size:11px;
        color:#444444;
        line-height:16px;
		/*text-align:justify;*/
}

#main a { color:#000000; font-weight:bold; }
#main a:hover { color:#990000; font-weight:bold; }
#accordion div { height:auto; margin:0 !important; }
#accordion h5 { margin: 0 !important; }
#main h4 {
        margin: 0 0 5px 0;
        font-size:12px;
        color:#00296F;
}

#main h5 {
        margin: 8px 0 5px 0;
        font-size:11px;
        color:#00296F;
}


#main ul {
        padding:0 0 0 14px;
        list-style:none;
        list-style-type:disc;
}

#main h3 { font-size:14px; }
#main table td h4 { font-size: 13px; margin:10px 0 0 0; color:#CC0000; }
#main table,td { font-weight:normal; }
#main td { margin:0 0 0 10px; }
#main strong {  color: #09305C; }

/* CONTENTS */
.main_img {
	float:right;
	border:none;
	padding:0 0 0 10px;
}

.nagelgrafik { height: 111px; width:auto; clear:left; }
.nagelgrafik_img { margin:0 5px 4px 0; float:left; }

#main p { margin: 8px 0 8px 0; clear:left; }
.arrow { padding:0 0 0 18px;  background:url(../images/pfeil.gif) no-repeat 0px 3px;}
.anwendung { margin:0 5px 4px 0; float:left; }
.risikocheck { background:url(../images/Nagelbild_button_gross.jpg) no-repeat 243px 0px; }
.risikocheck td { text-align:left; vertical-align:top; } 

.faq a { width: auto; height:16px; display:block; color:#09305C; padding:2px; margin:0 0 2px 0; font-weight:bold; }
.faq a:hover { color:#990000; background:#E6E9EE; }

.result_active { color:#000; }
.result_passive { color:#bbb; }

/* contact form */
#contact td { height:20px; text-align:left; vertical-align:top; padding: 0 0 3px 0; }
#contact img { margin:0; } /* captcha img */
.in { height:18px; border: 1px solid #aaa; margin:0; }
.req {width:250px; height:80px; border: 1px solid #aaa; }
.send { width: 60px; height:20px; font-weight:bold; border:1px solid #aaa;  padding:1px 0 2px 2px; background:#eee; }
.msg { font-weight:bold;  }
.err { font-weight:bold;  color:#EE0000; }
.inp {
list-style:none;;
text-align:left;
margin:0;
padding:0;
}

.inp li {
list-style:none;
padding:0;
display:inline;
}

.inp select {
/*margin:0 0 10px 0;*/
}

.text {
height:16px;
width:200px;
border: 1px solid #ccc;
padding:2px;
margin:0 0 2px 0;
}

textarea {
width: 200px;
height: 100px;
padding:2px;
border: 1px solid #ccc;
font-size:10px;
color:#000000;
}

.small {
font-size:10px; font-weight:normal; 
}

.submit{
width: 60px;
height: 20px;
border: 1px solid #ccc;
color:#000044;
font-weight:bold;
padding:0 0 2px 0;
}

/* BOX RIGHT */
#box_right {
        width: 262px;
        height:527px;
        display:block;
        float:left;
        margin:0px;
}


#boxlink_loc {
		z-index:2;
		width: 253px;
		height: 91px;
		position:absolute;
		top:600px;
		margin:0px;
		background:url(../images/Loceryl_NL_logo.jpg) no-repeat 0px 0px;
		z-index:9997;
}

#boxlink_loc a { width:125px; height:190px; display:block; }
#boxlink_loc a span { display:none; }

#boxlink_fibel {
		z-index:996;
		position:absolute;
		top:200px;
		margin:0 0 0 15px;
}
#boxlink_fibel a { width:125px; height:190px; display:block; }
#boxlink_fibel a span { display:none; }

#boxlink_pflege {
		z-index:997;
		position:absolute;
		top:470px;
		margin:0 0 0 15px;
}
#boxlink_pflege a { width:125px; height:20px; display:block; }
#boxlink_pflege a span { display:none; }

#boxlink_mitmachen {
		z-index:998;
		position:absolute;
		top:425px;
		left:765px;
}
#boxlink_mitmachen a { width:200px; height:35px; display:block; }
#boxlink_mitmachen a span { display:none; }

#boxlink_tipps {
		z-index:999;
		position:absolute;
		top:350px;
		left:765px;
		cursor:pointer;
}
#boxlink_tipps a { width:240px; height:100px;  z-index:9999999; }
#boxlink_tipps a span { display:none; }



.box_link span { display:none; }


/* TV Spot */
#tvspot_layer { 
 width:1020px; height:615px; display:none; margin:0; padding-top:37px; padding-left:1px; background:url(../images/spot_overlay.png) no-repeat 0px 0px; position:absolute; top:20px; left:40px; z-index:10000;
  }
#tvspot_layer div.close { width:30px; height:30px; background:url(../images/spot_close.png) no-repeat 0px 0px; position:absolute; top:18px; left:920px; z-index:10001; cursor:pointer; }
.tvspot_btn { width:245px; height:247px; background:url(../images/tv_button.png) no-repeat 0px 0px; position:absolute; top:330px; left:750px; cursor:pointer; display:block;  z-index:9998;}
.btn_small { width:140px; height:141px; background:url(../images/tv_button_small.png) no-repeat 0px 0px; position:absolute; top:470px; left:880px; cursor:pointer; display:none; z-index:9999; }

/* Presse ul */
.presse {
	list-style-type:none !important;
	margin:0;
	display:inline;
	width:440px;
}

.presse li {
	width:440px;
	height:auto;
	/*font-size:11px;*/
	display:block;
	float:left;
	clear:left;
}

.presse li img {
 margin:10px 0 0 0;
}

.presse li.spacer {
	border-bottom:1px solid #bbb;
	height:20px;
	margin-bottom:20px;
}

.presse li label {
	display:inline;
	width:200px !important;
	height:20px;
}	

.toplink { font-size:10px; float:right; }