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

body {
	color: #636466;
	font-family: Arial, Verdana, Lucida, sans-serif; 
}

html {
	/*background: #838588;*/
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */

#main {
	width: 980px;
	margin: 20px auto;
	background: #fff;
	border: 1px solid #838588;
}

/* HEADER
----------------------------------------- */
#header {
	height: 167px;
	position: relative;	
	/*background: #fd7de6;*/
	/*padding: 1px 0 0 0;*/
}

#header img#logo {
	border: none;

	
}

#header #headerRight {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 167px;
}

#header img.headerImage {                                                                
	margin-right: 8px;
}


/* MAIN NAVIGATION - TABS
----------------------------------------- */
#navigation {
	float: left;
	max-width: 254px;
}

#navigation ul#leftNavigation {
	list-style: none;
	margin: 50px 0 0 0;	
}

#navigation .lastInfos {
	padding: 30px 15px 15px 20px;
	border-top: 3px solid #F7942E;
	border-right: 3px solid #F7942E;
	border-bottom: 3px solid #F7942E;
	border-radius: 0 20px 20px 0;
	margin: 35px 0 20px;
	position: relative;
}

#navigation .lastInfos .title {
	position: absolute;
	top: -16px;
	left: 57px;
	background-color: #F4AF69;
	padding: 5px 20px;
	color: #fff;
	font-weight: 600;
	
}

.color_1 #navigation .lastInfos .title {
	background-color: #7ABEE2;
}
.color_1 #navigation .lastInfos {
	border-top: 3px solid #47A6DC;
	border-right: 3px solid #47A6DC;
	border-bottom: 3px solid #47A6DC;
}

.color_2 #navigation .lastInfos .title {
	background-color: #C7C966;
}
.color_2 #navigation .lastInfos {
	border-top: 3px solid #B3B64B;
	border-right: 3px solid #B3B64B;
	border-bottom: 3px solid #B3B64B;
}

.color_3 #navigation .lastInfos .title {
	background-color: #60C9C5;
}
.color_3 #navigation .lastInfos {
	border-top: 3px solid #23AAA6;
	border-right: 3px solid #23AAA6;
	border-bottom: 3px solid #23AAA6;
}

.color_4 #navigation .lastInfos .title {
	background-color: #DDAACD;
}
.color_4 #navigation .lastInfos {
	border-top: 3px solid #D288BB;
	border-right: 3px solid #D288BB;
	border-bottom: 3px solid #D288BB;
}

#navigation .lastInfos h2 {
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 15px;
    font-weight: 600;
	line-height: 20px;
}

#navigation .lastInfos a {
	text-decoration: none;
}

#navigation .lastInfos h2 {
	background: url("../images/arrow_style5.jpg") no-repeat scroll left 2px transparent;
}
#navigation .lastInfos .color_1 h2 {
	background: url("../images/arrow_style1.jpg") no-repeat scroll left 2px transparent;
}
#navigation .lastInfos .color_2 h2 {
	background: url("../images/arrow_style2.jpg") no-repeat scroll left 2px transparent;
}
#navigation .lastInfos .color_3 h2 {
	background: url("../images/arrow_style3.jpg") no-repeat scroll left 2px transparent;
}
#navigation .lastInfos .color_4 h2 {
	background: url("../images/arrow_style4.jpg") no-repeat scroll left 2px transparent;
}

	#navigation ul#leftNavigation li {
		position: relative;
		width: 219px;
		height: 55px;
		background: #f7942e;
		margin: 0 0 13px 0;		
		padding: 0 10px 0 25px;				
	}
	
	#navigation ul#leftNavigation li .cornerTop {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#navigation ul#leftNavigation li .cornerBottom {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

	
	#navigation ul#leftNavigation li a {
		/*display: block;
		position: absolute;
		width: 215px;*/
		text-decoration: none;	
		text-transform: uppercase;		
		font-size: 17px;		
		color: #fff;		
		font-weight: bold;
		cursor: pointer;
	}
	
	#navigation ul#leftNavigation a span {
		display: block;
		position: absolute;
		width: 215px;
		
	}
	


    
    /*	
   	    '1' => 'blau',
		'2' => 'gruen',
		'3' => 'tuerkis',
		'4' => 'rosa',
		'5' => 'orange'
	*/
    #navigation ul#leftNavigation li.layoutColor1, #main .bottomLineColor1 {
		background: #47a6dc;		
	}	
	
	#navigation ul#leftNavigation li.layoutColor2, #main .bottomLineColor2 {
		background: #b3b64b;		
	}
	
	#navigation ul#leftNavigation li.layoutColor3, #main .bottomLineColor3 {
		background: #23aaa6;		
	}
	
	#navigation ul#leftNavigation li.layoutColor4, #main .bottomLineColor4 {
		background: #d288bb;		
	}
	
	#navigation ul#leftNavigation li.layoutColor5, #main .bottomLineColor5 {
		background: #f7942e;		
	}

	#navigation ul#leftNavigation li.layoutColor6, #main .bottomLineColor6 {
		background: #bf3922;
	}

	/* a:hover, a.current, a.section  */
	
	#navigation ul#leftNavigation li.layoutColor1 a:hover, 
	#navigation ul#leftNavigation li.layoutColor1 a.current,
	#navigation ul#leftNavigation li.layoutColor1 a.section 
	{
		color: #b0d8ee;		
	}
	
	#navigation ul#leftNavigation li.layoutColor2 a:hover, 
	#navigation ul#leftNavigation li.layoutColor2 a.current,
	#navigation ul#leftNavigation li.layoutColor2 a.section 
	{
		color: #EDEEB4;		
	}
	
	#navigation ul#leftNavigation li.layoutColor3 a:hover, 
	#navigation ul#leftNavigation li.layoutColor3 a.current,
	#navigation ul#leftNavigation li.layoutColor3 a.section  
	{
		color: #88e7e3;		
	}
	
	#navigation ul#leftNavigation li.layoutColor4 a:hover, 
	#navigation ul#leftNavigation li.layoutColor4 a.current,
	#navigation ul#leftNavigation li.layoutColor4 a.section 	
	{
		color: #fac6ea;		
	}
	
	#navigation ul#leftNavigation li.layoutColor5 a:hover, 
	#navigation ul#leftNavigation li.layoutColor5 a.current,
	#navigation ul#leftNavigation li.layoutColor5 a.section 
	
	{
		color: #ffe5cb;		
	}

	#navigation ul#leftNavigation li.layoutColor6 a:hover,
	#navigation ul#leftNavigation li.layoutColor6 a.current,
	#navigation ul#leftNavigation li.layoutColor6 a.section

	{
		color: #fcc3ba;
	}
	
/* HEADER NAVIGATION
-------------------------------------------- */

#layout #headerNavigationHolder {
	width: 635px;
	position: relative;
}

#layout #headerNavi {	
	float: left;

	
}
	
#layout ul#headerNavigation {	
	
	margin-left: 0;
	list-style: none;	
	float: left;

	
}

#layout ul#headerNavigation li {	
	float: left;
	margin-left: 0;
	margin-right: 5px;
	list-style: none;
	float: left;
	font-size: 15px;
	font-weight: bold;
	
}

#layout ul#headerNavigation li a {
	 color: #656262 !important;
}
	
/* LAYOUT 
-------------------------------------------- */

#layout {
	float: right;
	padding: 0 50px 20px 20px;
	width: 570px;		
}

/*	
    '1' => 'blau',
	'2' => 'gruen',
	'3' => 'tuerkis',
	'4' => 'rosa',
	'5' => 'orange'
*/
/*
#layout .titleColor1, #footer ul#footNavigation li.color1 a.current, 
#footer ul#footNavigation li.color1 a:hover,
#footer a.color1:hover 
{
	color: #47a6dc;
}

#layout .titleColor2, #footer ul#footNavigation li.color2 a.current, 
#footer ul#footNavigation li.color2 a:hover,
#footer a.color2:hover  
{
	color: #b3b64b;
}
#layout .titleColor3, #footer ul#footNavigation li.color3 a.current, 
#footer ul#footNavigation li.color3 a:hover,
#footer a.color3:hover 
{
	color: #23aaa6;
}
#layout .titleColor4, #footer ul#footNavigation li.color4 a.current, 
#footer ul#footNavigation li.color4 a:hover,
#footer a.color4:hover 
{
	color: #d288bb;
}
#layout .titleColor5, #footer ul#footNavigation li.color5 a.current, 
#footer ul#footNavigation li.color5 a:hover, 
#footer a.color5:hover 
{
	color: #f7942e;
}
*/
.typography #breadcrumbs {
	display: block;
	min-height: 40px;
	padding: 3px 0 0 28px;
	background: url('../images/breadcrumbs-image.gif') no-repeat left;
	background-position: 1px 4px;
	margin-left: -22px;

	
	
}

.typography #content {
	/*height: 388px;*/
	/*overflow-y: scroll;*/
	margin-top: 20px;
	position: relative;
	padding-right: 10px;
}


	.typography #content .overview {
		width: 120px;
		float: left;
		background: url('../images/info-circle-green.gif') no-repeat top left;
		padding: 43px 2px 5px 17px;
		margin-right: 30px;
		*min-height: 139px;		
		*height: 200px;
		
	}
		/* color-circles */
		.color_1 .typography #content .overview {		
				background: url('../images/info-circle-blue.gif') no-repeat top left;		
		}
		
		.color_2 .typography #content .overview {		
				background: url('../images/info-circle-green.gif') no-repeat top left;		
		}
		
		.color_3 .typography #content .overview {		
				background: url('../images/info-circle-turquoise.gif') no-repeat top left;		
		}
		
		.color_4 .typography #content .overview {		
				background: url('../images/info-circle-pink.gif') no-repeat top left;		
		}
		
		.color_5 .typography #content .overview {		
				background: url('../images/info-circle-orange.gif') no-repeat top left;		
		}

		.color_6 .typography #content .overview {
			background: url('../images/info-circle-red.gif') no-repeat top left;
		}
	
	.typography #content .overview .title {
		display: block;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		/*text-transform: uppercase;*/
		padding-right: 12px;
		height: 38px;
		width: 107px;
	}
	
	.typography #content .overview .moreInfo {
		display: block;		
		font-size: 13px;
		font-weight: bold;
		margin: 7px 0 45px 25px;
	}
	
		/* color */
		.color_1 .typography #content .overview .moreInfo {		
			color: #B0D8EE;
		}
		
		.color_2 .typography #content .overview .moreInfo {		
			color: #EDEEB4;
		}
		
		.color_3 .typography #content .overview .moreInfo {		
			color: #88E7E3;
		}
		
		.color_4 .typography #content .overview .moreInfo {		
			color: #fac6ea;
		}
		
		.color_5 .typography #content .overview .moreInfo {		
			color: #ffe5cb;
		}

		.color_6 .typography #content .overview .moreInfo {
			color: #fcc3ba;
		}
	
	.typography #content a:hover .moreInfo {
		color: #fff !important;
		cursor: pointer;

	}
	

	
	.typography #content .overview .text p {		
		line-height: 17px;
		padding-right: 0;
	}




	
/* BREADCRUMBS
-------------------------------------------- */


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



/* FOOTER
----------------------------------------------- */

#footer {
	font-size: 13px;
	width: 620px;
	float: right;
	margin: 5px 0 15px 0;
	
}

#footer .goBack {
	float: left;
	background: url('../images/back-arrow-gray.gif') no-repeat left top;
	
	padding-left: 26px;
	margin-left: -25px;
}

#footer .goBack .slash {
	margin-left: 5px;
}

#footer ul#footNavigation {	
	float: left;
	margin-left: 10px;

	
}


	#footer ul#footNavigation li {
		list-style: none;
		float: left;
		margin-right: 10px;
		font-size: 13px;
		
		
	}
		
	#footer ul#footNavigation li a, #footer .goBack a {		
		text-decoration: none;
		color: #666;				
	}

	
	
	#footer ul#footNavigation li span, #layout ul#headerNavigation li span {
		margin-left: 5px;				
	}


#bottomLine {
	display: block;
	height: 30px;
	
}

/* EMPLOYEE */

.employee {
	margin-bottom: 10px !important;
}

.employee span.name {
	color: #F7942E;
	font-weight: bold;
}

.employee img {
	float: left;
}

.employee .info {
	margin-left: 20px;
	float: left;
}


/* DOWNLOADS */
.typography #content .download {
	width: 110px;
	height: 84px;
	float: left;
	background: url('../images/download-quad.gif') no-repeat top center;
	padding: 21px 2px 5px 5px;
	margin: 0 25px 30px 0;		
}

.typography #content .download .extension {
	text-transform: uppercase;
	font-size: 23px;
	padding-left: 29px;
	font-weight: bold;	
}

.typography #content .download a {
	display: block;
	background: none;	
	height: 18px;
	padding: 0;	
}

/* SEARCH */
#headerSearch {	
    font-size: 15px;
	font-weight: bold;
	float: left;
	padding-top: 5px;
	width: 190px;
	height: 17px;
	/*position: absolute;
	top: 0px;
	left: 420px;*/
	position: relative;
	margin-left: -1px;
	
	
}

#headerSearch .search {
	display: block;
	float: left;
}

#headerSearch form {
	float: left;
    width: 130px;
    padding: 2px 0 0 0;
    margin: 0;
  /*  position: absolute;
    top: 5px;
    left: 45px;*/
}

#headerSearch form fieldset {
	float: left;
    width: 130px;
    padding: 0;
    margin: 0;  
    
}

#headerSearch form fieldset legend{
	display: none;    
}

 /*  #headerSearch form * {
        display:inline !important;

    }
    */
    
    #headerSearch form div {
    }
   
    #headerSearch form span.search {
    	display: block;
    	float: left;
    	width: 30px;
    }
    
   
    #headerSearch form input.text {
        width: 90px;
        color: #656262;
        background: #eff0f0;
        border: 1px solid #757679;
        margin: 0 5px 0 10px;
        padding: 0px;
       
        
    }
    
    #headerSearch form input.action {    	
           background: url("../images/search.gif") no-repeat left top;
           background-position: 0px 1px;
		   border: 0 none;
		   cursor: pointer;		   
		   height: 16px !important;		  
		   width: 15px !important;
		   color: #fff;		   
		   padding: 0;
		   margin: 0;		   
    }
 /*   
.searchResults h2 {
    font-size:2.2em;
    font-weight:normal;
    color:#0083C8;
    margin-bottom:15px;
}
.searchResults p.searchQuery {
    color:#333;
    margin-bottom:10px;
}
*/
ul#SearchResults {
   	margin: 0;   
}

ul#SearchResults li {
    margin:0 0 25px 0;
    list-style: none;
    background: url('../images/right-arrow-gray.gif') no-repeat left top;
    background-position: 0 3px;
    padding-left: 25px;
    
}

ul#SearchResults li h1 {
    margin-bottom: 5px;    
}

ul#SearchResults li p {
    margin-bottom: 5px;    
}
   /* ul#SearchResults p {
        font-size:1.1em;
        font-weight:normal;
        line-height:2em;
        color:#333;
   }*/
    ul#SearchResults a.searchResultHeader {
        font-size:1.3em;
        font-weight:bold;
       
        text-decoration:none;
        margin:20px 0 8px 0;
        padding-left:20px;
        background:url(../images/treeicons/search-file.gif) no-repeat left center;
    }
        ul#SearchResults a {
            text-decoration:none;
           
        }
        ul#SearchResults a:hover {
       
      
        }

table.noBorder, table.noBorder td{
	border: 0px !important;
	padding: 0px;
}