/* LAYOUT */
/*
	Beispiel für variablen
	
	[...]
	div.text {
		color:#fe0001;
	}
*/




body {
	overflow:hidden;
	color:#463031;
}

a, a:link, a:active, a:hover, a:visited {color:#463031;}

#container {
	background-image:url(/_include/css/img/backgroundWhiteYellow.png);
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
}

#col1, #col2, #col3, #col4, #col5, #colBig {
	background-color:white;
	border-right:1px solid #dcdada;
	float:left;
	height:100%;
	overflow:hidden;
	position:relative;
}

	#col1 {
		background-color:#FFFFFF;
		width:140px;
		z-index:20;
	}
	
		#metanav {
		
		}
		
			a.metanav, a.metanav:hover, a.metanav:visited, a.metanav:active {
				color:#888888;
				display:block;
				text-transform:uppercase;
			}
		
		#logo {
			background-repeat:no-repeat;
			background-image:url(/_include/css/img/logoGelbOnWhite.gif);
			display:block;
			height:89px;
			margin:80px 0 0 26px;
			width:107px;
		}
		
			#rubikon {
				color:#463031;
				text-transform:uppercase;
			}
			
			#werbeagentur {
				color:#463031;
				font-weight:300;
				margin-top:8px;
				text-transform:uppercase;
			}
	
	#content {
		float:left;
		height:100%;
		left:140px;
		position:absolute;
	}
	
		#col2 {
			width:180px;
			z-index:19;
		}
			
			#navigationFett {
				margin:14px 0 0 8px;
				text-transform:uppercase;
			}

			#navigationNormal {
				margin:14px 0 85px 8px;
				text-transform:uppercase;
			}

				a.navigation {
					color:#463031;
					display:block;
				}
				
				a.navActive {
					color:#e9ab00 !important;
				}

			#adresse {
				color:#888888;
				font-family: Verdana, Arial, sans-serif;
				font-size:10px;
				height:80px;
				line-height:1.3em;
				margin-left:4px;
				margin-top:83px;
				text-align:right;
				width:130px;
			}
			
				span.email {
					color:#888888;
				}

		#col3 {
			background-image:url(/_include/css/img/logoCroppedWhite.gif);
			background-color:white;
			background-position:0 485px;
			background-repeat:no-repeat;
			width:180px;
			z-index:18;
		}

			#newsCol3 {
				margin-top:180px;
			}

			#subnavigation {
				font-weight:600;
				margin:14px 0 0 8px;
			}

				a.subnavigation {
					color:#463031;
					display:block;
				}

		#col4 {
			background-color:none;
			background-image:none;
			overflow:hidden;
			width:360px;
			z-index:17;
		}

			#col4Container {
				
			}

			#innerCol4 {
				background-image:url(/_include/css/img/mBlockBg.png);
				height:180px;
				left:0;
				position:absolute;
				top:0;
				width:360px;
			}

				#mProjektSlider {
					position:absolute;
					top:340px;
				}

				#allesSchoen {
					margin:5px 0 65px 5px;
					width:160px;
				}

				.mProjekt {
					display:block;
					float:left;
					margin-left:9px;
					width:355px;
					z-index:999;
				}

				.mProjektBild {
					float:left;
					width:360px;
				}
				
			#innerCol4Under {
				background-image:url(/_include/css/img/mBlockBg.png);
				height:180px;
				left:0;
				position:absolute;
				top:530px;
				width:360px;
			}

		#col5 {
			width:180px;
			z-index:16;
		}

			#rubikonLogo {
				background-image:url(/_include/css/img/logoGrossGelb.png);
				float:left;
				height:132px;
				left:9px;
				position:relative;
				top:30px;
				width:163px;
			}

			#beschreibung {
				color:#888888;
				font-family: Verdana, Arial, sans-serif;
				font-size:10px;
				height:100px;
				line-height:1.3em;
				margin-left:8px;
				margin-top:178px;
			}

		#colBig {
			width:480px;
			z-index:16;
		}

		div.iBlock {
			color:#FFFFFF;
			cursor:pointer;
			height:135px;
			margin-left:8px;
		}

		div.cBlock {
			color:#FFFFFF;
			cursor:pointer;
			float:left;
			height:auto;
			margin-bottom:25px;
			width:140px;
		}

			div.iBlockPicture {
				background-image:url(/_include/css/img/iBlockBg.png);
				height:80px;
				margin-bottom:4px;
				width:140px;
			}

				div.iBlockCrop {
					float:left;
					height:70px;
					margin:5px;
					overflow:hidden;
					width:92px;
				}

			p.iBlockDate {
				color:#e9ab00;
			}
			
		#referenzen {
			line-height:0;
		}

#sidebar {
	background-color:white;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:0;
	z-index:21;
}
/* ---------------------- MODULE ---------------------- */
/* ---------------------- MODULE ---------------------- */

/* ----------------- NEWS & REFERENZEN OVERVIEW ---------------- */

#kundenliste {
	margin:14px 0 0 8px;
}

#rGF {
	margin:14px 0 0 8px;
}

div.chooseGF {
	cursor:pointer;
}

#referenzInhalt {
	background-color:white;
	color:black;
	float:left;
	height:auto;
	padding:13px 10px 6px;
	width:460px;
}

#newsInhalt {
	background-color:white;
	color:black;
	float:left;
	height:auto;
	padding:6px 10px;
	width:460px;
}

#galStandard {}

div.galStandardImg {
	float:left;
	font-size:0;
	height:auto;
	line-height:0;
	margin:0;
	padding:0;
	width:160px;
}

	img.imgPlus {
		margin-top:140px;
		margin-left:-20px;
		position:absolute;
	}

/* ----------------- NEWS & REFERENZEN DETAIL ---------------- */


h1,h2,h3,h4 {
	color:white;
	line-height:1em;
	text-transform:uppercase;
}

h1 {
	color:#e9ab00;
}

h2 {
	color:#e9ab00;
}

h3 {
	color:#FFFFFF;
}

h4 {
	color:#e9ab00;
}

h6 {
	color:#e9ab00;
}

h4.referenzen {
	color:#463031;
	margin:5px 0 10px;
}

.braun, .braun:link, .braun:hover, .braun:active, .braun:visited {
	color:#e9ab00;
}

.gelb, .gelb:link, .gelb:hover, .gelb:active, .gelb:visited {
	color:#463031;
}

.white, .white:link, .white:hover, .white:active, .white:visited {
	color:#463031;
}

.none, .none:link, .none:hover, .none:active, .none:visited {
	text-decoration:none;
}


/* -------- KONTAKTFORMULAR -------- */

#contact {
	margin-top:20px;
}

span.error {
	clear:both;
	color:#E9AB00;
	display:none;
	float:left;
	font-weight:bold;
}

label.contactFormDesc {
	clear:both;
	color:#463031;
	display:block;
	float:left;
	font-size:11px;
	margin:1em 0em 0.3em;
	text-transform:uppercase;
}

select.contactFormField, input.contactFormField {
	background-color:#FFF;
	border:1px solid #463031;
	clear:both;
	float:left;
	font-size:12px;
	padding:1.5px;
	width:280px;
}

textarea.contactFormField {
	background-color:#FFF;
	border:1px solid #E9AB00;
	clear:both;
	font-size:12px;
	width:280px;
	height:150px;
	float:left;
	padding:1.5px;
}

input.contactFormField:focus, textarea.contactFormField:focus {
	border:1px solid #c28e00;
}