/* CSS DOCUMENT 

DEVELICA DEUTSCHLAND */


/* 

Table of Contents

	Defaults and clears
	Page format
	Default fonts
	Default links
	Header and Logo
	Header Navigation
	Header Base (for content pages)
	Footer
	
	Content Row
	Homepage Boxes
	General
	News
	About Us
	Portfolio
	Tables
	Bullet Lists
	Flow diagram
	
Notes
	When width is specified in px it is safe to use margins but not padding due to IE bugs
	To specify a width use width of content only and do not add borders or margins
	Floats must specify a width. 
	HR is not a good idea to use for clears in IE, use a . in paragraph with a class to clear and be invisible

*/


/* ----------- Defaults and clears ----------- */

/* Zero down all margins and padding */
*{ 
	margin: 0;
	padding: 0;
}
body {
	background: #CCCCCC;
	text-align: center; /* for IE to centre page */
}
img { border: 0px; }

ul {
	list-style-type: none;
	list-style-image: none;
}

.clear { clear: both; }

.clearleft {
	clear: left;
}
p.clearhide {
	clear: both;
	visibility: hidden;
	height: 1px;
	line-height: 0.1em;
	margin: 0;
	padding: 0;
}

/* ------------ Default Fonts ------------ */

html {
	font-size: 100%;
}
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 62.5%; /* Sets 1em to 10px font */
	color: #000000;
}

p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
li {
	font-size: 1.2em;
	line-height: 1.3em;	
}
td {
	font-size: 1.2em;	
}
h1 {
	font-size: 1.8em;
	margin-top: 3px;
	margin-bottom: 10px;
	color: #6a4e8c;	
}
h2 {
	font-size: 1.5em;
	margin-top: 15px;
	margin-bottom: 8px;
	color: #6a4e8c;
}
h3 {
	font-size: 1.5em;
	margin-top: 15px;
	margin-bottom: 8px;
	color: #A797BE;	
}
h4 {
	font-size: 1.4em;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: normal;
	color: #6a4e8c;
}
h5 {
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: bold;
}
h6 {
	font-size: 1.2em;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: normal;	
}

/* -----------Default  Links ----------- */

a:link { color: #3A8F95; text-decoration: none; }
a:visited { color: #3A8F95; text-decoration: none; }
a:hover { color: #49176E; text-decoration: none; }
a:active { color: #49176E; text-decoration: none; }

a {
	font-weight: bold;
	line-height: 1.3em;
}


/* ----------- Page Formats ----------- */
/* Page border, width, position and left align all content */

#language {
	width: 795px;
	margin: 0px auto;
	text-align: right;
}

#pageborder {
	width: 775px;
	margin: 15px auto;
	border: 10px solid #FFFFFF;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(bg_header.jpg);
	background-repeat: no-repeat;
	background-position: 0 -17px;
}

#home #pageborder {
	width: 775px;
	margin: 15px auto;
	border: 10px solid #FFFFFF;
	text-align: left;
	background-color: #145158;
	background-image: url(bg_home.jpg);
	background-repeat: repeat;
	background-position: 0 60px;
}

#pageformat {
	text-align: left;
}





/* ----------- Header and Logo ---------- */


#headerleft {
	float: left;
	border-bottom: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	width: 31px;
	height: 129px;
}

#headerright {
	float: left;
	border-bottom: 1px #FFFFFF solid;
	width: 743px;
	height: 101px;
}

#headerright #logo {
	padding: 0 10px 1px 1px;
	float: left;
}


/* ----------- Create Block Nav with correct colours ---------- */

.blocknav a {
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 10px; 
	padding-right: 20px;
	padding-top: 1px;
	text-align: left;
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: right;	
}


.blocknav a:link { color: #f3f2f1; text-decoration: none; }
.blocknav a:visited { color: #f3f2f1; text-decoration: none; }
.blocknav a:hover { color: #ffffff; text-decoration: none; background-color: #3A8F95;}
.blocknav a:active { color: #ffffff; text-decoration: none; background-color: #3A8F95; }



/* ----------- Main Nav set horizontal floats and set borders ---------- */
 

ul#navmain, ul#navmain li {
	float: left;
	text-align: left;
}

ul#navmain {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 1px 0 1px 1px;
	background-color: #423056;
	margin-bottom: 0px;
}

ul#navmain li {
	border-right: 1px solid #423056;
	background-color: #9482AA;
}

ul#navmain.blocknav a {
	width: auto;
	font-size: 1.2em;
}

#navmain a:link { color: #f3f2f1; text-decoration: none;  }
#navmain a:visited { color: #f3f2f1; text-decoration: none;  }
#navmain a:hover { color: white; text-decoration: none; background-color: #3A8F95; }
#navmain a:active { color: white; text-decoration: none; }




#home li#navhome a:visited, 
#aboutus li#navaboutus a:visited, 
#portfolio li#navportfolio a:visited, 
#germany li#navgermany a:visited, 
#investorrelations li#navaim a:visited, 
#news li#navnews a:visited, 
#contactus li#navcontactus  a:visited,
#legal li#navlegal  a:visited 
{	background-color: #b3a1ca; /* hightlight nav button on matching page  */
}
#home li#navhome a:hover, 
#aboutus li#navaboutus a:hover, 
#portfolio li#navportfolio a:hover, 
#germany li#navgermany a:hover, 
#investorrelations li#navaim a:hover, 
#news li#navnews a:hover, 
#contactus li#navcontactus  a:hover, 
#legal li#navlegal  a:hover 
{	background-color: #3A8F95; /* reset hover colour  */
}




/* ----------- Company Nav on home page only set horizontal blocks and set borders ---------- */
 

ul#navcompanies {
	float: right;
	text-align: left;
}

ul#navcompanies li {
	float: left;
	text-align: left;
}

ul#navcompanies li {
	border-right: 1px solid #423056;
}

.blocknav li.language  a {
	padding-right: 5px;
	text-align: left;
	background-image: none; /* to remove arrow */
}


ul#navcompanies.blocknav a {
	width: auto;
	font-size: 1em;
	
}
#navcompanies {
	visibility: hidden;	
}
#home #navcompanies, .german #navcompanies {
	visibility: visible;
}



/* ----------- Header base on content pages and not on home page  ----------- */

#headerbase {
	clear: both;
	background: #FFFFFF url(bg_headerbase.gif) repeat-x left top;
	height: 10px;
	margin-bottom: 0px;
}


/* ----------- Portfolio Nav 2010 set horizontal floats and set borders ---------- */
 
#secondrownav {
	clear: both;
	margin: 9px 32px 9px 0px;
	background-color: none;
}

ul#navrowportfolio {
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	background-color: #f3eef9;
	position: relative;
	overflow: hidden;
}

ul#navrowportfolio li {
	float: left;
	text-align: left;
	
}

ul#navrowportfolio.blocknav a {
	font-size: 1.2em;
}

#navrowportfolio a:link { color: #3A8F95; text-decoration: none;  }
#navrowportfolio a:visited { color: #3A8F95; text-decoration: none;  }
#navrowportfolio a:hover { color: #49176E; text-decoration: none; background-color: #e2ddea; }
#navrowportfolio a:active { color: #49176E; text-decoration: none; }

#portfoliocontent h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}





/* ----------- Footer ----------- */


#footer {
	clear: both;
	background-color: #A191BA;
	margin: 0px;
	width: 100%;
	color: #FFFFFF;
	
}
#footernote {
	float: left;
	padding: 7px 5px 0 31px;
	margin: 0px;
	font-size: 1.2em;
}

/* ----------- Footer Nav  ---------- */
 

ul#navfooter {
	float: right;
	text-align: left;
}

ul#navfooter li {
	float: left;
	text-align: left;
}

/* uncomment this and use if there is more than one item in footer nav
ul#navfooter li {
	border-right: 1px solid #423056;
}
*/

ul#navfooter.blocknav a {
	width: auto;
	font-size: 1em;	
}

/* ----------- Bullet Lists  ----------- */

ul.bulletlist  {
	margin-left: 6px;
	padding-left: 6px;
}

.bulletlist li {
	list-style-position: outside;
	margin-top: 0.5em;
	margin-left: 0.5em;
	list-style-type: disc;
	text-indent: 0pt;
	list-style-image: url(gridbullet.gif);
	font-size: 1.2em;
	line-height: 1.3em;
}


/* ----------- Content Row----------- */

#contentrow {
	clear: both;
	background: #FFFFFF;
	margin-top: 0;
	padding-top: 0;
	
}

#homecontentrow {
	clear: both;
	padding-top: 20px; /* create space to reveal photo */
	
}

/* ----------- Homepage content boxes ----------- */

#homeintrobox {
	float: left;
	width: 465px;
	margin: 0px 0 30px 31px;
	color: #FFFFFF;
	padding-top: 15px;  
	background-image: url(bg_intro.png);	
}

#homeintrobox img {
	float: right;
	margin: 10px 0px 20px 5px;
	
}
#homeintrobox p {
	margin: 10px 10px 10px 15px;
	
	
}


#homeintrobox a:hover { color: white; text-decoration: none;  }
#homeintrobox a:active { color: white; text-decoration: none;  }




#homenewsbox {
	float: right;
	width: 185px;
	margin: 0px 62px 30px 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	background-image: url(grid4lilac.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#homenewsbox li {
	margin: 10px 15px 1px 10px;
	
}

#homeintrobox a {
	color:#5BB4A0;
	
}

#homenewsbox a {
	font-size: 1.2em;
	
}

#sharebox {
	clear: left;
	float: left;
	margin: 0px 0px 20px 31px;
	padding: 0px;
	background-color: #9ECACD;
	width: 248px; /* make these fit around iframe */
	height: 100px;	/* make these fit around iframe */
}

#shareboxinner {
	margin: 0 0 0 10px; /* create margin around iframe */
	width: 228px; /* make these fit around iframe */
	height: 100px;
		
}

#whitebox {
	float: left;
	margin: 0 0 30px 31px;
	width: 248px;
	background-color: #FFFFFF;
	margin-top: 0px;  	
}




/* ----------- Sidebar ----------- */

#sidebar {
	float: left;
	width: 145px;
	margin: 10px 0 10px 31px;
}

#sidebar ul li {
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
}

#sidebar h1 {
	font-weight: normal;

}
#sidebar ul a:hover {
	background: white;
}

/* ----------- Content general ----------- */

#content {
	float: right;
	width: 589px;
	margin: 10px 0 31px 0px;
}

#content p {
	padding-right: 93px;
	line-height: 1.4em;
}

.backtotop {
	border-top: 1px dotted #999999; 
	padding-top: 5px;
	margin-top: 30px;
	clear: both;
}

h3.band {
	margin-top: 20px;
	border-top: #A797BE 1px solid;
	padding-top: 15px;
	padding-bottom: 8px;
	padding-left: 5px;
	background: #e6e3ef;
	margin-bottom: 20px;
}

#top {
	margin-top: 20px;
}
#col1 { 
	float: left;
	width: 233px;
	margin-right: 15px;
		margin-bottom: 20px;
}
#col2 { 
	float: left;
	width: 233px;
		margin-bottom: 20px;
}
#col1 p, #col2 p {
	margin-right: 0;
	padding-right: 0;

}



.form {
	margin-top: 20px;
	clear: both;
	background: #E2DDEA;
	margin-right: 93px;
	
}

.form p, .form h2 {
	padding: 10px 10px 1px 10px;
	
}


img.spaceabove {
	margin-top: 20px;
}

#content ul {
	margin-right: 93px; 
}

#content span.smalltext {
	font-size: 1em;
	color: #777777;
}

#content p.smalltext {
	font-size: 1.2em;
	color: #777777;
	margin-top: -5px;
}


/* ----------- Content News  ----------- */

#news #content {
	width: 496px; 
}
#news #sidebar {
	width: 233px; /* 248 minus 15 right margin */
}
#news #sidebar ul li {
  border-bottom: 1px #CCCCCC solid;
  padding: 5px 0 5px 0;
}
#news #content img {
	float: right;
	margin: 0px 0px 10px 10px;
}
#news #content p {
	padding-right: 124px;  /* create 9 word average on each line */
}

img.max  { max-width: 248px; }

#news #content img.wide {
	margin: 0px 0px 10px 0px;
	width: 495px;
}

#news #content img.icon {
	float: none;
	margin: 0px 10px 10px 0px;

}

#news #content ul.wide {
	padding-top: 10px;
	padding-right: 0px;
	width: 100%;

}

#news #content ul img {
	float: none;
	margin: 0px 10px 10px 0px;

}

ol {
	padding-left: 20px;
	padding-right: 80px;
}

ol li {
	margin-top: 8px;
	margin-bottom: 8px;
}
 
 
 

/* ----------- Content About Us  ----------- */

.profile {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 490px;
	
}
.picframe {
	clear: left;
	float: right;
	border: 5px solid #e6e3ef;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
		
}
.picframe img {
	padding: 10px;
}





/* ----------- Content Portfolio  ----------- */


#portfolio #contentrow {
	background: url(gridlilac.gif) repeat;
	padding-top: 2px;
}

#portfoliooverview #contentrow {
	background: none;

}


#portfolio #contentrow h1{
	margin-bottom: -0px;
	
}


#portfoliocontent {
	padding: 10px 0px 30px 30px;
	position: relative;
	overflow: hidden;
}

.portfoliobox {
	float: left; /* makes box */
	width: 230px;
	display: block;
	margin: 12px  12px 0 0 ;
	background-color: #ffffff;
}

.portfoliobox p.percentage {
	text-align: center;
	font-size: 3em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #6a4e8c;	
	
}

.portfoliobox h3 {
	margin-top: 0px;
	padding-top: 10px;
	color: #6a4e8c;
	border-top: 10px #A797BE solid;
	
}




.portfolioitem {
	margin: 20px 0 20px 0; /* vertically space items */
	padding: 0 0 15px 0;
	background: #FFFFFF;
	border-bottom: #A797BE 1px solid;
	width: 713px;
	position: relative;
	overflow: hidden;
}
.portfolioitem h2{ /* title bar */
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 15px;
	background: #d7d1e8;
	margin-bottom: 5px;
	margin-top: 0;
}

.portfolioitem ul {
	margin: 25px 248px 15px 31px; 
}

.portfolioitem p {
	margin: 10px 248px 10px 31px; 
}

.portfolioitem h4 {
	margin: 10px 248px 10px 31px; 
}
.portfolioitem img {
	float: right;
	margin: 10px 15px 0px 10px;
	clear: right;
}
.portfolioitem img.map {
	float: none;
	margin: 15px 15px 15px 31px;
	clear: left;
}

.portfolioitem img.piechart {
	float: none;
	display: block;
    margin-left: auto;
    margin-right: auto
}

.portfolioitem .imagenote {
	clear: both;
	float: right; 
	margin: 5px 15px 0 0;
	color: #999999;
}






/* ----------- Tables  ----------- */





/* ----------- Tables  ----------- */

#content table {
	margin-top: 15px;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#content table th {
	background-color: #E2DDEA;
	vertical-align: top;
	text-align: left;
	padding: 10px 10px 10px 10px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#content table td {
	vertical-align: top;
	text-align: left;
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;	
}

#content table.headed {
	margin-right: 93px;	
}

#content table.headed td {
	vertical-align: top;
	text-align: right;
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	border: 1px solid #CCCCCC;	
}

#content table.headed td.left {
	text-align: left;	
}

#content table.headed th {
	text-align: left;
	border: 1px solid #CCCCCC;	
}


#content table.simpleline {
	background: #E2DDEA;
	margin: 20px 0;
}

#content table.simpleline td {
	border: 1px solid #FFFFFF;
	padding: 8px 31px 8px 31px;
}
#content table.simpleline td.col1 {
	font-weight: bold;
}


#content table.structure td {
	padding: 0px;
	border: none;	
}
#content table.structure td.info {
	background: #E2DDEA;
	padding: 10px;	
}

#contactus #content table td {
	padding: 5px 10px;
}







/* ----------- Investor Relations AIM ----------- */

#investorrelations #sidebar {
	float: left;
	width: 114px;
	margin: 10px 0 10px 31px;
}

#investorrelations #content {
	width: 620px;
}

#aimrule26 { clear:both}

#aimrule26 a:link { text-decoration: underline;  }
#aimrule26 a:visited { text-decoration: underline;;  }
#aimrule26 a:hover { text-decoration: underline; }
#aimrule26 a:active { text-decoration: underline; }

#aimrule26 h4 { margin-top: 25px; }
				
#aimrule26 h4, #aimrule26 p { margin-right: 93px; }


.columnband {
	background-color: #ebf4f4;
}

#content .subcolumn {
	float: left;
	width: 250px;
	margin-right: 10px;
	padding: 10px; 
	background-color: #ebf4f4;
}

#content .subcolumn  a:link { text-decoration: underline;  }
#content .subcolumn  a:visited { text-decoration: underline;;  }
#content .subcolumn  a:hover { text-decoration: underline; }
#content .subcolumn  a:active { text-decoration: underline; }



#content .subcolumn p {
	padding-right: 0px;
	
}

.subcolumn h4, 
.subcolumn p,
.subcolumn h2,
.subcolumn h3,

{ margin-right: 0px; padding-right: 0px; !important }

/* ----------- Flow diagram ----------- */

.boxed {
	width: 403px;
	background: #E2DDEA;
	text-align: center;
	border-bottom: #AFA0C4 1px solid;
	margin: 0;
}
.boxed2 {
	width: 403px;
	background: #EEEEEE;
	text-align: center;
	border-bottom: #CCCCCC 1px solid;
	margin: 0;
}
.boxed p {
	padding: 10px;
	margin: 0;
	font-weight: bold;
}
.boxed2 p {
	padding: 10px;
	margin: 0;
}
.arrowdown {
	width: 403px;
	text-align: center;
	margin: 0 0 5px 0;
}




/* ----------- END CSS ----------- */