/*========================================================================
	Main Elements
========================================================================*/

body {
	background-color:#fff;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:19px;	
	line-height:26px;
	color:#000;
}

h1 {
	font-size:20px;
	font-weight:bold;
	line-height:20px;	
	margin:0px;	
	padding:0px 0px 20px 0px;	
}

h2 {
	font-size:14px;
	font-weight:bold;
	line-height:10px;	
	margin:0px;	
	padding:4px 0px 0px 0px;
}

p {
	font-size:13px;	
	line-height:18px;
	margin:0px; padding:0px 0px 10px 0px;
}

table {
	font-size:13px;	
	line-height:18px;
}

td {height:25px;}


a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.rot {
	color:#e2001a;
}

.blau {
	color:#0090d4;
}

.gruen {
	color:#27a22d;
}


/*========================================================================
	Default Elements
========================================================================*/

.clearBoth {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

/*========================================================================
	Container
========================================================================*/

div#mainContainer {
	position:relative;
	width:955px;
	margin:13px 0px 0px 0px;
	padding:0px;	
}

/*========================================================================
	Navigation Left
========================================================================*/

div#navigation {
	position:relative;
	float:left;
	width:188px;
	margin-left:4px;
}

img.date { padding-left:7px; margin-bottom:134px; }

div#navigation ul {
	list-style:none;
	margin:0px; padding:0px;
}	

div#navigation ul li a {
	width:	138px;
	display:block;	
	text-decoration:none;
	background-repeat:no-repeat;
}	


a.naviNode1 {height:35px;background-image:url(/pix/navigation/konzept_inactiv.gif);}
a.naviNode1:hover,a.naviNode1Active {height:35px;background-image:url(/pix/navigation/konzept_activ.gif);}

a.naviNode2 {height:35px;background-image:url(/pix/navigation/wettbewerb_inactiv.gif);}
a.naviNode2:hover,a.naviNode2Active {height:35px;background-image:url(/pix/navigation/wettbewerb_activ.gif);}

a.naviNode3 {height:35px;background-image:url(/pix/navigation/vorteile_inactiv.gif);}
a.naviNode3:hover,a.naviNode3Active {height:35px;background-image:url(/pix/navigation/vorteile_activ.gif);}

a.naviNode4 {height:35px;background-image:url(/pix/navigation/oeffnungszeit_inactiv.gif);}
a.naviNode4:hover,a.naviNode4Active {height:35px;background-image:url(/pix/navigation/oeffnungszeit_activ.gif);}

a.naviNode5 {height:35px;background-image:url(/pix/navigation/impressionen_inactiv.gif);}
a.naviNode5:hover,a.naviNode5Active {height:35px;background-image:url(/pix/navigation/impressionen_activ.gif);}

a.naviNode6 {height:17px;background-image:url(/pix/navigation/kontakt_inactiv.gif);}
a.naviNode6:hover,a.naviNode6Active {height:17px;background-image:url(/pix/navigation/kontakt_activ.gif);}



.subnavi_creaktiv, .subnavi_lifestyle, .subnavi_doit{
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	line-height: 18px;
}

.subnavi_creaktiv:hover {
	font-weight: bold;
	color:#e2001a;
}

.subnavi_lifestyle:hover  {
	color:#0090d4;
	font-weight: bold;
}

.subnavi_doit:hover  {
	color:#27a22d;
	font-weight: bold;
}

.subnavi_creaktivActive{
	color:#e2001a;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	line-height: 18px;
	font-weight: bold;
}

.subnavi_lifestyleActive{
	color:#0090d4;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	line-height: 18px;
	font-weight: bold;
}

.subnavi_doitActive{
	color:#27a22d;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	line-height: 18px;
	font-weight: bold;
}

/*========================================================================
	Bilder
========================================================================*/

div#pixContainer {
	position:relative;
	display:block;
	float:left;
	width:180px;	
}

/*========================================================================
	Rechte Spalte (Navi Top + Inhalt)
========================================================================*/

div#contentContainer {
	position:relative;
	float:left;
	width:568px;
	margin-left:11px;
}

/*========================================================================
	Navigation Top
========================================================================*/

div#navigationTop {
	position:relative;
	height:223px;	
}



div.navi {
	position:relative;
	float:left;	
	height:175px;
	margin:0px; padding:0px;
}

div.navi a {
	display:block;
}

a.naviNodeTop1{	
	width:533px; height:42px;		
	background-image:url(/pix/navigation/creaktivtop_inactiv.gif);
}

a.naviNodeTop1:hover,a.naviNodeTop1Active{	
	width:533px; height:42px;	
	background-image:url(/pix/navigation/creaktivtop_activ.gif);
}

a.naviNodeTop2{
	width:533px; height:49px;		
	background-image:url(/pix/navigation/lifestyletop_inactiv.gif);
}

a.naviNodeTop2:hover,a.naviNodeTop2Active{
	width:533px; height:49px;	
	background-image:url(/pix/navigation/lifestyletop_activ.gif);
}

a.naviNodeTop3{	
	width:533px; height:44px;		
	background-image:url(/pix/navigation/doittop_inactiv.gif);
}

a.naviNodeTop3:hover,a.naviNodeTop3Active{
	width:533px; height:44px;	
	background-image:url(/pix/navigation/doittop_activ.gif);
}

div#balken {
	position:relative;
	float:left;
	width:9px; height:175px;	
	margin-right:14px;
	background-color:#000;
}

/*========================================================================
	Inhalt
========================================================================*/

div#mainContent {
	position:relative;
	width:568px; height:auto;
}

.bgGrau { background:url(/pix/main/bgGrau.gif) repeat-y; }
.bgRot { background:url(/pix/main/bgRot.gif) repeat-y; }
.bgBlau { background:url(/pix/main/bgBlau.gif) repeat-y; }
.bgGruen { background:url(/pix/main/bgGruen.gif) repeat-y; }

div.left {
	position:relative;
	float:left;
	width:180px;
	margin:0px 10px 20px 0px;
}
div.right {
	position:relative;
	float:left;
	width:370px;	
}

div#mainContent ul {	
	margin-left:1px;padding:0px;
	font-size:13px;	
	list-style:none;	
}

div#mainContent ul li {	
	line-height:15px;
	padding:0px 0px 4px 15px;	
	background-repeat:no-repeat;
	background-position:0% 2px;
}

div#mainContent ul.dotRot li {background-image:url(/pix/page/creaktiv/dot.gif);}
div#mainContent ul.dotBlau li {background-image:url(/pix/page/lifestyle/dot.gif);}
div#mainContent ul.dotGruen li {background-image:url(/pix/page/doit/dot.gif);}


/* IE6 */
*html div#mainContent ul.dotRot li {background-image:url();}
*html div#mainContent ul.dotBlau li {background-image:url();}
*html div#mainContent ul.dotGruen li {background-image:url();}

*html div#mainContent ul.dotRot {
	margin-left:17px;
	list-style-image:url(/pix/page/creaktiv/dot.gif);
}

*html div#mainContent ul.dotBlau {
	margin-left:17px;
	list-style-image:url(/pix/page/lifestyle/dot.gif);
}

*html div#mainContent ul.dotGruen {
	margin-left:17px;
	list-style-image:url(/pix/page/doit/dot.gif);
}

/* --- */

div#mainContent a {/*padding-left:20px;*/}


/* Dreispaltig */

div.dreispaltigLeft {
	position:relative;
	float:left;
	width:110px;
	margin:0px 23px 20px 0px;
}

div.dreispaltigMiddle {
	position:relative;
	float:left;
	width:217px;
	margin:0px 25px 20px 0px;
}

.preis {
	float:right;
}

div.dreispaltigRight {
	position:relative;
	float:left;
	width:180px;
	margin:0px 0px 20px 0px;
}


/* galerie */

div#bigImage_hgb {
	position:absolute;
	top:10px;
	left:10px;
	background-color:#FFF;
	width:584px;
	display:none;
	z-index:5000;
	
}

div#bigImage_container {
	position:absolute;
	top:100px;
	left:100px;
	background-color:#FFFFFF;
	padding:10px;
	display:none;
	z-index:5001;
	border:solid 1px #DDD;
	background-image:url(/pix/page/creaktiv/impressionen/preloader.gif);
	background-repeat:no-repeat;
	background-position:center;
	font-size: 12px;
}

table.linien td {
	border-bottom:1px solid #999999;
	font-size:13px;
	padding-bottom:2px;
	line-height:18px;
	vertical-align:top;
}