/* Import the basic layout configuration */
@import url(basic_layout.inc.css);

/* 
	The BODY-tag, normally are no additional configurations needed. 
	Only if the website should not be centered in window, then you override
	it here. 
*/
BODY {
	padding: 0px;
	margin: 0px;
}

/* 
	2raps everything and centers in body tag 
*/
#body-wrap {
	padding: 0px;
	margin-top: 0px;
	width: 959px;
} 

/* */
#head {
	/* Position is relative, to position all elements inside absolute */
	position: relative;
	height: 200px;
	width: 975px;
}

/* 
	Positioning of the language navigation inside the HEAD-Tag 
*/
#language-navigation {
	position: absolute;
	top: 3px;
	left: 15px;
	display: none;
}

/* 
	Positioning of the service navigation inside the HEAD-Tag 
*/
#service-navigation {
	position: absolute;
	top: 3px;
	right: 15px;
	text-align: right;
	display: none;
}

/* 
	Positioning inside the HEAD-Tag 
*/
A#homelink {
	position: absolute;
	top: 52px;
	left: 809px;
}

/* 
	Middle row with left-, content-, and right-block 
*/
#main-wrap {
	margin-top: 16px;
} 

/*
	Wrap around the middle column
*/
#middle-wrap {
	margin: 0px; 
	/* 
		The left- and right-margin must be set to the width of the appropriate 
		column + the left- and right-padding of that column 
	*/
	margin-right: 166px;
	margin-left: 196px;
	/* 
		Here you define the distance between the content part (#middle)
		and the left- and right-column 
	*/
/*	padding: 0px 16px;*/
	padding: 0;
}

/* \*/ * html #middle-wrap {
	margin: 0;  /* 3px bug fix for IE - DON'T CHANGE*/
	/* only 9px padding possible. don't know why... */
	padding-left: 15px;   /* 3px bug fix for IE - DON'T CHANGE*/
	padding-right: 9px;   /* 3px bug fix for IE - DON'T CHANGE*/
}

/* 
	Middle block which contains the breadcrumb, the pagefunctions and the 
	content
*/
#middle { 
	margin-top: 0px;
	margin-bottom: 0px;
	/* PADDING: don't set padding here, do it for middle-wrap !!! */
}

/*
	@TODO: Add Comment
*/
#page-functions {
	position: absolute;
	top: 0px;
	right: 0px;
}

/*
	This is where the main content will be displayed. Don't change the clear
	value. Because its needed to reset the float from the breadcrumb and the
	pagefunctinos. Feel free to add other definitions here.
*/
#middle-content {
	clear: left;
}

/* 
	Left column - Normally only a width is defined 
*/
#left-col {
	width: 180px;
}

/* \*/ * html #left-col {
	width: 180px; /* IE box model hack: width - 2 x padding (#left-col) */
}

/*
	Content in the left column - Normally only padding is needed
*/
.left-col-content {
}

/* 
	Right column - Normally only a width is defined 
*/
#right-col {
	width: 150px;
}

/* \*/ * html #right-col {
	width: 150px; /* IE box model hack: width - 2 x padding (left-col) */
}


/*
	Content in the right column - Normally only padding is needed
*/
.right-col-content {
}

/*
	Footer - Normally only padding to all sides and a background
*/
#footer {
	padding: 0px;
	margin-top: 20px;
}