/*************************************

	Projekt: 	MCDS 2008
	Start am:	22.9.2008
	Datei:		layout.css
	Author:		Christian Weilguny

	===================
	=== STYLE GUIDE ===
	===================
	Hintergrundfarbe:	#ffffff (weiß)
	Vordergrundfarbe:	#a59e98 (mattes braun)
	Schriftfamilie:		Verdana
	Schriftgröße:		13pt

**************************************/


/*************************************
 *** General Selectors ***************
 *************************************/
body {
text-align: center;
}

.clearer {
clear: both;
width: 100%;
height: 1px;
}

/*************************************
 *** Wrapping Container **************
 *************************************/
#container {
margin: 0px auto;
width: 831px;
text-align: left;
}



	/*************************************
	 *** Header **************************
	 *************************************/
	#header {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 205px;
	 */
	}

		#logo {
		position: absolute;
		top: 12px;
		left: 34px;
		}
			#logo a {
			display: block;
			width: 236px;
			height: 74px;
			background: url(../img/header/logo.gif) no-repeat top left;
			}
		
		#service-menu {
		position: absolute;
		top: 28px;
		right: 0px;
		}
			#service-menu ul {
			list-style-type: none;
			}
				#service-menu li {
				float: left;
				padding: 0px 8px 0px 9px;
				background: url(../img/header/service-menu-divider.png) no-repeat 0px 2px;
				}
				#service-menu li.first {
				background-image: none;
				}
					#service-menu li a {
					height: 16px;
					font-size: 11px;
					color: #a59e98;
					text-decoration: none;
					}
					#service-menu li a:hover {
					color: #625e5a;
					}
					
					
	/*************************************
	 *** Main Area ***********************
	 *************************************/
	#main {
	padding-bottom: 17px;
	}

		.header-bar {
		position: absolute;
		overflow: hidden;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 7px;
		}


		/*************************************
		 *** Left Column *********************
		 *************************************/
		#left-column {
		float: left;
		position: relative;
		width: 207px;
		background: url(../img/left-column/background.png) repeat-y top left;
		}
			#left-column .header-bar {
			background-color: #f69152;
			}
			
			#menu {
			width: 100%;
			background: url(../img/left-column/menu-background.png) repeat-y top left;
			}

			/*** Erste Ebene ***/
				#menu-list {
				padding: 38px 0px 35px 0px;
				list-style-type: none;
				}
					#menu-list li {
					border-bottom: 1px solid #e0dcd8;
					}
						#menu-list li a {
						display: block;
						padding: 6px 8px 6px 30px;
						font-size: 15px;
						color: #a59e98;
						text-decoration: none;
						letter-spacing: -1px;
						}
						#menu-list li a:hover {
						background-color: #f2bc9a;
						color: #ffffff;
						}
						#menu-list li a.active, #menu-list li.current-cat a {
						background-color: #f69152;
						color: #ffffff;
						}

			/*** Zweite Ebene ***/
						#menu-list li ul {
						padding: 0px 0px 8px 0px;
						}
						
						#menu-list li li {
						border: 0px;
						font-size: 1px;
						}
							#menu-list li li a {
							padding: 4px 8px 4px 52px;
							font-size: 11px;
							}
							#menu-list li li a.active, #menu-list li li.current-cat a {
							background-color: #f2bc9a;
							}

			/*** Dritte Ebene ***/
							#menu-list li li li a {
							padding: 4px 8px 4px 67px;
							font-size: 11px;
							}
			
			#callback {
			padding: 30px 0px 30px 30px;
			line-height: 22px;
			font-family: Arial;
			font-size: 15px;
			letter-spacing: 0px;
			}
				#callback form {
				clear: both;
				margin-top: 5px;
				}
					#callback div {
					}
					#callback input {
					width: 127px;
					}
					#callback input.submit {
					margin: 2px 0px 0px 0px;
					width: 32px;
					}
			
			
			#autodesk {
			margin-left: 37px;
			width: 133px;
			height: 71px;
			background: url(../img/left-column/autodesk.png) no-repeat top left;
			}
			
			#oracle {
			margin-top:0px;
			margin-left: 37px;
			width: 133px;
			height: 20px;
			background: url(../img/left-column/oraclegold.jpg) no-repeat top left;
			}
			
			#left-column-bottom {
			width: 207px;
			height: 167px;
			background: url(../img/left-column/bottom.png) no-repeat top left;
			}
			
			
		/*************************************
		 *** Main Column *********************
		 *************************************/
		#main-column {
		float: left;
		position: relative;
		width: 624px;
		min-height: 626px;
		background: #f8f7f7 url(../img/main/background.png) repeat-x bottom left;
		}
			#main-column .header-bar {
			background-color: #f9b990;
			}

			#content {
			padding: 43px 55px;
			}
			
			#content.small {
			width: 300px;
			}
			

		/*************************************
		 *** Right Column (Infobox) **********
		 *************************************/
		#right-column {
		position: absolute;
		top: 29px;
		right: 22px;
		}


	/*************************************
	 *** Footer **************************
	 *************************************/
	#footer {
	clear: both;
	padding: 17px 0px 50px 0px;
	}

	#footer-content {
	height: 25px;
	background-color: #f8f8f7;
	font-size: 10px;
	text-align: center;
	}
		#footer-content span {
		position: relative;
		top: 6px;
		}