/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: arial;
	font-size: 12px;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.clear{
	clear:both;
}

a {
	color: #239cd3;
	text-decoration: none;
}

img {
	border: 0px;
}
/* CONTAINER
----------------------------------------- */

img.bg {
	height:auto;
	left:0;
	min-height:100%;
	min-width:1000px;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}

#container {
	float: left;
	width: 99%;
	background: grey;
	background: transparent url(../images/title_bg.jpg) repeat-x 0px 40px;
}
#logoHome {
	position: absolute;
	left: 20px;
	top: 20px;
	background: transparent url(../images/ci-logo-white.png) no-repeat;
	width: 180px;
	height: 109px;
	overflow: hidden;
	z-index: 10;
}

#logo {
	float: left;
	padding-left: 20px;
	margin-top: 20px;
	background: white url(../images/ci-logo-color.png) no-repeat 20px 0px;
	width: 160px;
	height: 109px;
	overflow: hidden;
}


#mainMenu {
	bottom: 0px;
	position: fixed;
	height: 32px;
	width: 100%;
	overflow: hidden;
	background: transparent url(../images/menu-background.jpg) repeat;
	line-height: 32px;
	z-index: 1000;
	
}

#body-background {
	position: absolute;
	z-index: 1;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#hiddenpics {
	display: none;
}

#pageTitle {
	/*border-top: 2px solid #239cd3;*/
	float: left;
	width: 604px;
	margin-top: 40px;
	padding-top: 10px;
	font-size: 18px;
}

#titelLinks {
	float: left; 
}

#blauerTitel {
	float: left;
	margin-left: 10px;
	color: #239cd3;
}

#blauerTitel p {
	color: #239cd3;
	display: inline;
}


#pageText {
	float: left;
	width: 620px;
	margin-left: 180px;
	padding-bottom: 40px;
}

#pageTextUnternehmen {
	width: 740px;
	float: left;
	margin-left: 180px;
	padding-bottom: 40px;
}

#projektPageText {
	float: left;
	width: 745px;
	margin-left: 180px;
	padding-bottom: 10px;
}


#pageTextLeft,
#pageTextRight {
	float: left;
	font-size: 11px;
	width: 300px;
}

#pageTextRight {
	margin-left: 15px;
}

#pageImage {
	float: left;
	padding-top: 30px;
        margin-left:180px;
}

#unternehmenBild {
	float: left;
	width: 417px;
}

/* flash styles for gallery */


div.imagewrapper {
	position:relative;		
}

div.button-holder {
	float: left;
	width:125px;
	background:transparent url(../images/fullscreen.jpg) top left no-repeat;	
}

#button-genau {
	margin-left: 5px;
	margin-top: 8px;
	float: left;
	width: 24px;
	height: 13px;
	background-color: transparent;
}

#projectpicture {
	width: 734px;
	height: 365px;
}


#projektuebersicht {
	float: left;
	width: 850px;
	margin-left: 180px;
	padding-bottom: 80px;
}
#projektuebersichtlinks {
	width: 370px;
	float: left;
}

#projektuebersichtrechts {
	float: left;
	width: 380px;
}

a.projektlink {
	color: #239cd3;
	font-size: 14px;
	text-decoration: none;
}


/* main menu
  ------------------------------------ */
.main_current,
.main_section,
.main_link {
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	float: left;
	height: 32px;
	text-decoration: none;
	color: #ffffff;
}

.main_current,
.main_section,
.main_link:hover {
	background: transparent url(../images/menu-background-selected.jpg) repeat;
	line-height: 32px;
}

div.projectblock {
	float: left;
	width: 700px;
	border-bottom: 40px solid #fff;
	clear: both;
}

div.projektblocklinks {
	width: 350px;
	float: left;
	margin-right: 10px;
}

div.projektblockrechts {
	float: left;
	margin-top: 3px;
}