/* RESET */

body {
	color:white;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
}

html, body, div, h1, h2, h3, h4, h5, h6, 
ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 500;
	font-style: inherit;
	font-family:"ff-din-web-1","ff-din-web-2", Arial, Tahoma, sans-serif;
	font-size:14px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height:1.2em;
}
ol, ul {
	list-style-type:square;
	list-style-image:url(/_include/css/img/ul.gif);
	list-style-position:outside;
	margin-left:11px;
}

li {
	margin:1px 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a, a:link, a:active, a:hover, a:visited {
	color:#463031;
	text-decoration:none;
}

.we {
	display:none;
}

p {
	margin-bottom:5px;
}

.iNews {
	font-size:14px;
	font-weight:500;
	width:162px;
}

img {border:0;}


div.teamMember {
	float:left;
	height:160px;
	line-height:0.9em;
	overflow:hidden;
	width:160px;
}

	div.teamMemberInfo {
		background-color:black;
		height:160px;
		margin-top:-160px;
		width:160px;
		filter:alpha(opacity=1); -moz-opacity:0.01; -khtml-opacity: 0.01; opacity: 0.01;
	}

	div.teamMemberInfo:hover {
		filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90;
	}
	
	div.teamInner {
		float:left;
		font-weight:500px;
		margin:33px 6px 5px;
	}

	p.team {
		font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif;
		font-size:11px;
		margin:3px;
	}
	
#referenzContainer {
	float:left;
	height:auto;
}
	
	p.referenzenText {
		color:#E9AB00;
		font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif;
		font-size:11px;
		margin:15px 8px 0;
	}
	
	p.referenzOverlayT {
		font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif;
		font-size:13px;
		margin:8px 8px 4px;
	}
	
	p.referenzOverlayST {
		color:#FFFFFF;
		font-family:Verdana,Arial,sans-serif;
		font-size:10px;
		line-height:1.2em;
		margin:3px 8px;
	}

#overviewScrollUp, #overviewScrollDown {
	cursor:pointer;
	position:absolute;
	left:160px;
}

#overviewScrollUp {
	top:5px;
}

#overviewScrollDown {
	bottom:5px;
}

#refScrollUp, #refScrollDown {
	cursor:pointer;
	position:absolute;
	left:850px;
}

#refScrollUp {
	top:5px;
}

#refScrollDown {
	bottom:5px;
}

#overviewScroll {
	float:left;
	margin:14px 8px;
}

#referenzen {
	clear:both;
	float:left;
	width:480px;
}

#referenzenFeld {
	background-image:url(/_include/css/img/referenzenFeld.gif);
	float:left;
	height:94px;
	padding:13px;
	width:94px;
}

#inhaltScrollUp, #inhaltScrollDown {
	cursor:pointer;
	position:absolute;
	left:850px;
}

#inhaltScrollUp {
	top:5px;
}

#inhaltScrollDown {
	bottom:5px;
}


#awardsFeld {
	background-image:url(/_include/css/img/awardsBG.gif);
	float:left;
	height:94px;
	padding:13px;
	width:94px;
}
	
	div.kundenliste {
		background-color:#544241;
		float:left;
		height:150px;
		line-height:1.1em;
		overflow:hidden;
		padding:5px;
		width:150px;
	}
	
	div.referenzBox {
		float:left;
		height:160px;
		overflow:hidden;
		width:160px;
	}
	
	div.referenzenOverlay {
		background-color:black;
		float:left;
		height:80px;
		line-height:1.1em;
		margin-top:-80px;
		width:160px;
		filter:alpha(opacity=1); -moz-opacity:0.01; -khtml-opacity: 0.01; opacity: 0.01;
	}

	div.referenzenOverlay:hover {
		filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90;
	}

	div.leistungenOverlay {
		background-color:black;
		float:left;
		height:60px;
		line-height:1.1em;
		margin-top:-60px;
		width:120px;
		filter:alpha(opacity=1); -moz-opacity:0.01; -khtml-opacity: 0.01; opacity: 0.01;
	}

	div.leistungenOverlay:hover {
		filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90;
	}

	#refStandard {
		clear:both;
		float:left;
		margin-left:-14px;
		width:480px;
	}

/* ---------------------- SIDEBAR --------------------- */

#rcIn {
	cursor:pointer;
	height:110px;
	margin-left:-90px;
	margin-top:157px;
	width:90px;
}

#rcOut {
	cursor:pointer;
	height:110px;
	margin-left:-60px;
	margin-top:177px;
	width:60px;
}

#sidebarContent {display:none; margin-top:-265px; overflow:hidden;}

#ieBlocker {
	 overflow:hidden;
	 position: relative;
}

#rubikonComicBlock {
	display:block;
	height:80%;
	overflow:hidden;
	position:relative;
	width:1000px;
}

div.rubikonComic {
	clear:none;
	display:block;
	float:left;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
}

	div.rubComic {
		height:405px;
		margin:35px;
	}
	
		#rubComic {}

#rubikonComicControl {
	clear:none;
	display:block;
	float:left;
	margin-top:15px;
	z-index:100;
}
	
	img.rubComicThumb {
		cursor:pointer;
		margin:0 10px;
		padding-bottom:80px;
	}

	#rubComicThumbCurrent {
		background-image:url(/_include/css/img/comicActive.gif);
		background-position:center bottom;
		background-repeat:no-repeat;
		padding-bottom:80px;
	}

#rubikonComicLogo {
	position:absolute;
	right:60px;
	top:50px;
}


/* ------- font size & weight ------- */
#metanav {
	font-weight:500;
	margin:14px 8px 0;
	text-align:right;
}

#textLogo {
	height:60px;
	margin:170px 0 0 28px;
	text-align:right;
	width:105px;
}

#rubikon {
	font-size:22px;
	font-weight:600;
}

#werbeagentur {
	font-size:16px;
	font-weight:300;
}

#navigationFett {
	font-weight:700;
}

#navigationNormal {
	font-weight:500;
}

#subnavigation {
	font-weight:600;
}

#inhalt {
	clear:both;
	float:left;
	margin:12px 14px;
}

	#leadin {
		font-size:15px;
		font-weight:500;
		line-height:1.2em;
		margin-top:30px;
	}

	#text {
		font-family:"droid-sans-1","droid-sans-2", Arial, sans-serif;
		font-size:13px;
		line-height:1.2em;
		margin-top:30px;
		margin-bottom:20px;
	}
	
	#text p {		
		font-family:"droid-sans-1","droid-sans-2", Arial, sans-serif;
		font-size:13px;
		line-height:1.2em;
		margin:6px 0 10px;
	}
				
	.compact {
		width:360px;
	}

ul, li {
	font-family:"droid-sans-1","droid-sans-2", Arial, sans-serif;
	font-size:13px;
}


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

h1 {
	font-size:35px;
}

h2 {
	font-size:33px;
}

h3 {
	font-size:22px;
}

h4 {
	font-size:17px;
}

h4.team {font-weight:800; margin-bottom:7px;}

h6 {
	font-weight:600;
}

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

#fblike {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	float:right;
	height:21px;
	margin:0px 0px 0px 0px;
	opacity: 0.7;
	overflow:hidden;
	width:48px;
}

#fblike :hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#fb-2clickbox {
	background-color:#392622;
	border:1px solid #544241;
	color:white;
    font-size: 10px;
    left: 10px;
    padding:2px;
    position: absolute;
    text-align: left;
    top: 505px;
    width: 124px;
    z-index: 999;
}