/* ----------------------------------------------------------------------------
		author	: Tobias Baur, Jonathan Stroebele (www.tobiasbaur.de)
		date		: 2008-10-28
		file		: colorsandsuch.css
		function	: Style (background, color, font, etc.)
		site		: www.siebecke-online.de 
		info		: Siebecke Praesentationssysteme
---------------------------------------------------------------------------- */

/* 
	CSS DIRECTORY
		1. Global Settings
			1.1 Position (margin, padding, border, etc.)
			1.2 Style (background, color, font, etc.) => colorsandsuch.css (exception: .smallText h3, h1#address, address)
		2. Primery
		3. Header
		4. Main
		5. Footer
		
*/


/*  
	GLOBAL SETTINGS 
	========================= */ 
	
/*  
	General positon-formation
	------------------------- */ 
	
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body#dataPrivacy {
	padding: 1em 0;
}

body#dataPrivacy dl {
	margin: 0.5em 1em;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin: 0.5em 0;
}

p {
	margin: 0.5em 0 0.8em 0;
}

address {
	margin: 0;
}

ul, ol, dl {
	margin: 0.5em 2.3em;
}

dd {
	margin: 0 0 0.7em 0.7em;
}

fieldset {
	border: 1px solid #f7f6f5;
	padding: 1em;
}
legend {
	padding: 0 0.6em;
}

blockquote {
	padding: 0 2em;
}


/*  
	Specific positon-formation
	------------------------- */ 

.greyLine {
	border-top: 1px solid #d4d4d4;
	margin: 0 16px; 
}


/*  
	General classes 
	------------------------- */ 

.left {
	clear: left;
}

.right {
	clear: right;
}

.clear {
	clear: both;
}

.nobr {
	white-space: nowrap;
}

/* 
	PRIMERY
	========================= */ 
	
html, body {
 	height: 100%;
}

#distance {
	margin-bottom: -296px;
	float: left;
	height: 50%;
	width: 1px;
}

#containerAll {

	position: relative;
	margin: 0 auto;
	height: 592px;
	width: 882px;
	clear: left;
}

#absolute {
	position: absolute;
	z-index: 16;
}

#containerContent {
	padding: 17px;
	height: 558px;
	width: 848px;
}
	

/* 
	HEADER
	========================= */ 

#header {
	position: relative;
	height: 69px;
}

	#menu {
		padding: 45px 0 0 12px;
	}

	.menu ul {
		margin: 0;
	}
	
	.menu ul li {
		position: relative;
		float: left;
	}
	
	.menu ul a {
		padding: 0 20px;
	}
	
	.menu ul ul {
		position: absolute;
		bottom: 17px;
		left: 0;
	}
	
	.menu ul ul li {
		float: none;
	}
	
	

	#logo img {
		position: absolute;
		right: 17px; 
		top: 25px;
	}
	
/* 
	MAIN
	========================= */ 
	
#main {
	margin: 8px 0 8px 16px;
	height: 404px;
	width: 824px;
}
	
.boxes, .smallBoxes {
	margin: 0;
}

/* fix image bug in IE6 */
.boxes img, .smallBoxes img {
	display: block;
}

li.relativ {
	position: relative;
}

.smallBoxes li {
	margin: 0 8px 8px 0;
	height: 95px;
	width: 95px;
	float: left;
}
	
.boxes li {
	margin: 0 8px 8px 0;
	height: 198px;
	width: 198px;
	float: left;
}

#treeBox {
	width: 610px;
}

#twoBox {
	width: 404px;
}

#sixBox {
	height: 404px;
	width: 610px;
}

li#bigBoxLeft, li#bigBoxRight {
	height: 404px;
	width: 404px;
}

.boxText {
	margin: 12px;
}

.boxTextBottom {
	position: absolute;
	padding: 12px;
	bottom: 0;
}

/* ----------------------- ----------------------- detail === */

#preview img {
	position: absolute;
	z-index: 128;
	left: 0;
	top: 0;
}

#back, #left, #right {
	position: absolute;
	height: 21px;
	width: 21px;
	bottom: 0;
}

#back, #right {
	left: 0;
}

#left {
	right: 0;
}

.arrows a {
	display: block;
	height: 21px;
	width: 21px;
}



/* ----------------------- ----------------------- contact === */

#contactform {
	position: absolute;
	height: 404px;
	width: 610px;
	left: 0;
	top: 0;
}

	#contactform p {
		padding: 1em 1.4em;
		margin: 0;
	}


/* 
	FOOTER 
	========================= */ 

#footer {
	position: relative;
	height: 69px;
}

#fooMenu {
	padding: 5px 0 0 12px;
}

#fooText {
	padding: 0 16px 0 0;
	position: absolute;
	height: 25px;
	bottom: 0;
	right: 0;
}
	
	#imprint {
		margin: 0 0 0 17px; 
	}
	
	#data {
		margin: 0 0 0 15px; 
	}
	
	#agb {
		margin: 0 0 0 15px; 
	}

#designBy {
	position: absolute;
	bottom: 0.3em;
	width: 100%;
	z-index: 4;
}
	
#designBy a {
	display: block;
	margin: 0 auto;
	width: 14em;
}


/*  man sieht sich ;) */