/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Open Sans", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	background: url(images/verlauf.jpg);
}

header {
	height: 130px;
	background: url(images/ituw_header.png) top left no-repeat;
}

header nav {
	width: 960px;
}

header nav ul {
	list-style-type: none;
	padding: 100px 20px 0 20px;
	font-size: 13px;
	float: right;
}

header nav li {
	display: inline;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: 700;
}

header nav li a:link {
	color: #fff;
}
header nav li a:visited {
	color: #fff;
}
header nav li a:hover {
	color: #fff;
}
header nav li a:focus {
	color: #fff;
}
header nav li a:active {
	color: #fff;
}

header nav li.highlight {
	font-size: 14px;
	color: #cc3300;
}

div#wrapper {
	width: 960px;
	background: #fff;
}

section.left-col {
	float: left;
	background: #fff;
	width: 723px;
	padding: 15px 20px 15px 20px;
	border-right: 1px dotted #ddd;
}

section.right-col {
	width: 156px;
	float: right;
	background: #fff;
	padding: 20px;
}

section.right-col h3 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 12px;
}

article {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}

article div.image {
	float: left;
	margin: 0 15px 10px 0;
}

footer {
	width: 960px;
	padding-top: 10px;
	text-align: center;
	clear: both;
}

address {
	margin-top :20px;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

h1, h2 {
	display: none;
}

h3 {
	font-size: 36px;
	font-weight: 400;
	color: #D6D6C7;
	padding-bottom: 25px;
}

h3 a {
	color: #D6D6C7;
}	
h3 a:link {
	color: #D6D6C7;
}
h3 a:visited {
	color: #D6D6C7;
}
h3 a:hover {
	color: #f86108;
}
h3 a:focus {
	color: #f86108;
}
h3 a:active {
	color: #f86108;
}

h4 {
	font-size: 18px;
	line-height: 1.2em;
	margin: 20px 0 10px 0;
}
h4.ausgabe {
	font-size: 14px;
}

h4 a:link {
	color: #aaa;
}
h4 a:visited {
	color: #aaa;
}
h4 a:hover {
	color: #f86108;
}
h4 a:focus {
	color: #f86108;
}
h4 a:active {
	color: #f86108;
}
h4 a.active {
	color: #f86108;
}
h4.subtitle {
	margin-top: 0;
}

h5 {
	font-size: 14px;
	margin-top: 10px;
}

p {
	margin-bottom: 10px;
}
p.bu {
	font-size: 10px;
	line-height: 1.2em;
}

a.external-link {
	background: url(images/external.png) 0 3px no-repeat;
	padding-left: 15px;
}

p a:link {
	color: #f86108;
}
p a:visited {
	color: #f86108;
}
p a:link {
	color: #hover;
}
p a:focus {
	color: #f86108;
}
p a:active {
	color: #f86108;
}

a.read {
	display: block;
	text-align: right;
}

ol {
	padding-left: 20px;
}
ol li {
	margin-bottom: 4px;
}

section#content nav p.counter {
	color: #999;
	text-align: center;
}

section#team article {
	margin: 20px 15px 20px 0;
	width: 231px;
	float: left;
}
section#team article.last {
	margin: 20px 0 20px 0;
	float: left;
}

section#team h4 {
	margin: 0;
	padding: 0;
}

section#media article {
	width: 340px;
	margin-right: 40px;
	float: left;
}

section#media article.last {
	margin-right: 0;
}

section#media ul {
	list-style-type: square;
	color: #f86108;
	padding-left: 20px;
}

section#media li {
	margin-bottom: 10px;
}

section#media li span {
	color: #000;
}

section#links ul {
	list-style-type: none;
}

section#links li a:link {
	color: #f86108;
}
section#links li a:visited {
	color: #f86108;
}
section#links li a:link {
	color: #hover;
}
section#links li a:focus {
	color: #f86108;
}
section#links li a:active {
	color: #f86108;
}

section#archive div.image {
	width: 80px;
}

div#top-banner {
	position: absolute;
	height:70px;
	top: 10px;
	left: 445px;
}

div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}

div.rotator ul li.show {
	z-index:500;
}

div#right-banner {
	position: absolute;
	top: 140px;
	left: 980px;
}