/*********************************************************************/
/* mamazone e.V. css                                                 */
/* designed by *105 - Multimediabüro                                 */
/* http://www.stern105.de                                            */
/*********************************************************************/

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

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


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

hr {margin: 8px 0;}

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

DIV#clearer {clear:both;}

.fett {font-weight:bold;}
.red {color:#ad0018;}
.white {color:#fff;}
.black {color:#000;}
.border {border:1px solid #dcdcdc;}


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

DIV#outerLeft {
	position:absolute; left:0; top:0;
	width:50%; height:163px;
	background:url(../images/bg_outerLeft.gif) top right repeat-x;
}

DIV#outerRight {
	position:absolute; left:50%; top:0;
	width:50%; height:163px;
	background:url(../images/bg_outerRight.gif) top left repeat-x;
}

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

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

DIV#header {
	position:relative;
	width:824px; height:163px;}
DIV#header A {text-decoration:none; color:#4c5253;}
DIV#header A:HOVER, DIV#header .textactive {text-decoration:none; color:#ad0018;}
	
DIV#contentarea {
	position:relative; float:left;
	width:824px; padding:0px 0px 50px 0px;}
		
DIV#nav {
	position:relative; float:left; 
	width:245px;
	padding-top:62px;}

/*********************************************************************/
/* TOPNAV DIVS                                                       */
/*********************************************************************/

DIV#topNav {position:absolute; top:13px; right:35px;}

DIV#topNavItem {float:left; font-size:0.85em; margin-left:7px;}
DIV#topNavItem A.active {color:#ad0018;}

/*********************************************************************/
/* SEARCH DIVS                                                       */
/*********************************************************************/

DIV#searchArea {position:absolute; top:113px; right:35px;}
DIV#searchArea TD {color:#666666; font-size:0.6em; font-weight:bold; line-height:1;}

DIV#searchArea Input { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:1em;}
DIV#searchArea .small {color:#666666; font-size:9px; font-weight:bold; line-height:1;}
DIV#searchArea .middle {color:#666666; font-size:12px; font-weight:bold; line-height:1;}
DIV#searchArea .biggie {color:#666666; font-size:14px; font-weight:bold; line-height:1;}

/*********************************************************************/
/* NAV DIVS                                                          */
/*********************************************************************/
DIV#navBg {position:absolute; left:24px; top:0; z-index:1;}

DIV#navItem {
     position:relative; float:left; width:194px; padding-left:37px; z-index:50;}

DIV#navText {float:left; padding-left:17px; padding-bottom:8px; background:url(../images/bg_navItem.gif) left top no-repeat;}
DIV#navText A {text-decoration:none; color:#666666; font-weight:bold; font-size:0.95em;}
DIV#navText A:HOVER, DIV#navText A.textactive {text-decoration:none; color:#ad0018; font-weight:bold;}
	
/*********************************************************************/
/* SUBNAV DIVS                                                       */
/*********************************************************************/

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

DIV#subNavItem {
     position:relative; width:175px; float:left; margin-bottom:4px; z-index:60; 
	 background:url(../images/bg_subnavItem_n.gif) left top no-repeat;}
	 
DIV#subNavItem.firstOne {margin-top:10px;}
DIV#subNavItem.lastOne {padding-bottom:6px;}

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

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


/*********************************************************************/
/* SUBSUBNAV DIVS                                                    */
/*********************************************************************/

DIV#subSubNav {position:relative; float:left; margin-bottom:8px;}

DIV#subSubNavItem {
     position:relative; width:175px; float:left; padding-left:3px; z-index:70;}
	 
DIV#subSubNavItem.firstOne {padding-top:4px;}
DIV#subSubNavItem.lastOne {padding-bottom:6px;}
DIV#subSubNavItem A {text-decoration:none; color:#666666; font-weight:normal; font-size:0.9em;}
DIV#subSubNavItem A:HOVER, DIV#subSubNavItem A.textactive {text-decoration:none; color:#666666; font-weight:bold; font-size:0.9em;}


/*********************************************************************/
/* TEASER DIVS                                                       */
/*********************************************************************/
DIV#teaserLeft {clear:both; position:relative; margin:0 14px 0px 38px; padding-top:25px; z-index:100;}
DIV#teaserLeft .textTeaserLeft {margin-left:8px; padding: 12px 0;}
DIV#teaserLeft .teaserLeftBox {height:137px; font-size:0.9em; margin-top:8px;}
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; margin-bottom:13px;}
DIV.search { background:url(../images/leftTeaser/iconSearch.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;}
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;}


/*********************************************************************/
/* CONTENT DIVS                                                      */
/*********************************************************************/
	
DIV#content {position:relative; float:left; width:495px; margin:62px 36px 0 15px;}

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

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

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

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