/* hahn diabetes care */
body { background: url(images/bg.jpg) no-repeat top center #00adef; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6c6d70; }
p { margin: 0px; padding: 0 0 5px 0; line-height: 17px; }
img { border:0; }
#content{float:left;height:auto;background-color: #fff; width:900px;padding-bottom:20px; }

span.hahnblue { color: #00adef; }
span.dark_blue { color: #116c64; }

#main_container { width: 900px; height: auto; margin: auto; background-color: #fff; }
.header { width: 900px; height: 114px; margin: auto; background: url(images/header_bg.gif) repeat-x; }
.right_header { float: right; width: 550px; }
#logo { padding: 8px 0 0 20px; float: left; }
/*----------------------menu-------------------------*/
#menu { width: 565px; height: 35px; text-align:right; float: right; padding: 60px 0 0 0px; margin:0px; }
#menu ul { float:right; list-style: none; padding: 0px; margin: 0px; display: block; font-weight: bold; padding-right:6px; }
#menu ul li { list-style: none; display: inline; float: left; width: 86px; height: 35px; padding: 0px; line-height: 35px; font-size: 13px; margin: 0 3px 0 3px; }
#menu ul li a { height: 35px; width: 86px; float: left; text-decoration: none; padding: 0px; margin: 0px; color: #6c7b83; text-align: center; background: url(images/menu_bt.gif) no-repeat center; }
#menu ul li a:hover,#menu ul li.selected a { height: 35px; width: 86px; text-decoration: none; color: #00adef; }
#menu ul li a.current { height: 35px; width: 86px; float: left; text-decoration: none; padding: 0px; margin: 0px; color: #00adef; background: url(images/menu_bt.gif) no-repeat center; }

#middle_box { width: 900px; height: 208px; clear: both; margin: auto; background: url(images/middle_banner.jpg) no-repeat center; }
.middle_box_content { padding: 30px 0 0 20px; }
.top_menu { width: 190px; float: right; }

a.login { width: 49px; height: 35px; display: block; background: url(images/login.gif) no-repeat center; line-height: 35px; color: #a6c4d4; font-size: 10px; font-weight: bold; text-decoration: none; padding: 0 0 0 40px; float: left; margin: 0 3px 0 3px; }
a.sign_up { width: 49px; height: 35px; display: block; background: url(images/sign_up.gif) no-repeat center; line-height: 35px; color: #a6c4d4; font-size: 10px; font-weight: bold; text-decoration: none; padding: 0 0 0 40px; float: left; margin: 0 3px 0 3px; }

.pattern_bg { width: 900px; height: 162px; clear: both; margin: auto; background: url(images/pattern_bg.gif) no-repeat center; }
.pattern_box { width: 400px; float: left; padding: 15px 0 0 25px; }
.csc-textpic-imagewrap, .pattern_box_icon {  }

dl { margin: 0; padding: 0; }

.csc-textpic-text { }
.csc-textpic-imagecolumn,.csc-textpic-imagecolumn dl,.csc-textpic-imagecolumn dt {display:inline;}

/* --- untermenü --- */
.submenu { float:left; list-style-type: none; margin: 20px; margin-top:40px;margin-right:40px; padding: 0px; width: 150px; border-bottom:1px solid #6d6e71 }
.submenu li { }
.submenu li a { display:block; color: #6d6e71; text-decoration: none; font-weight: bold; font-size: 14px; border-top: 1px solid #6d6e71; padding:5px; }
.submenu li.selected a { padding: 5px;color: #00adef; border-top: 1px solid #00adef; border-bottom:1px solid #00adef}
.submenu li ul { list-style-type:none;padding:0;margin:0;}
.submenu li ul li,.submenu li ul li.selected { line-height:15px;}
.submenu li.selected ul li a {border:0px; padding:3px; padding-left:10px; font-size:11px;color: #6d6e71;  }
.submenu li.selected ul li.selected a {font-size:11px;color: #00adef;  }
.submenu a:hover {color: #00adef; }
.submenu li.selected a:hover {color: #00adef; }

/* --- Seite mit untermenü --- */
#right {float:left;width:670px;margin-top:40px;margin-bottom:40px; }

/* --- komplette Seite --- */
#complete
{
	float:left;
	margin-top:40px;margin-left:210px;margin-right:20px;margin-bottom:40px;
}

/* --- tags --- */

#content h1 {font-size:24px;color:#00adef;margin:0px;padding:0px;}
#content h2 {font-size:16px;color:#f8851f;margin:0px;padding:0px;margin-bottom:10px;}
#content h3 {font-size:16px;color:#00adef;margin:0px;padding:0px;}
#content p { font-size:13px; }
#content p.marked {color:#6d6e71}
#content span.upe {color:Red;}
#content span.pzn {color:Blue;}
#content #complete a,#content #right a {color: #6C6D70;} /*{color: #f8851f;}*/

/* --- boxyConent --- */
#boxyContent { width:500px;max-height:400px;overflow:auto; }
* html #boxyContent { height:400px; }
#boxyContent h1 {font-size:24px;color:#00adef;margin:0px;padding:0px;}
#boxyContent h2 {font-size:16px;color:#f8851f;margin:0px;padding:0px;margin-bottom:10px;}
#boxyContent h3 {font-size:16px;color:#00adef;margin:0px;padding:0px;}
#boxyContent p.marked {color:#6d6e71}
#boxyContent span.upe {color:Red;}
#boxyContent span.pzn {color:Blue;}
#boxyContent a {color: #f8851f;}

/*---------------------main_content------------------*/
#main_content { clear: both; width: 885px; height: auto; margin: auto; padding: 0 0 0 15px; }
.clear { clear: both; }

#content .box_content { width: 267px; height: auto; float: left; margin: 10px 10px 30px 10px; background: url(images/box_bg.gif) no-repeat top center; }
#content .box_content h2 { padding: 10px 0 10px 0; color: #759f1b; font-size: 16px; float: left; font-weight: bold; margin: 0px;  }
#content .box_content .csc-textpic-imagewrap { float: left; padding: 5px 5px 0 5px; }
#content .box_content p { width: 190px; float: left; text-align: left; padding: 0 0 0 0px; }
#content .box_content a { float: right; padding: 5px 0px 0 0; text-decoration: none; font-weight: bold; color: #f8851f; }

.title_icon { float: left; padding: 0 5px 0 10px; }

/*-----------------------------footer------------------*/
#footer { float:left;width: 900px; height: 45px; color: #508aa1; background-color: #e6f7fd; }
.copyright { width: 140px; float: left; padding: 10px 0 0 10px; }
.center_footer { color: #6d6e71; font-size: 11px; font-weight: bold; width: 520px; padding: 15px; text-align: center; float: left; }
.footer_links { width: 140px; color: #6d6e71; font-size: 11px; font-weight: bold; padding: 15px; text-align: right; float: right; }
#footermenu ul { list-style-type: none; width: 520px; padding: 0; margin: 0; }
#footermenu ul li { display: inline; padding: 0 2px 0 2px; }
#footermenu a { color: Gray; }

.csc-textpic-intext-left .csc-textpic-imagewrap {float:left;margin-right:20px;}
.csc-textpic-intext-right .csc-textpic-imagewrap {float:right;margin-left:20px;}
.csc-textpic {clear:both;}
.csc-textpic img,.csc-textpic {margin:10px 0;}

#content .pattern_content { width: 400px; float: left; padding: 0; }
#content .pattern_content p { color: #FFFFFF; }
#content .pattern_content h1 { color: #fff; font-size: 16px; font-weight: bold; margin: 0px; padding: 5px 0 5px 0; }
#content .pattern_content .csc-textpic-imagewrap {display:inline;float:left;}
#content .pattern_content a { float: right; padding: 5px 0px 0 0; text-decoration: none; font-weight: bold; color: #f8851f; }
#content .mainpic .csc-textpic img,#content .mainpic .csc-textpic {margin:0px}

#content p a.email, #content p a.internal-link, #content p a.internal-link-new-window, #content p a.download, #content p a.external-link-new-window, #content p a.external-link { background:url(images/background_a.gif) no-repeat 0 3px;padding-left:16px;text-decoration:none; }
#content p a.email:HOVER, #content p a.internal-link:HOVER, #content p a.internal-link-new-window:HOVER, #content p a.download:HOVER, #content p a.external-link-new-window:HOVER, #content p a.external-link:HOVER { text-decoration:underline; }
#content li a.email, #content li a.internal-link, #content li a.internal-link-new-window, #content li a.download, #content li a.external-link-new-window, #content li a.external-link { background:url(images/background_a.gif) no-repeat 0 3px;padding-left:16px;text-decoration:none; }
#content li a.email:HOVER, #content li a.internal-link:HOVER, #content li a.internal-link-new-window:HOVER, #content li a.download:HOVER, #content li a.external-link-new-window:HOVER, #content li a.external-link:HOVER { text-decoration:underline; }
#content #right h2 a { color:#F8851F; }
#content #right h3 a, #content #right h1 a { color:#00ADEF; }

#content table, #content tr, #content td, #content td p { margin:0;padding:0; }
#content td.tabelleabstand { padding:0 0 0 20px; }