/*
-----------------------------------------------------------------------------------------------
INHALT
-----------------------------------------------------------------------------------------------
=NORMALISIERUNG DES BROWSERS
=GLOBALE EINSTELLUNGEN
=SEITENSTRUKTUR
=GRUNDLEGENDE SEITENSTRUKTUR
=BILDER MIT ZITAT
=AUFTEILUNG INHALT IN ZWEI SPALTEN
*/




/*
--------------------------------------------------------------------------------
=NORMALISIERUNG DES BROWSERS
--------------------------------------------------------------------------------
*/

* {
  margin: 0px;
  padding: 0px;
}

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img, html {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}

/* Removes list-style from lists */
ol,ul,dl {
  list-style: none;
}

/* Removes list-style from lists */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset,img {
  border: 0;
}

/* Left-aligns text in caption and th */
caption,th {
  text-align : left;
}

a {
  color:#242424;
  outline: none;
}

a:hover {
  color:#F3682F;
}

.active, li.active a {
  color:#F3682F !important;
  text-decoration: none;
  cursor: default;
}

/*
--------------------------------------------------------------------------------
=SEITENSTRUKTUR
--------------------------------------------------------------------------------
*/

html {
  background-position: center;
  background-position: top;
  color:#242424;  
  font-size: 13px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 1.3em;
}

body {
  position: relative;
  height: 100%;
  text-align: left;
}

div.centering {
  height:100%;
  margin:auto;
  position:relative;
  width:980px;
}

/* GRUNDLEGENDE SEITENSTRUKTUR
--------------------------------------------------------------------------------*/
div.switch_button {
	left: 4px;
  position: absolute;
	background: url(../images/switch_button.jpg) no-repeat;
	width: 337px;
	height: 66px;	
}

  div.switch_button img.icon {
  	margin-left: 11px;
  }
	
	div.switch_button a {
		left: 8px;
		position: relative;
		top: -12px;
	}

img.logo {
  left:810px;
	position: relative;
	top: 15px;
}

div.header {
  position: relative;
  width: 980px;
  height: 220px;
  background: url(../images/header.jpg) no-repeat;
  background-position: top right;
}

  div.header h1 {
    visibility:hidden;
  }

div.content {
  position: relative;
  left: 348px;
  width: 620px;
  line-height:160%;
  font-size: 12px; 
  min-height: 310px;
  height: auto !important;
  height: 310px;
}

  div.content p {
    padding-bottom: 20px;
  }
  
  div.content h1 {
    color: #aaa;
    font-size: 1.7em;
    font-family: Garamond, Georgia, Times, serif;
    padding: 10px 0px;
  }
  
  div.content h2 {
    color: #F3682F;
    font-size: 1.2em;
  }

ul.navmain {
	height: 33px;
	font-size:0.9em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
	margin: 0px auto;
	width: 980px;
  line-height: 33px;
  position: relative;
  left: 5px;
}

  ul.navmain li {
    display: inline;
    padding:0px 10px;
  }

div.shadow {
  background:transparent url(../images/shadow.jpg) no-repeat scroll 0% 0%;
  height:142px;
  left:326px;
  position:absolute;
  top:265px;
  width:15px;
}

ul.subnav {
  margin:54px 0pt 24px -4px;
  padding:0pt 0pt 31px 0px;
  border: 10px solid #ddd;
  width: 302px;
  position: absolute;
  top: 211px;
  left: 8px;
}

  ul.subnav li h3 {
    width: 275px;
    padding: 5px;
    padding-left: 20px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #777;  
  }
  
    ul.subnav li h3 a {
      color: #777;
    }
    
    ul.subnav li h3 a:hover {
      color:#F3682F;
    }
  
  
  ul.subnav .company li {
    font-size: 0.9em;
    padding: 3px 0px;
    margin-left: 30px;
    font-style: italic;
    background: transparent url(../images/list-style-image_orange.gif) no-repeat scroll 0pt 6px;
    padding-left: 20px;
  }
  
    ul.subnav .company li a {
      text-decoration: none;
    }
  
  ul.subnav h2 {
    height:33px;
    margin:0pt;
    padding:0pt;
    width:300px;
    margin-bottom: 21px;
    border: 1px solid #fff;
    margin-top: 0px;
  }
  
    ul.subnav h2.company {
      background:transparent url(../images/h2_company.jpg) no-repeat scroll;
    }
  
    ul.subnav h2.other {
      background:transparent url(../images/h2_other.jpg) no-repeat scroll;
    }
  
    ul.subnav h2.university {
      background:transparent url(../images/h2_university.jpg) no-repeat scroll;
    }

    ul.subnav h2 span {
      display:none;
    }

ul.footer {
  clear: both;
  border-top: 1px solid #aaa;
  margin-top: 15px;
  padding: 10px 0px;
}

ul.footer li{
  display: inline;
  float: right;
  padding: 0px 15px
}

ul.footer li a { 
  font-size: 0.9em;
}

/* BILDER MIT ZITAT
--------------------------------------------------------------------------------*/
  ul.info {
    color:#F3682F;
    font-size:0.9em;
    width: 317px;
    margin-top: 10px;
  }
    
    ul.info .image img {
      border: 1px solid #ccc;
      padding: 2px;
      float: left;
      margin-right: 10px;
    }
    
    ul.info .quote {
      font-style: italic;
      text-align: justify;
    }
    
    ul.info .author {
      font-style: normal;
      font-weight: bold;
      text-align: right;
      padding-top: 19px;
      color: #242424;
    }

/* AUFTEILUNG INHALT IN ZWEI SPALTEN
--------------------------------------------------------------------------------*/
div.left_side {
  width: 290px;
  float: left;
}

  div.left_side ul {
    padding-bottom: 20px;
  }
		
		div.left_side ul li, div.right_side ul li {
      background: transparent url(../images/bullet.gif) no-repeat scroll 0pt 6px;
      padding: 1px 0px;
      padding-left: 20px;
    }
    
    div.left_side h2, div.right_side h2 {
      padding-bottom: 2px;
    }
    
      div.left_side ul li h2, div.right_side ul li h2, div.right_side h2, div.left_side h2 {
        padding-top: 0px;
      }

div.right_side {
  width: 290px;
  float: right;
}

dl dt {
  width:60px;
  font-weight: bold;
}

dl dd {
  display:block;
  left:60px;
  position:relative;
  text-align:justify;
  top:-19px;
  width:210px;
}