/* Start of CMSMS style sheet 'Layout: Hauptlayout' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/

img {
   border: 0;
}

/*
default link styles
*/

a {
   text-decoration:none;
   color: #084;
}

a:hover {
   text-decoration: none;
   color: #000;
}

/*****************
basic layout 
*****************/
body {
   background-color: #fff;
   color: #333;
   margin:1em;    /* gives some air for the pagewrapper */
   text-align:center
}

#seite {
 margin: 0 auto;
 text-align: left;
 width: 964px
}

div#hpi-logo {
   height: 138px;    /* adjust according your image size */
   width: 185px;
   background: #385C72;  
   float: left;
   background: url('images/cms/hpi-logo.gif') no-repeat;
}

div#header {
   height: 138px;    /* adjust according your image size */
   width: 606px;
   float: left;
}

div#dhi-logo {
   height: 138px;    /* adjust according your image size */
   width: 161px;
   background: blue;
   float: left;
   background: url('images/cms/dhi-logo.gif') no-repeat;
}

div#menu {
   clear: left;
   width: 175px;
   float: left;
   border-left: 12px solid #084;
   position: relative;
   top: -18px;
}

div#flow {
   width: 12px;
   height: 20px;
   background-color: #fff;
   position: absolute;
   top: 130px;
   z-index: 1;
}

div#content {
   width: 604px;
   float: left;
}

div#content_breit {
   width: 560px;
}

div#content_spalte1 {
   width: 284px;
   float: left;
}

div#content_spalte2 {
   width: 284px;
   float: right;
   margin-right: 24px;
}

div#hpi_allgemein {
   width: 430px;
   float: left;
}

div#institutsleiter {
   width: 148px;
   float: right;
   margin-right: 3px;
   margin-top: 50px;
}

div#quicklink {
   width: 161px;
   float: left;
}

h1
{
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 195%;
   line-height: 1em;
   font-weight: bold;
   margin-top: 60px;
}

.sitemap {
color: #000000;
margin-left: 26px;
line-height: 18px;
}

.sitemap a
{
color: #084;
font-weight: bold;
}

.sitemap a:hover
{
color: #EC6400;
}

.sitemap ul
{
margin-left: 30px;
}



/*****************
MENU LAYOUT
*****************/
div#menu li {
margin-left: 12px;
list-style-type: none;
font-weight: bold;
font-size: 1.0em;
line-height: 2.3em;
position: relative;
top: 0px;
}

div#menu ul#primary-nav {
position: relative;
top: 9px;
}

.menuactive {
font-weight: bold;
color: #000;
}

/*****************
QUICKMENU LAYOUT
*****************/
div#quicklink li {
margin-left: 0px;
list-style-type: none;
font-weight: bold;
font-size: 1.0em;
line-height: 2.3em;
position: relative;
top: 2px;
white-space: nowrap;
}

.menuactive {
font-weight: bold;
color: #000;
}

span.suche {
font-weight: bold;
color: #084;
font-size: 1.0em;
position: relative;
top: -2px;
}

input#cntnt01searchinput {
border: 1px solid #084;
height: 18px;
position: relative;
top: -9px;
}

#search {
position: relative;
top: 4px;
}

.suchergebnis {
list-style-type: none;
margin-left: 11px;
font-size: 1.0em;
margin-top: 5px;
line-height: 1.5em;
font-weight: bold;
}

/********************
CONTENT STYLING
*********************/
.image_wide {
border-left: 12px solid #084;
width: 568px;
height: 120px;
}

.image_small {
border-left: 12px solid #084;
width: 272px;
height: 40px;
}

.gruener_balken {
   border-left: 12px solid #084;
}

div#content {
align: left;
}

.bild_spalte2 {
float: right;
position: relative;
right: 0px;
top: 9px;
}

td
{
vertical-align: top;
line-height: 1.2em;
} 

ul.aufzaehlung li
{
margin-left: 25px;
list-style-type: square;
font-size: 1.0em;
line-height: 1.5em;
position: relative;
top: 4px;
}

ul.aufzaehlung2 li
{
margin-left: 25px;
list-style-type: square;
font-size: 1.0em;
line-height: 1.5em;
position: relative;
top: 4px;
}

table.nt-seminar
{
font-size: 0.85em;
margin-left: 9px;
}

table.termine
{
margin-left: 9px;
}


/********************
NEWS
*********************/
.datum {
padding-left: 11px;
padding-top: 7px;
float: left;
display: block;
}

.newstitel {
display: block;
padding-left: 85px;
padding-top: 5px;
line-height: 17px;
}

#back
{
font-weight: bold;
padding-left: 12px;
}

#NewsDetail
{
padding-top: 4px;
}

/* HEADINGS */

div#content h2 {
	color: #000; 
	font-size: 1.4em; 
	text-align: left; 
	padding-top: 0.9em;
	padding-left: 0.7em;
	padding-bottom: 1px;
        line-height: 1.5em;
}

.news {
	color: #000; 
	font-size: 1.4em; 
	text-align: left; 
	padding-top: 1.1em;
	padding-left: 0.7em;
	padding-bottom: 1px;
        line-height: 18px;
}

div#content h3 {
	color: #000; 
	font-size: 1.4em; 
        font-weight: normal;
	text-align: left; 
	padding-top: 0.1em;
	padding-left: 0.65em;
	padding-bottom: 1px;
        line-height: 1.5em;
}


h4 {
	color: #000; 
	font-size: 1.4em; 
	text-align: left; 
	padding-top: 15px;
	padding-left: 11px;
        line-height: 1.5em;
}

/* END HEADINGS */

/* TEXT */
p {
        font-size: 1em;
        line-height: 1.4em;
        padding: 0;
	color: #000; 
	text-align: left; 
	padding-top: 0.4em;
	padding-left: 0.95em;
	padding-bottom: 1px;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#menu dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* END LISTS */
/* End of 'Layout: Hauptlayout' */