/*********************************************************************/
/* em-tec Medical Technologie css                                    */
/* designed by *105 - Multimediabüro                                 */
/* http://www.stern105.de                                            */
/*********************************************************************/

/*********************************************************************/
/* BODY                                                              */
/*********************************************************************/ 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%; color:#333333; line-height:1.3;
	background: url(../images/bg_content.jpg) center top #dadadc repeat-y;
	margin: 0; padding: 0; 
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
  SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
  SCROLLBAR-ARROW-COLOR: #383539; 
  SCROLLBAR-BASE-COLOR: #dadadc; 
	SCROLLBAR-DARKSHADOW-COLOR: #383539;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
}


/*********************************************************************/
/* GENERALL STYLES                                                   */
/*********************************************************************/

a:link, a:visited, a:hover, a:active {color: #333333; text-decoration:underline;}
a:hover {color: #333333; text-decoration:none;}

hr {margin: 8px 0;}

* HTML #hack {width: 955px; w\idth: 906px;}
/* margin padding hack - just in case */

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
h1{margin:0 0 25px 0; padding: 1px 0 1px 36px; background: url(../images/h1.gif) left top no-repeat; color: #ad0018; font-weight: 500; font-size: 160%;}
h2{margin:10px 0 10px 0; padding: 8px 0 0 0; font-weight: bold; font-size: 100%;}

.fett {font-weight: bold;}
.red {color: #e90520;}
.border {border: 1px solid #dcdcdc;}
IMG.textRight {margin-right: 14px;}

ul, li {margin:0; padding:0;}
ul {margin: 5px 0 5px 30px;}
li {list-style: url(../images/dot_list.gif) outside; margin:3px 0;}
ul ul {margin: 0 0 0 15px; padding:0;}



/*********************************************************************/
/* OUTER AREAS DIVS                                                  */
/*********************************************************************/

DIV#outerLeft {
	position:absolute; left:0; top:0;
	width:50%; height:161px;
	background-color:#fff; border-bottom:#e90520 2px solid;
}

DIV#outerRight {
	position:absolute; left:50%; top:0;
	width:50%; height:161px;
	background: url(../images/outerRight.jpg) repeat-x;
	border-bottom:#e90520 2px solid;
	margin-left:-1px;
}

/*********************************************************************/
/* LAYOUT DIVS                                                       */
/*********************************************************************/

DIV#totalarea{
	position: absolute;
	width: 824px;
    left:50%; top:0;
	margin-left:-412px;
	}

DIV#header {
	position:relative;
	width:824px; height:163px;}
	
DIV#contentarea {
	position:relative;
	width:779px;
	float:left;
	padding:0 55px 0 0;}

* HTML #contentarea {width: 824px; w\idth: 779px;}

DIV#nav {
	position:relative; float:left; 
	width:194px;
	padding:62px 14px 0 37px;}
* HTML #nav {width: 245px; w\idth: 194px;}


/*********************************************************************/
/* NAV DIVS                                                          */
/*********************************************************************/

DIV#navItem, DIV#navItem.active {
     position:relative; float:left; width:195px;
	 background:url(../images/bg_navItem.gif) left center no-repeat;}
	 
DIV#navBg {position:absolute; left:23px; top:0;}

DIV#navText {margin-left:19px;}
DIV#navText A {text-decoration:none; color:#666666; font-weight:bold; font-size:95%;}
DIV#navText A:HOVER, DIV#navText.textactive, DIV#navText.textactive A{text-decoration:none; color:#ad0018; font-weight:bold;}
	
/*********************************************************************/
/* SUBNAV DIVS                                                       */
/*********************************************************************/

DIV#subNav {position:relative; float:left; padding-left:19px;}

DIV#subNavItem, DIV#subNavItem.active {
     position:relative; width:175px; float:left;  margin-bottom:4px;
	 background:url(../images/bg_subnavItem_n.gif) left top no-repeat;}

DIV#subNavText {display:block; padding-left:12px;}
DIV#subNavText A {text-decoration:none; color:#666666; font-weight:normal; font-size:90%;}
DIV#subNavText A:HOVER, DIV#subNavText.textactive {text-decoration:none; color:#ad0018; font-weight:normal; font-size:90%;}

.menuitem_act {background:url(../images/bg_subnavItem_r.gif) left top no-repeat;}

DIV#itemLast {font-size:5px; height:8px; clear:both;}
DIV#spacer {font-size:5px; height:20px; clear:both;}


/*********************************************************************/
/* CONTENT DIVS                                                      */
/*********************************************************************/
	
DIV#content {position:relative; float:right; margin:62px 0 30px 0px; width:494px;}




/* Links  ************************************************************/
DIV#content A.link {clear:both; padding-left:15px; color:#ad0018; text-decoration:none;}
DIV#content A:HOVER.link {text-decoration:underline;}
.textLink {background:url(../images/bg_navItem.gif) left center no-repeat;}
.topLink {background:url(../images/bg_topLink.gif) left center no-repeat;}

.clearer { clear: both; height: 0px; overflow: hidden;}

/* Textblock  with or without images *********************************/
DIV#content .block {float:left; margin-bottom:14px; width:494px; }
DIV#content .item  {float:left;}

DIV#show {position:relative; clear:both; padding-left:182px;}

/* Container with round edges ****************************************/
DIV#content .box {margin:0; padding:13px 23px 8px 12px; }
DIV#content .box_grey {margin:0; padding:6px 12px 6px 12px; color:#fff; }

DIV#content .box_grey A {color:#fff; font-weight:bold; text-decoration:none;}
DIV#content .box_grey A:HOVER {color:#fff; text-decoration:underline;}

DIV#content .ro {background:url(../images/box/ro.gif) top right no-repeat;}
DIV#content .lo {background:url(../images/box/lo.gif) top left no-repeat;}
DIV#content .ru {background:url(../images/box/ru.gif) bottom right no-repeat;}
DIV#content .lu {background:url(../images/box/lu.gif) bottom left no-repeat;}

DIV#content .ro_grey {background:url(../images/box/ro_grau.gif) top right no-repeat;}
DIV#content .lo_grey {background:url(../images/box/lo_grau.gif) top left no-repeat;}
DIV#content .ru_grey {background:url(../images/box/ru_grau.gif) bottom right no-repeat;}
DIV#content .lu_grey {background:url(../images/box/lu_grau.gif) bottom left no-repeat;}

DIV#abc {float:left; margin:0 0 15px 0;}

/**********************************************************************/
/* FOOTER DIV                                                         */
/**********************************************************************/
DIV#footer {position:relative; float:left; padding:25px 0;}





/*********************************************************************/
/* TEASER DIVS                                                       */
/*********************************************************************/
DIV#teaserLeft {clear:both; position:relative; margin:0 14px 0px 38px; padding-top:25px; z-index:100;}
.textTeaserLeft {margin-left:8px; padding: 12px 0;}
.teaserLeftBox {font-size:0.9em; margin-top:8px; height:50px; margin-bottom:20px;}
* html .teaserLeftBox {margin-bottom:5px; m\argin-bottom:20px;}
DIV.teaserLeftLink {padding-left:30px; height:26px; vertical-align:middle;}
DIV.spende { background:url(../images/leftTeaser/iconSpende.gif) center left no-repeat; margin-bottom:13px;}
DIV.mitglied { background:url(../images/leftTeaser/iconMitglied.gif) center left no-repeat; margin-bottom:13px;}
DIV.ehrenamt { background:url(../images/leftTeaser/iconEhrenamt.gif) center left no-repeat;}
DIV.italy { background:url(../images/leftTeaser/iconItaly.gif) center left no-repeat;}
DIV.mamazonede { background:url(../images/leftTeaser/iconMamazone.gif) center left no-repeat; }
DIV.teaserLeftLink A {color:#666; font-weight:bold; text-decoration:none;}
DIV.teaserLeftLink A:HOVER {color:#666; font-weight:bold; text-decoration:underline;}

DIV#contentTeaser {clear:both; margin-bottom:13px;}
DIV#contentTeaser TABLE {font-size:1.0em;}  
DIV#contentTeaser DIV#teaserMehr {position:absolute; top:3px; right:11px;}
DIV#teaserItem {float:left; width:241px; margin-right:5px;}

DIV#boxContentmDot A.projekte, DIV#boxContent A.projekte {color:#666; font-weight:bold; line-height:1.6; text-decoration:none;}
DIV#boxContentmDot A:HOVER.projekte, DIV#boxContent A:HOVER.projekte {color:#666; font-weight:bold; line-height:1.6; text-decoration:underline;}


/*********************************************************************/
/* BOXES DIVS                                                        */
/*********************************************************************/

.teaserHeader {color:#fff; font-size:1.0em; font-weight:bold; text-decoration:none;}
A:HOVER.teaserHeader {color:#fff; font-size:1.0em; font-weight:bold; text-decoration:underline;}

.redboxTL {position:relative; background:url(../images/box/redTL.gif) top left no-repeat;}
.redboxTR {position:relative; background:url(../images/box/redTR.gif) top right no-repeat;}
.redboxBL {position:relative; background:url(../images/box/redBL.gif) bottom left no-repeat;}
.redboxBR {position:relative; background:url(../images/box/redBR.gif) bottom right no-repeat;}

.greyboxTL {background:url(../images/box/greyTL.gif) top left no-repeat;}
.greyboxTR {background:url(../images/box/greyTR.gif) top right no-repeat;}
.greyboxBL {background:url(../images/box/greyBL.gif) bottom left no-repeat;}
.greyboxBR {background:url(../images/box/greyBR.gif) bottom right no-repeat;}
.greyboxBR_mDot {background:url(../images/box/greyBR_mDot.gif) bottom right no-repeat;}

.dgreyboxTL {position:relative; background:url(../images/box/dgreyTL.gif) top left no-repeat;}
.dgreyboxTR {position:relative; background:url(../images/box/dgreyTR.gif) top right no-repeat;}
.dgreyboxBL {position:relative; background:url(../images/box/dgreyBL.gif) bottom left no-repeat;}
.dgreyboxBR {position:relative; background:url(../images/box/dgreyBR.gif) bottom right no-repeat;}

DIV#boxContent {padding:3px 8px 5px 8px; height:17px;}
DIV#boxContentmDot {padding:11px 13px 20px 13px;}
DIV#boxContentmDot H3, DIV#boxContent H3 {margin:5px 0 12px 0;}
DIV#boxContentmDot H3 A, DIV#boxContent H3 A {font-weight:bold; font-size:1em; text-decoration:none;}
DIV#boxContentmDot H3 A:HOVER, DIV#boxContent H3 A:HOVER {font-weight:bold; font-size:1em; text-decoration:underline;}