/* ==================== general color number = 385577 ======================*/

.slideshow { float: right; border: 0px;}


/* =====================  headers in general =======================*/
h2{ color:#385577 ;/*4F7AAE*/
margin-bottom:20px;
letter-spacing:1px;
font-family: trebuchet ms,verdana, tahoma,helvetica, verdana, tahoma, sans-serif;
font-size: 22px;
font-variant:normal;
font-weight:bold
}
/* ========================== sub headers =======================*/
h3{ color:#385577;   /*4F7AAE*/
margin-bottom:20px;
letter-spacing:1px;
font-family: trebuchet ms,verdana, tahoma,helvetica, verdana, tahoma, sans-serif;
font-size: 18px;
font-variant:normal;
font-weight:bold
}

/* ========================== sub headers Underlined =======================*/
h5{ color:#385577;   
letter-spacing:0px;
font-family: trebuchet ms,verdana, tahoma,helvetica, verdana, tahoma, sans-serif;
font-size: 15px;
text-decoration: underline;
}

/* ===================== sub headers for sales =======================*/
h4{ color:#385577;
font-size: 16px;
font-weight:bold
}



/* ================= all Table Cells have top aligned text ===================*/
td{vertical-align:top;}


/* ===============  all Table Cells justify text ============*/
.justify{text-align:justify}


/* ========================= paragraphs general ========================= */
p{
letter-spacing:0px;
color:#385577; 
font-size: 14px;line-height: 16px;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
}

/* ========================= text general ========================= */
.normaltext{
letter-spacing:0px;
color:#385577; 
font-size: 14px;line-height: 16px;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
}

/* ========================= padding inside general tables classes ========================= */
.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding14{padding: 14px;}
.padding20{padding: 20px;}
.paddingleft0{padding-left: 0px;}
.paddingright0{padding-right: 0px;}


/* ========================= paragraphs general use this to have font smaller ========================= */
.smaller{font-size: 12px;line-height: 14px;}

/* ============================= content in the main page - general settings =========================*/
.content {
width: 100%;
height:800px;
border-top: solid 1px #385577; /*385476*/
background-color:#fff;
text-align:justify;	
vertical-align:top;
padding-top: 40px; padding-bottom: 40px;
padding-left: 20px;padding-right:20px;
letter-spacing:0px;
color:#385577; /*426591*/
font-size: 14px;line-height: 16px;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
background-image:url(../images/topshadow.png);
background-repeat:repeat-x;
background-position:  0% 0%;	
}

/* ======================== give backgroud color to figure explanation and make text white =================================*/
.figureback {
background-color:#385577;
color:#fff;
}

/* ========================= table sales ship cost settings ========================= */
.sales1 {
text-align:justify;	
vertical-align:top;
height:120px;
width:100%;
color:#385577; /*426591;*/
font-size: 14px;
line-height: 16px;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
background-image:url(../images/topshadow.png);
background-repeat:repeat-x;
background-position:  0% 0%;
}

/* =========================  table sales kit sales settings  ========================= */
.sales2 {
text-align:justify;	
vertical-align:top;
height:200px;
width:100%;
color:#385577; /*426591;*/
font-size: 14px;
line-height: 16px;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
background-image:url(../images/topshadow.png);
background-repeat:repeat-x;
}


/* ========================= table in download link section - general settings* ========================= */
.tablelinks {
text-align:justify;
vertical-align:top;
font-size: 14px;
height:16px;
width:100%;
color:#426591;
background-image:url(../images/topshadow.png);
background-repeat:repeat-x;
background-position:  0% 0%;
border-collapse: collapse;
}


/* ========================= Page Title BOX Top Right* ========================= */
.boxtr {
        font-family: "trebuchet ms", verdana, arial, helvetica, verdana, tahoma, sans-serif;
        color: #345072;
        letter-spacing: 3px;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	padding-bottom:0px;
}


/* ========================= used font sizes and types* ========================= */
.tahoma {font-family: Tahoma;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font22 {font-size: 22px;}
.font32 {font-size: 32px;}


/* ========================= a single bottom line in the sales tables ========================= */
.bottomline {border-bottom: solid 1px #385577; /*369*/}

/* no borders around images*/
.border0 {border: 0px;}


/*========================= used for images to have yy px margin space around images to align text ========================= */
.margin5 {margin: 5px; border: 0px;}
.margin10 {margin: 10px; border: 0px;}
.margin20 {margin: 2px; border: 0px;}

/* ========================= used for images to float right have 30px margin space around images to align text in sales ==================*/
.margin30 {margin-top: 30px; border: 0px; float:right;}

/* ========================= hight from DD HD Logo Box = 150px ========================= */
.height150 {height: 150px;}

/* ========================= backgroundimage for all pages ========================= */
.back_image {background-image: url('../images/background.jpg');}

/* ========================= align images in content page========================= */
.img_center {display:block; margin:auto; text-align:center; } 
.img_left {display:block; margin:auto; text-align:left; } 
.img_right {display:block; margin:auto; text-align:right; }

/* ========================= MENU1 Top Menu table settings ========================= */
#menu1 a, #menu1 a:visited , #menu1 a:active {
display: block;
color:#BCCDE0;
font-size: 16px;
font-family: trebuchet ms,verdana,helvetica, arial, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:50px;
line-height:50px;
text-align:center;
background:transparent;
text-decoration:none;
letter-spacing:1px
}
#menu1 a:hover {
background:#2B4361;
background-image:url(../images/orangeline.png);
background-repeat:no-repeat;
color:orange;
font-weight:bold;
}
.trenn_ob {background-color:#8DA8CB;}


/* ========================= MENU2,3,4,5 LINK Menu and sales menus at the right side and special sales tables ========================= */
#menu2 a, #menu2 a:visited , #menu2 a:active {
display: block;
color:#BCCDE0;
text-decoration:none ;
font-family: trebuchet ms,verdana,arial, helvetica,  sans-serif; 
font-size: 14px;
padding-left: 0px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin: 0 0 0 0;
height:33px;
line-height:33px;
text-align:center;
letter-spacing:1px;
width:220px
}
#menu2 a:hover {
background:#2B4361;
background-image:url(../images/orangeline.png);
background-repeat:no-repeat;
background-position:  50% 100%;
font-weight:bold;
color:orange;
font-size: 15px;
}
#menu3 a, #menu3 a:visited , #menu3 a:active {
display: block;
color:#BCCDE0;
padding-left: 0px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin: 0 0 0 0;
background-image:url(../images/home.png);
background-position:  50% 100%;
background-repeat:no-repeat;
height:40px;
line-height:40px;
width:220px
}
#menu3 a:hover {color:#fff; text-decoration:none ;
background:#2B4361;
background-image:url(../images/homehover.png);
background-repeat:no-repeat;
background-position:  50% 100%;
}
/* menu 4 is used to do the download buttons */
#menu4 a, #menu4 a:visited , #menu4 a:active {
display: block;
background-image:url(../images/downloadbutton.png);
background-position:  100% 100%;
background-repeat:no-repeat;
height:40px;
}
#menu4 a:hover {
background-image:url(../images/downloadbuttonhover.gif);
background-repeat:no-repeat;
background-position:  100% 100%;
}
/* menu 5 is used to do link buttons */
#menu5 a,  #menu5 a:visited , #menu5 a:active {
display: block;
background-image:url(../images/linkbutton.png);
background-position:  100% 100%;
background-repeat:no-repeat;
height:40px;
}
#menu5 a:hover {
background-image:url(../images/linkbuttonhover.gif);
background-repeat:no-repeat;
background-position:  100% 100%;
}

.trenn {background-color:#8DA8CB;}
.trenn2 {background-color:#364D6D;}

/* ========================= allgemeine links im text =========================  */
a:link, a:active{
letter-spacing:0px;
color:silver;
font-size: 14px;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif;
text-decoration: underline;
text-align: center;
}
a:hover, a:visited {color:orange;letter-spacing:0px;}

/* ========================= sitemap links im text =========================  */
.sitemap a:link, a:active{
letter-spacing:0px;
color:#385577;
font-size: 13px;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif;
text-decoration: underline;
}

.sitemap a:hover, a:visited {color:orange;letter-spacing:0px;}


/* ============ breite der gesamtkonstruktion =========== */
#breite {width:1185px}

body
{margin-top: 10px; margin-left: 0px; margin-right: 0px;margin-bottom: 10px;
background-color: #f0f0f0;
}

/* ======== top row buttons ===========*/
#top1a2 {
background-image:url(../images/topbuttons.png);
background-repeat:repeat-x;
}

/* ======== Logo Box below top buttons ===========*/
#top2a {
height:157px;
border-top: solid 6px#;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position:100% 10%;
}

/* ======== Logo Box bottom right ===========*/
#top2b {
padding-left:1px;
padding-bottom:1px;
height:106px;
background-image:url(../images/logo.jpg);
background-position:90% 10%;
} 

/* ====== color behind logo (white) ====== */
#logo {background-color:#fff;}

/* ====== Settings for menu right colomn and boxes ====== */
#leiste {
background-image:url(../images/menuright.png);
background-repeat:repeat-y;
vertical-align:top;
text-align:center;
border-left:solid 6px #fff;
border-top: solid 6px #fff;
border-left: solid 6px #fff;
border-bottom: solid 6px #fff;
}

/* ====== Settings for right bottom box====== */
.box1 {
vertical-align:middle;
text-align:center;
height: 153px
}

/* ====== Bottom Footer Rows boxes ======  */
#fuss {
color:#fff;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:center;
width:100%;
}

.bottom_row {
font-size: 15px;
line-height: 20px;
border-right:solid 6px #fff;
background-image:url(../images/bottombox.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
}

/*=================  width classes*  ============*/
.w100{width:100px};
.w150{width:150px};
.w200{width:200px};
.w300{width:300px};
.w400{width:400px};
.w500{width:500px};
.w600{width:600px};
.w320{width:320px};
.w480{width:480px};

/*=================  tooltip in index page classes*  ============*/
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background-image:url(../images/blase3.png);
color: #ddd;
padding: 15px;
width: 150px; /*width of tooltip*/
height: 216px;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 16px;
}