/* ***************************************************** 

    GDA Naehrwertkompass - www.naehrwertkompass.de, (c) 2008 - h3 PartG
    >> CSS Stylesheet
    
    Filename:   style.css
    Descr.:     default stylesheet
    Remarks:    Tab width 4

    Version/Date:   0.10    31.07.2008, woldemar henning


***************************************************** */


/* ######## OVERALL Style DEFINITIONS ######## */

html, body {font-family:'Tahoma', Tahoma, Arial, Helvetica, sans-serif; padding:0px; color:#003872; font-size:12px;
    /*scrollbar-base-color:#222D33;
    scrollbar-3dlight-color:#DDDCDA;
    scrollbar-arrow-color:#646464;
    scrollbar-darkshadow-color:#999999;
    scrollbar-face-color:#E1E3E1;
    scrollbar-highlight-color:#FAFAFA;
    scrollbar-shadow-color:#8D9295;
    scrollbar-track-color:#F3F2F0;*/
}

form {margin:0px; padding:0px;}

h1 { margin:0px 0px 4px 0px; padding:0px; color:#003872; font:bold 15px 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;}
h2 { margin:0px 0px 10px 0px; padding:0px; color:#003872; font:bold 13px 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;}
h3 { margin:0px 0px 10px 0px; padding:0px; color:#0A0A0A; font:bold 13px 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;}
h4 { margin:0px 0px 10px 0px; padding:0px; color:#003872; font:bold 13px 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;}

table {font-size:12px;}

p { margin:10px 0px; padding:0px;}
p.small {font-size:10px; line-height:120%; margin:4px 0px;}

a:link, a:visited {color:#003872;}
a:hover {color:#ffcc00;}/**/

/**** horizontal ruler */
hr { height:1px; border:none; border-bottom:1px solid #b1d9f5; margin:7px 0px; padding:0px;}

/**** default lists */
ul  {margin:10px 0px 10px 15px; padding:0px;}
ol  {margin:10px 0px 10px 15px; padding:0px;}
li  {font-size:12px; line-height:140%; margin:0px 0px 2px 0px;}

/**** generic style definitions */
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.italic {font-style:italic;}
.nobr {white-space:nowrap;}
.margpad0 {margin:0px; padding:0px;}

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

.gelb {background-color:#FDD346;}

/* info tooltip */
#tt_info {
    position:absolute;
    z-index:100;
    display:none;
    padding:4px;
    width:70px;
    border:1px solid #999999;
    background-color:#FFF5D9;
}
#tt_info p { margin:0; }

/* ######## LAYOUT & MODULES ######## */

/**** LAYOUT ELEMENTS */


.maintable {margin:0px; width:992px; height:580px;}
.maintable td {text-align:left; vertical-align:top;}

.nav_td {width:260px; padding:0px;}

.headillu {height:130px; padding:0px;}
.headillu img{border-left:solid 1px #A5DCF3; border-bottom:solid 1px #A5DCF3;}

#content {width:734px; height:396px;}

.prodshow {margin:0px; padding:0px; position:absolute; left:0px; top:0px;}
.prodshow a {text-decoration:underline;}
#pfront {z-index:10; height:370px; width:450px;}
#ifront1 {z-index:20; /*visibility:hidden;*/ visibility:visible; height:345px; width:690px;}
#ifront2 {z-index:25; /*visibility:hidden;*/ visibility:visible; height:345px; width:690px;}
#pback {z-index:30; /*visibility:hidden;*/ visibility:visible; height:370px; width:450px;}
#iback1 {z-index:40; /*visibility:hidden;*/ visibility:visible; height:345px; width:690px;}
div.prodshow_editdiv, div.daily_amount_editdiv {
    position:absolute;
    top:480px; 
    margin:0px;
    padding:3px;
    background-color:#FFFFCC;
    border:3px solid darkred; 
}
div.prodshow_editdiv p, div.prodshow_editdiv h1, div.prodshow_editdiv h3, div.prodshow_editdiv h4,
div.daily_amount_editdiv p, div.daily_amount_editdiv h1, div.daily_amount_editdiv h3  {
    margin:0px 0px 0px 0px; 
    padding:0px; 
}
div.prodshow_editdiv h1, div.prodshow_editdiv h3, div.prodshow_editdiv h4,
div.daily_amount_editdiv h1, div.daily_amount_editdiv h3 { 
    color:#222D33;
}
div.prodshow_editdiv h1, div.daily_amount_editdiv h1 {
    margin:0px 0px 10px 0px; 
    font:bold 16px 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
}
div.prodshow_editdiv h3, div.daily_amount_editdiv h3 {
    margin:18px 0px 0px 0px; 
    font:bold 14px 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
}
div.prodshow_editdiv h4 {
    margin:16px 0px 3px 0px; 
    font:bold 12px 'Tahoma', Tahoma, Arial, Helvetica, sans-serif;
}

#textcontent {height:396px; margin:0px; padding:0px; position:relative; left:0px; top:0px; z-index:4; visibility:visible;}
.text {width:450px; position:absolute; left:0px; top:35px; margin:0px; padding:0px; line-height:140%;}
.text_no_rightcol {width:535px; position:absolute; left:0px; top:35px; margin:0px; padding:0px; line-height:140%;}

.main_right {/*float:left;*/ width:282px; height:390px; position:relative; left:450px; top:0px;}
.right_bg {clear:both; height:330px; width:252px; margin:0px 16px; padding:0px; background:url(../images/bg_rl_wabe.jpg) no-repeat 0px 0px;}
.right_content {height:302px; width:202px; padding:0px; position:relative; left:8px; top:10px; margin:0px;}
.right_cont_txt {padding:43px 15px;}
.right_cont_zitat {padding:0px 10px 43px 10px;}

.content_footer {height:50px; margin:0px; padding:0px; width:582px;}
.pagescroll_div {padding:0px; font-weight:bold; position:relative; top:10px; left:0px;}
.loadnewprod_div {padding:0px; font-weight:bold; position:relative; top:10px; left:50px; width:200px;}

.mouseoverhint {clear:both; width:430px; position:absolute; top:385px; left:0px;}

.kap3_logoleist {height:85px; width:450px;}
.kap3_logo1 {width:200px; height:29px; position:absolute; top:111px; left:0px;}
.kap3_logo2 {width:78px; height:46px; position:absolute; top:106px; left:221px;}
.kap3_logo3 {width:103px; height:52px; position:absolute; top:102px; left:350px;}
.kap3_logo4 {width:150px; height:46px; position:absolute; top:194px; left:0px;}
.kap3_logo5 {width:168px; height:67px; position:absolute; top:187px; left:170px;}
.kap3_logo6 {width:49px; height:67px; position:absolute; top:193px; left:378px;}
.kap3_logo7 {width:160px; height:61px; position:absolute; top:299px; left:0px;}
.kap3_logo8 {width:120px; height:31px; position:absolute; top:310px; left:182px;}
.kap3_logo9 {width:136px; height:25px; position:absolute; top:310px; left:314px;}

/*.kap5_linklist {margin:0px; padding:0px;}
kap5_linklist a {display:block; margin:5px 0px;}
kap5_linklist img {float:right; margin:0px 0px 0px 10px;}*/

/*** image gallery ***/
.gallerytable {width:535px; /*height:358px;*/ margin-top:10px;}

.gallery_image{padding:0; margin:0px; width:178px; height:165px; text-align:left; vertical-align:top;}
.gallery_image img {border:none;}
.gallery_image a {font-size:10px; font-weight:bold;}

.pagelinks {font-size:14px; font-weight:bold; /*margin-top:5px;*/ position:relative; top:15px; left:0px; width:280px;}

.img_single {padding:0; margin:15px 0px 0px 0px;}
.img_single img {max-height:290px;}

.pmList_date {width:80px; height:20px;}
.pmList_hl {font-weight:bold; width:370px;}
.pmList_hl a {text-decoration:none; display:block; margin-bottom:6px;}


/**** NAVIGATION ELEMENTS */

.logo {display:block; margin:47px 40px 0px 20px;}

.mainnavdiv {margin:32px 40px 20px 20px;}
.mainnavdiv a {display:block; height:auto; line-height:15px; padding:1px 10px 3px 10px;  margin:0px; text-decoration:none;}

.l1_nav {margin:0px; padding-top:1px; background:url(../images/bg_l1nav.gif) no-repeat left top; width:200px;}
.l1_nav a:link, .l1_nav a:visited {color:#FFFFFF;}
.l1_nav a:hover {color:#005EDD; background-color:#A2D7EE;}

.l1_nav a.sel:link, .l1_nav a.sel:visited {color:#FFFFFF; background-color:#4BB2DC; font-weight:bold;}
.l1_nav a.sel:hover {color:#005EDD; background-color:#A2D7EE;}

.l2_nav {margin:0px; padding-bottom:1px; background:url(../images/bg_l2nav.gif) no-repeat left bottom; width:200px;}
.l2_nav a:link, .l2_nav a:visited {color:#003872;}
.l2_nav a:hover {color:#005EDD; background-color:#B4DDEF;}

.l2_nav a.sel2:link, .l2_nav a.sel2:visited {color:#003872; background-color:#E4F3F9; font-weight:bold;}
.l2_nav a.sel2:hover {color:#005EDD; background-color:#B4DDEF;}

.pagelinks a {text-decoration:none; margin:0px 3px;}
.pagelinks a:link, .pagelinks a:visited {color:#3F96BA;}
.pagelinks a:hover {color:#ffcc00;}

.footnavi {color:#FFFFFF; font-weight:bold; float:right;}
.footnavi a {text-decoration:none; margin:0px 7px; line-height:16px; vertical-align:top;}
.footnavi a:link, .footnavi a:visited {color:#FFFFFF;}
.footnavi a:hover {color:#FFFF99;}

a.print:link, a.print:visited {background:url(../images/printbutton.gif) no-repeat right 1px; padding-right:19px;}
a.print:hover {background:url(../images/printbutton.gif) no-repeat right -31px; padding-right:19px;}



/* ######## CONTACT FORM ######## */


/*************************/