/*************************************************************/
/*   Design:   DIGITAL FOR YOU                               */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Alexander Schwethelm                          */
/*   Date:     March 30, 2008                                */
/*   Homepage: www.digital4u.de                              */
/*************************************************************/


/* GENERAL */

* {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #FFFFFF;
}

#page-container {
	background-color: #F6F4F5;
	width: 961px;
	height: 100%;
	margin: 0px auto;
}

/* Workaround Scrollbar auch im Firefox immer anzeigen */

#gecko_scrollbar { 
	display: none; 
} 

html>body #gecko_scrollbar { 
	position: absolute;
	z-index: 1;
	bottom: -1px;
	left: 0;
	width: 1px;
	height: 1px;
	display: block;
	font-size: 0; 
}

/* HEADER */

#logos {
	width: 941px;
	height: 59px;
	padding: 15px 10px 0px 10px;
	margin-top: 17px;
}

#logo-wunschkind {
	width: 263px;
	height: 59px;
	float: left;
	background: transparent url(../images/logo_wunschkind.gif);
	background-repeat: no-repeat;
	overflow: visible !important; /*Firefox*/
	overflow: hidden; /*IE6*/
}

#logo-kampagne {
	width: 215px;
	height: 59px;
	float: right;
	background: transparent url(../images/logo_kampagne.gif);
	background-repeat: no-repeat;
	overflow: visible !important; /*Firefox*/
	overflow: hidden; /*IE6*/
}

#banner {
	width: 939px;
	height: 230px;
	margin: 0px 10px;
	background: transparent url(../images/keyvisual.jpg);
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
}

#hauptmenu {
	width: 941px;
	height: 20px;
	padding: 0px 10px;
	vertical-align: top;
}

/* MAIN */

#main {
	width: 951px;
	padding: 0px 0px 20px 10px;
	vertical-align: top;
}

#submenu {
	display: inline; /*Fix IE floating margin bug*/
	float: left;
	width: 227px;
	height: auto;
	margin-top: 45px;
	background: transparent url(../images/bg_subnav_m.gif);
	background-repeat: repeat-y;
	overflow: visible !important; /*Firefox*/
	overflow: hidden; /*IE6*/
}

#submenu-top {
	width: 227px;
	height: 10px;
	background: #F6F4F5 url(../images/bg_subnav_o.gif) bottom left no-repeat;
}

#submenu-bottom {
	width: 227px;
	height: 10px;
	background: #F6F4F5 url(../images/bg_subnav_u.gif) top left no-repeat;
}

#content {
	display: inline; /*Fix IE floating margin bug*/
	float: left;
	width: 484px;
	margin-top: 47px;
	padding: 0px 25px 0px 16px;
	overflow: visible !important; /*Firefox*/
	overflow: hidden; /*IE6*/
}

#tools {
	display: inline; /*Fix IE floating margin bug*/
	float: left;
	width: 194px; /*+5 Pixel für Fix IE bug*/
	overflow: visible !important; /*Firefox*/
	overflow: hidden; /*IE6*/
}

#suche {
	height: 51px;
	width: 189px;
	padding: 1px 0px 0px 10px;
	margin-bottom: 8px;
	background: transparent url(../images/bg_suche.gif);
	background-repeat: no-repeat;
	border: 0px;
}

#newsletter {
	height: 240px;
}

#footer {
	width: 941px;
	height: 45px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	vertical-align: top;
}

#metamenu {
	float: left;
	width: 450px;
	padding-top: 5px;
}

#copyright {
	float: right;
	width: 450px;
	text-align: right;
	padding-top: 5px;
}


/******************/
/*  CLEAR FLOATS  */
/******************/

#page-container:after, #logos:after, #banner:after, #hauptmenu:after, #main:after, #submenu:after, #content:after, #tools:after, #footer:after, #metamenu:after, #copyright:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

p:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}