@charset "utf-8";

/* CSS Document */

/**
 * DIC Asset AG
 * ==========================
 * @site 			www.dic-asset.de
 * @date 			2011-02-27 (Erstellungsdatum)
 * @author 			LinusContent
 * @copyright 		LinusContent
 * @see 			http://www.linuscontent.com/
 *
 */
 
 /**
 * @section 	Inhaltsverzeichnis
 * 				==================
 * Farbdefinitionen 			C
 * Grundeinstellungen (reset, ...) 	G
 * Links 				L
 * Seitenlayout / Sektionen 		S
 * Navigation 				N
 * Textelemente 			W
 * Grafiken				G
 * Formulare 				F
 * Tabellen 				T
 * Medienstyles (Print, Mobil) 		M
 */
 
 /** =C
 *
 * @section 	Farbdefinitionen
 * 				================

 * @colordef 	pantone 7461 (100%)  #437fa5
 * @colordef 	Blau (75%):  #7199bb
 * @colordef 	Blau (50%): #a0c7bf
 * @colordef 	Blau (25%): #d1dce8

 * @colordef 	braun: #dbc4a3 
 * @colordef 	braun: #ba8e55


 * @colordef 	blutrot: #a47768

 * @colordef 	hks 16: #B5152B
 * @colordef 	pantone Cool gray 11: #5c5d5f

/* Colors




*/

 *
 */

/** =G
 *
 * @section 	Grundeinstellungen
 * 			==========================
 * @note 	reset von Standard-HTML-Elementen, wie
 * @note 	Ueberschriften, Links etc.
 *
 */

html{color:#5c5d5f;background:#FFF;}
body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,p,pre,code,fieldset,form,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}

abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend{color:#000;}

.clear{clear: both;line-height: 1px; font-size:1px;}
.clear-span{clear: both;line-height: 1px; font-size:1px; display: block;}



td {vertical-align: top; }

p, h1, h2, h3, h4, h5, h6, li, table, tr, td,  {line-height: 16px; font-weight: normal;}

/** =L
 *
 * @section 	Links
 * 			==========================
 *
 */ 

a {color: #000000; text-decoration: underline; }

#main_navigation a {color:#5c5d5f; text-decoration: none; text-transform: uppercase;}


#leftnavigation a {text-decoration:none; color:#5c5d5f; font-weight: normal;}
#leftnavigation p.active a, #leftnavigation p.firstactive a  {text-decoration:none; color:#357ca6; font-weight: normal;}
#leftnavigation a:hover {text-decoration:none; color:#357ca6; font-weight: normal;}

#bereichsnavigation a{color:#5c5d5f; text-decoration: none; text-transform: uppercase;}
#bereichsnavigation a:hover {text-decoration:none; color:#357ca6;}
.left a {color:#5c5d5f; text-decoration: none; }
.right a {color:#5c5d5f; text-decoration: none; }

#fuss a{color:#5c5d5f; text-decoration: none;  text-transform: uppercase;}
#fuss .fussspacer{display: block; float: left; margin: 0px 10px 0px 5px; }

a.auszeichnung, a.red {color: #B5152B;}
a .auszeichnung, a .red   {color: #B5152B;}

.noco{color:#5c5d5f; text-decoration: none; }
.analyst-links a{color:#5c5d5f; text-decoration: none; }

#breadcrumb a, #breadcrumb2rows a {color: #c8c8c8; font-size: 10px;}
#breadcrumb #bereichsnavigation-sub  a {color: #5c5d5f;  font-size: 11px; text-decoration: none;}
#breadcrumb #bereichsnavigation-sub  .active a {color: #437fa5;}

#news #bereichsnavigation #b-news a, #unternehmen #bereichsnavigation #b-unternehmen a,  #vermietung #bereichsnavigation #b-vermietung a,   #immo #bereichsnavigation #b-vermietung a,  #standorte #bereichsnavigation  #b-standorte a, #kontakt #bereichsnavigation #b-kontakt a {color: #357ca6;}



 /** =S
 *
 * @section 	Seitenlayout
 * 			==========================
 *
 */
html { }
body {margin:0; padding:0; text-align: left; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif; }
 
#pagetop{}
#pageframe { margin-right: auto; margin-left: auto; width: 940px;  margin-top: 0; padding: 0px; border: 1px solid #ededed}
#page {background-color: #fff; text-align: left; width: 920px; margin-top: 0; margin-right: auto; margin-left: auto; }
#kopf{ background-image: url(../media/layout/Onsite-Kopf-bg.jpg); background-repeat: no-repeat;}
#main_navigation { float: left;  text-align: left; width: 560px; height: 68px; margin: 0; padding: 0; }

#header_DIC_Onsite{ float: left;  background-image: url(../media/layout/Logo-Onsite-2011.jpg); width: 360px; height: 68px; margin: 0; padding: 0; }
#header_DIC_Onsite h1{ visibility: hidden; margin: 0; padding: 0; }

#header_Visual {clear: both; width: 100%; height: 255px; margin: 0; padding: 0; }
#news #header_Visual {clear: both; background-image: url(../media/layout/KGaA-Startvisual-small.jpg); width: 100%; height: 155px; margin: 0; padding: 0; }

#kontakt #header_Visual {clear: both; background-image: url(../media/layout/KGaA-Visual-Kontakt.jpg); width: 100%; height: 255px; margin: 0; padding: 0; }


#header_Visual_small {clear: both;   background-image: url(../media/layout/KGaA-Startvisual-small.jpg); width: 100%; height: 155px; margin: 0; padding: 0; }
#header_Visual h2, #header_Visual_small h2{ visibility: hidden; margin: 0; padding: 0; }


/* Header js */
.space_l {
	float:left;
	width: 5px;
	height:2px;
	
	font-size:1px;
	line-height:1px;
	
	
}

.space_l1 {
	float:left;
	width: 5px;
	height:2px;

	font-size:1px;
	line-height:1px;
	
	clear:left;
}


.space_white {
	float:left;
	width: 930px;
	height:2px;
	background-color: #ffffff;	
	font-size:1px;
	line-height:1px;
	
}
/* Header js */



#contentbody{ width: 920px; }
#fuss  {background-color: #fff; text-align: left; width: 920px; padding-bottom: 0px; padding-top: 0px; padding-bottom: 7px; margin-right: auto; margin-left: auto; }



/** =N
 *
 * @section 	Navigation
 * 			==========================
 *
 */
 
#main_navigation div {float:left; padding: 30px 10px 7px 10px;}
#main_navigation div#main-start{padding: 30px 10px 7px 2px;}
#main_navigation div#main-spacer{padding: 30px 10px 7px 10px;}



#bereichsnavigation{ background-color: white;  text-align: center; width: 100%; height: 25px; margin: 0; padding: 0; }
#bereichsnavigation div {float: left; padding: 5px 39px 5px 39px;}
#bereichsnavigation div#b-news, #bereichsnavigation div#b-news-a{padding-left: 20px;}
#bereichsnavigation div a{display: block;}
#bereichsnavigation_spacer{ clear: both; background-image: url(../media/layout/nav-spacer.jpg); background-repeat: no-repeat; width: 100%; height: 5px; margin: 0; padding: 0; }

#breadcrumb{ background-image: url(../media/layout/breadcrumb-bg.jpg); width: 100%; height: 35px; margin: 0 0 2px 0; padding: 0; }
#breadcrumb2rows{ background-image: url(../media/layout/breadcrumb-bg2rows.jpg); width: 100%; height: 35px; margin: 0 0 2px 0; padding: 0; }
#start #breadcrumb { background-image: none; height: 20px;}

#bc-rechts,#bc-links {float: left; }
#bc-links {width: 239px; text-align: right;}
#start #bc-links, #start #bc-rechts {visibility:hidden;}



#immo #bereichsnavigation-sub {text-align: left; padding-left: 210px;}
#immo #bereichsnavigation-sub div {float: left; padding: 5px 4px 5px 4px;}

 /** =T
 *
 * @section 	Textelemente
 * 			==========================
 *
 */
 


#bereichsnavigation p {font-size: 13px; margin-bottom: 0px;}
#main_navigation p {font-size: 10px;}
#fuss p{font-size: 10px;}

#breadcrumb p, #breadcrumb2rows p {color: #c8c8c8;}
#breadcrumb #bereichsnavigation-sub p {color: #5c5d5f; text-transform: uppercase; }

#bc-rechts p {}
#bc-links p {margin-right: 8px;}




 /** =G
 *
 * @section 	Grafiken
 * 			==========================
 *
 */
 

/* ++++++++++++++++++++++++++++++++++ Images ++++++++++++++++++++++++++++++++++ */
.imgnav {margin-left: 15px;}
.imgnav-is{float:left; margin-right: 5px; }
.imgicon { margin-bottom:5px; margin-top:5px;}
.imgleft {float:left; margin-right: 15px; margin-bottom: 15px;}
.imgleftbo {float:left; margin-right: 15px; margin-bottom: 15px;border: solid 1px #d1dce8; }
.imgleftstart {float:left; margin-right: 15px; margin-bottom: 5px;}
.imglefticon {float:left; margin-right: 5px; margin-bottom: 15px;}
.imgright {float:right ; margin-left: 15px; margin-bottom: 15px; }
.imgright1 {float:right ; margin-left: 50px; margin-right: 35px; margin-bottom: 25px; }
.imgrightborder {float:right ; margin-left: 15px; margin-bottom: 15px; border: solid 1px #d1dce8; }
.TO { border: solid 1px #d1dce8; }
.border1{border: solid 1px #e4e4e4; margin: 0;}

.starticon{float:right ; margin-left: 50px; margin-bottom: 30px; border: solid 1px #e4e4e4;}
.bordericon{ border: solid 1px #e4e4e4;}
.starticon1{clear: both; float:right ; margin-left: 50px; margin-bottom: 30px;  }
.starticon2{clear: both; float:right ; margin-left: 50px; margin-bottom: 30px;   border: solid 1px #e4e4e4;}
/* ++++++++++++++++++++++++++++++++++ Images ++++++++++++++++++++++++++++++++++ */

 /** =T
 *
 * @section 	Tabellen
 * 			==========================
 *
 */
 
 
 
  /** =T
 *
 * @section 	ONSITE Layout
 * 			==========================
 *
 */
 

 
#leftnavigation {float:left;width: 215px;}
#immo #leftnavigation {float:left;width: 920px;}
#middle{ float:left; width: 480px;}
#right{	float:left; width: 210px;	}


#middleone{ float:left; width: 690px;}









#middleone .right { float: right; width: 220px; margin-left: 30px; margin-bottom: 30px;}
#middleone .bigright { float: right; width: 300px; margin-left: 30px; margin-bottom: 30px;}

#middleone .kontakt_l { float:left; width: 470px}
#middleone .kontakt_r { float:left; width: 214px}

#middleone .box1 { float:left; width: 310px; margin-top:10px;}
#middleone .box2 { float:left; width: 310px; margin-left: 15px; margin-top:10px;}
#middleone .box4 { float:left; width: 210px; margin-top:10px;}
#middleone .box5 { float:left; width: 410px; margin-left: 15px; margin-top:10px;}


#middleone .spacebox {float:left; width: 20px;}
#middleone .boxi1 { float:left; width: 200px; margin-top:10px;}
#middleone .boxi2 { float:left; width: 200px; margin-left: 20px; margin-top:10px;}
#middleone .boxi3 { float:left; width: 200px; margin-left: 20px; margin-top:10px;}

.right-space{ background-image: url(../media/layout/linie-gruen-3.jpg); background-repeat: repeat-x; width: 100%; height: 3px; margin-top: 20px; margin-bottom: 3px;}


p, h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
	color: #737373;
}
p {font-size:11px; line-height: 16px; margin-bottom: 7px; margin-top: 0px;}


/* ++++++++++++ Headlines ++++++++++++ */
h1{font-weight: bold; font-size: 13px; text-transform: uppercase; margin-bottom: 20px;}
h2{font-weight: bold; font-size: 13px; text-transform: uppercase; margin-bottom: 20px; padding-top: 10px;}
h3 {font-weight: bold; font-size: 12px; line-height: 16px; margin-bottom: 7px;}
h4 {font-weight: bold; font-size: 12px; line-height: 14px; margin-bottom: 7px;}
h5 {font-weight: bold; font-size: 11px; line-height: 14px; margin-bottom: 7px; }
h6 {font-weight: bold; font-size: 11px; line-height: 14px; margin-bottom: 7px;}


#leftnavigation  h3 {font-size: 11px; line-height: 16px; text-transform: uppercase; margin-bottom: 20px; margin-left:15px;}
#right  h3 {font-size: 11px; line-height: 16px; text-transform: uppercase; margin-bottom: 20px;}


.onerow h2 {margin-top: 12px;}
#immo .onerow h2 {margin:0 15px 15px 21px;}
iframe {margin-left:21px; border: solid 1px #c8c8c8; }


#start h2{font-weight: bold; font-size: 14px; text-transform: uppercase; margin-left: 20px; line-height: 22px; padding-top: 10px; padding-bottom: 5px;}
#start .start2 p {margin-left: 140px; margin-bottom: 20px; margin-right: 320px;}

/* ++++++++++++ Headlines ++++++++++++ */

strong {font-weight: bold;}

#k3 p { color: white; margin-left: 15px; text-transform: uppercase; }
#k3_current p{ margin-left: 20px; margin-top: 12px;}
#k3_suche p{ margin-left: 15px; }
#k3_suche .suche p {}
#k3_suche .sitemap p {margin-top: 11px;}

#f2 p { margin-right: 15px; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px;}

#middle p, #middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6 {
	margin-left: 20px; margin-right:50px;
}
#middleone p, #middleone h1, #middleone h2, #middleone h3, #middleone h4, #middleone h5, #middleone h6 {
	margin-left: 20px; margin-right:30px;
}


.first {margin-top: 0px;}

#right p {}
#right .labelrechts p {margin-left: 10px; margin-right:15px;  margin-bottom: 7px;}

#right .labelrechts .labelregion p.labelliste {margin-left: 15px;}
#right .labelrechts h3 {font-size: 11px; margin-left: 10px; margin-right:15px; margin-top: 0px; margin-bottom: 10px}
#right .labeljobs h3 {
	font-size: 11px;
	margin-left: 10px;
	margin-right:15px;
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 15px;
	color: #ffffff;
}

#right .labelrechts p.labelliste, #right .labeljobs p.labelliste {
	text-indent: -10px;
	margin-left: 20px;
}

#right .labelrechts p.labellistelink {
	padding-top: 7px;
	text-align: right;
	margin-bottom: 2px;
	color: #ffffff;
}


#right .labeljobs p.labellistelink {
	padding-top: 7px;
	text-align: right;
	margin-bottom: 2px;
}



.onerow p {margin-left:6px;}

#middleone .box1 p, #middleone .box2 p {margin:0px;}
#middleone .box1 p  {margin-right: 10px;}
#middleone .box4 p, #middleone .box5 p {margin-right:0px;}
#middleone .boxi2 p, #middleone .boxi3 p, #middleone .boxi1 p {margin-left: 0px; margin-right:0px;margin-top: 0px; margin-bottom: 7px}


#middle .right p, #middleone .right p {
	font-size:10px;
	line-height: 13px;
	margin:0 0 7px 0;
}
 
 .clear {
	height: 1px;
	font-size:1px;
	line-height:1px;
	clear:both;
	}


/* ++++++++++++++++++++++ Navigations Tags  ++++++++++++++++++++++ */
#immo #leftnavigation div {float: left; margin: 0 15px 0 15px;}
#leftnavigation p { 
	margin:0px 15px 7px 15px;
	
}

#leftnavigation .labellinks p {
	margin-left: 0px; margin-right:0px;  margin-bottom: 7px;
	text-transform: none;
	font-size: 10px; line-height: 13px; 
	}


#leftnavigation p.firstactive {	margin:0px 15px 7px 15px;}
#leftnavigation p.firstactive, #leftnavigation p.active {text-indent: -2px;}
#leftnavigation .labellinks1 p {
	text-transform: none;
}

#leftnavigation p.first, #middle h2.first, #middleone h2.first { margin-top: 0px;}

#leftnavigation .separation {
	margin:0px 15px 3px 0px;
	width: 219px;
	font-size:1px;
	height:1px;
	line-height:1px;
	//background-image: url(../media/layout/l_22a.gif);
	//background-repeat:repeat-x;
}



/* ++++++++++++++++++++++ Navigations Tags  ++++++++++++++++++++++ */



#middle .separation, #middleone .separation {
	margin:12px 30px 12px 20px;
	width: 400px;
	height:1px;
	line-height:1px;
	font-size:1px;
	background-image: url(../media/layout/l_22a.gif);
	background-repeat:repeat-x;
}



#root #middleone .separation, #kontakt #middleone .separation , #vermietung #middleone .separation   {
width: 634px;
}

 #immo #middleone .separation   {
width:100%;
}

#middleone .separationimmo  {
height:1px;
line-height:1px;
font-size:1px;
background-image: url(../media/layout/l_22a.gif);
background-repeat:repeat-x;
margin:10px 30px 0px 20px;
width: 634px;
}

#middleone .separationregio  {
height:1px;
line-height:1px;
font-size:1px;
background-image: url(../media/layout/l_22a.gif);
background-repeat:repeat-x;
margin:0px 30px 7px 20px;
width: 634px;
}



#Suche #middleone .separation {
width: 400px;
}


.onerowsepa {
	margin:0px 0px 0px 6px;
	width: 918px;
	font-size:1px;
	height:1px;
	line-height:1px;
	background-image: url(../media/layout/l_22a.gif);}


/* ++++++++++++++++++++++sepa  ++++++++++++++++++++++ */





/* ++++++++++++ Listen ++++++++++++ */
ul, ol {font-size:12px; line-height: 18px;}
ul.milestones { list-style-type: none; }
li{font-size: 11px; margin-bottom: 7px;}

#leftnavigation ul {
	margin-left: 30px;
	margin-right: 15px;
}
#leftnavigation ul li {
	margin-bottom: 5px;
}

#middle ul, #middleone ul {
	margin-left: 35px;
	margin-right: 50px;
	padding-bottom: 15px;
	padding-top: 7px;
}

#middle ul.milestones { text-indent: -20px; }
#middle ul.sitemap{margin-left: 55px;}
#middle ul li, #middleone ul li  {
	margin-bottom: 7px;
}


#middleone .box1 ul, #middleone .box2 ul, #middleone .box3 ul {
	margin-left: 15px;
	margin-right: 20px;
	padding-bottom: 15px;
	padding-top: 5px;
}

#middleone .boxi3 ul, #middleone .boxi4 ul {
	margin-left: 15px;
	margin-right: 0px;
	padding-bottom: 15px;
	padding-top: 0px;
}



p.pre_ul {margin-top: 12px; margin-bottom: 0px;}
p.post_ul {margin-top: 15px;}
p.b_ul {margin-top: 0px; margin-bottom: 0px;}

/* ++++++++++++ Listen ++++++++++++ */

.notext { visibility: hidden; }
.nobr {
	white-space: nowrap;
}

.small{
	font-size: 10px;
	letter-spacing: -2px;
}


/* ++++++++++++++++++++++++++++++++++ Texttags ++++++++++++++++++++++++++++++++++  */