/* - - - - - - - - - - - - Reset-Vorgaben - - - - - - - - - - - - */

* { 
  margin:0; 
  padding:0; 
}

html * { 
  font-size: 100.01% /* base font size for all browsers: 16px */
}

option { 
  padding-left: 0.4em; 
}

* html body * { 
  overflow: visible; 
}

* html iframe, 
* html frame { 
  overflow: auto; 
}

* html frameset { 
  overflow: hidden; 
}

html, 
body {
  height: 100%;
  width: 100%;
}

html {
  margin-bottom: 1px; 
}

body {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 75.00%; /* base font size for this site: 12px */
  position: relative;
  color: #000;
  background: #fff;
  text-align: left;
}

fieldset, img { 
  border:0 solid; 
}

ul, ol, dl { 
  margin: 0 0 1em 1em 
}

li { 
  margin-left: 1.5em; 
  line-height: 1.5em; 
}

dt { 
  font-weight: bold; 
}

dd { 
  margin: 0 0 1em 2em;
}

blockquote { 
  margin: 0 0 1em 1.5em; 
}

/* Clearing von Float */
.clear {
  clear: both;
  display: block;
}

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


/* IE6 only */
* html .clearfix {
  height: 1%;
}

/* IE7 only */
* + html .clearfix {
  display: inline-block;
}

/* - - - - - - - - - - - - General - - - - - - - - - - - - */

a.block {
  display: block;
  width: 980px;
  height: 90px;
}

/* - - - - - - - - - - - - Raster - - - - - - - - - - - - */

.ubar {
  display: none;
}

.noprint {
	display: none;
}

#typo {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.menu {
  display: none;
}

.contentArea {
  clear: left;
  width: 100%;
  text-align: left;
}

.leftCol {
  display: none;
}

.content {
  width: 37.5em;
  margin-left: 30px;
  border-bottom: 1px solid #949494;
}

.content.noRightCol {
  width: 65em;
  padding-bottom: 2em;
  border-bottom: none;
}

.rightCol {
  width: 37.5em;
  margin-top: 2em;
  margin-left: 30px;
}

.rightCol.topMargin6em, .rightCol.topMargin4em {
  margin-top: 0;
}

.footer ul {
  display: none;
}

/* - - - - - - - - - - - - Header - - - - - - - - - - - - */

.header {
  height: 100px;
  border-top: 10px solid #7C6A54;
  text-align: right;
}

.logo {
  float: left;
  margin: 30px;
  background: none;
  width: 120px;
  height: 31px;
}

* html .logo {
	margin-left: 15px;
}

.farbcode {
  display: none;  
}

ul.printNav {
  display: none;
}

/* - - - - - - - - - - - - Homepage - - - - - - - - - - - - */

.contentHome img {
	display: block;
}

.contentHome div, .contentHome img {
	margin-bottom: 2em;
}

.imgBarHome .logo {
	display: none;
}

.zitat {
  float: none;
}

#clickLayer {
  display: none;
}

.langSwitch {
  clear: none;
  margin: 0;
}

/* - - - - - - - - - - - - Main Navigation - - - - - - - - - - - - */

.menu ul#navigation {
 	display: none;
}

/* - - - - - - - - - - - - Search - - - - - - - - - - - - */

.menu #searchNav {
 	display: none;
}

/* - - - - - - - - - - - - contentArea - - - - - - - - - - - - */

.module {
  width: 100%;
  margin: 0 0 2em;
  text-align: left;
}

.top {
  display: block;
  margin: 0 0 2em;
}

/* - - - - - - - - - - - - Works Gallery - - - - - - - - - - - - */

.gallery {
  position: relative;
}

.gallery div {
  float: left;
}

/* big picture */
.gallery .galleryBig {
	height: 340px;
  	width: auto;
  	text-align: center;
	padding: 0;
	margin: 0 10px 0 0;
}

* html .gallery .galleryBig {
	width: 450px;
}

/* vertical align */
.gallery .galleryBig .imgAlign {
	height: 343px;
	width: 100%;	
	display: table-cell;
	vertical-align: bottom;
	float: none;
	padding: 0;
	margin: 0;
}

/* vertical align for IE6/7 */
* html .gallery .galleryBig .imgAlign .edge {
	width: 0; 
	height: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

* + html .gallery .galleryBig .imgAlign .edge{
	width: 0; 
	height: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

* html .gallery .galleryBig .imgAlign .container {
	text-align: center; 
	width: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

* + html .gallery .galleryBig .imgAlign .container {
	text-align: center; 
	width: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

.imgAlign img {
	margin: 0 auto;
}

.content .imgCaptionText {
	width: 440px;
	height: 120px;
}

.gallery .galleryNav {
	position: relative;
}

/* back/forward buttons */

.gallery .galleryControls {
	clear:left;
	position: absolute;
	min-width: 100px;
}

.gallery .galleryControls span,
.gallery .galleryControls p {
	float:left;
}

.gallery .galleryControls span {
	display: block;
	height: 22px;
	width: 21px;
	cursor: pointer;
  	margin-right: 5px;
	background-position: left top;
	background-repeat: no-repeat;
}

.gallery .galleryControls span img {
	height: 22px;
	width: 21px;
	display: block;
}

.gallery .galleryControls span:hover img {
	visibility: hidden;
}

.gallery .galleryControls p {
	margin-top: 0.25em;
	margin-left: 0.5em;
}

.gallery .galleryControls noscript p {
	clear: both;
	margin-left: 0;
}

/* thumbnails */
.gallery ul.galleryThumbs {
	position: absolute;
	bottom: -340px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 40em;
	clear: left;
}

.gallery ul.galleryThumbs li {
  	text-align: center;
  	float: left;
	margin: 0 10px 0 0;
  	padding: 0;
}

* html .gallery ul.galleryThumbs li {
	width: 1px;
	margin-bottom: -3px;
}
* + html .gallery ul.galleryThumbs li {
	margin-bottom: -3px;
}

.gallery ul.galleryThumbs li a img {
	display: block;
}

/* for IE6/7 */
* html .gallery ul.galleryThumbs li a img,
* + html .gallery ul.galleryThumbs li a img {
	display: inline-block;
}

/* styles for vertical/horizontal alignment of images within their boxes */

.gallery ul.galleryThumbs li .imgAlign {
  	float: none;
	display: table-cell; 
	vertical-align: bottom;
	height: 103px;
	margin: 0;
	padding: 0;
}

/* vertical align for IE6/7 */
* html .gallery ul.galleryThumbs li .imgAlign .edge {
	width: 0; 
	height: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

* + html .gallery ul.galleryThumbs li .imgAlign .edge {
	width: 0; 
	height: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

* html .gallery ul.galleryThumbs li .imgAlign .container {
	text-align: center; 
	width: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

* + html .gallery ul.galleryThumbs li .imgAlign .container {
	text-align: center; 
	width: 100%; 
	display: inline-block; 
	vertical-align: bottom;
}

/* - - - - - - - - - - - - Events Gallery - - - - - - - - - - - - */

.galleryEvents div {
	float: left;
}

/* big picture */
.galleryEvents .galleryBig {
	width: 505px;
	height: 505px;
	margin: 0 10px 10px 0;
}

.galleryEvents .galleryControls span,
.galleryEvents .galleryControls p {
	float:left;
}

.galleryEvents .galleryControls span {
	display: block;
	height: 22px;
	width: 21px;
	cursor: pointer;
  	margin-right: 5px;
	background-position: left top;
	background-repeat: no-repeat;
}

.galleryEvents .galleryControls span img {
	height: 22px;
	width: 21px;
	display: block;
}

.galleryEvents .galleryControls span:hover img {
	visibility: hidden;
}

.galleryEvents .galleryControls p {
	margin-top: 3px;
	margin-left: 5px;
}

.galleryEvents .galleryControls noscript p {
	clear: both;
	width: 265px;
	margin-left: 0;
}

/* thumbnails */

.galleryEvents ul.galleryThumbs {
	width: 515px;
	clear: left;
	list-style: none;
	margin: 0;
}

* + html .galleryEvents ul.galleryThumbs {
	width: 520px;
}

.galleryEvents ul.galleryThumbs li {
	float: left;
	width: 93px;
	height: 93px;
	margin: 0 10px 10px 0;
	padding: 0;
}

* + html .galleryEvents ul.galleryThumbs li {
	float: none;
	display: inline;
}

* + html .galleryEvents ul.galleryThumbs li a {
	display: inline-block;
	width: 93px;
	height: 93px;
}

* + html .galleryEvents ul.galleryThumbs li a img {
	padding: 0 10px 10px 0;
}

/* floating img layer */

#galleryHidden {
	display: none; 
	visibility: hidden;
}


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

/* is not printed */

/* - - - - - - - - - - - - CONTENT - - - - - - - - - - - - */
/* - - - - - - - - - - - - General - - - - - - - - - - - - */

p {
  margin-bottom: 1em;
  line-height: 140%;
}

.indent p {
	margin-left: 2em;
}

small, sup, sub {
	font-size: 95%;
}

h1, h2, h3, h4, h5, h6 { 	/* 12px */
  	font-size: 100%; 
  	margin: 0;
}

h1 {                         /* 12px, bold */
  margin-bottom: 1em;
}

h2 {                        /* 12px, bold, 60% black */
  color: #87888A;
  margin-bottom: 1em;
}

h2.black {
	color: #000;
}

h3 {        				/* 12px, bold, 60% black */
  	color: #87888A;
  	margin-bottom: 1.3em;
}

h4 {						/* 12px, bold, black */
	margin-bottom: 0.2em;
}

h5 {}
h6 {}

.lessMargin {
  margin-bottom: 0.1em;
}

a:link, a:visited, a:active {
  color: #5F513A;
  text-decoration: none;
}

a:hover {
  color: #ef7f00;
}

/* for IE6/7 */
* html a.internalLink,
* html a.externalLink {
	display: inline-block;
}
* + html a.internalLink,
* + html a.externalLink {
	display: inline-block;
}

table {
  width: 100%;
}

q {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0.5em 0 0;
}

cite {
  font-size: 95%;
}

dd {
  margin: -0.1em 0 0;
  padding: 0.4em;
  font-size: 95%;
}

hr {
  height: 1px;
  background-color: #949494;
  border: none;
}

/* for IE6 */
* html hr {
	margin-top: 1em;
}
/* for IE7 */
* + html hr {
	margin-top: 1em;
}

.bgLight {
  color: #fff;
  background: #9E9486;
}

/* - - - - - - - - - - - - Search - - - - - - - - - - - - */

#searchNav fieldset input.textfield {
  width: 88px;
  margin: -0.1em 0.2em 0 0.2em;
  padding: 0.2em;
  border: 1px solid #C0B9AF; 
  color: #7A6959;
  vertical-align: middle;
}

/* for IE6 only */
* html #searchNav fieldset input.textfield {
  vertical-align: top;
}

#searchNav fieldset input.button {
  padding: 0.1em;
  border: none;
  color: #9E9486;
  vertical-align: middle;
  font-size: 95%;
}

/* for IE6 only */
* html #searchNav fieldset input.button {
  margin-top: 0.2em;
}

/* - - - - - - - - - - - - Home - - - - - - - - - - - - */

.langSwitch {
  color: #C0B9AF;
}

.langSwitch a {
  margin: 0 0.5em;
}

.langSwitch a:link, .langSwitch a:visited {
  color: #fff;
}

.langSwitch a:hover, .langSwitch a:active {
  color: #C0B9AF;
  text-decoration: none;
}

/* - - - - - - - - - - - - contentArea - - - - - - - - - - - - */
/*
.content {
  text-align: right;
}
*/
/* - - - - - - - - - - - - Modules (main column) - - - - - - - - - - - - */

.metainfo {
  margin-bottom: 0.4em;
  color: #7A6959;
}

.metainfo .date {
	font-weight: bold;
}

/* Image Replacement for textual images on main pages */
p.imgReplace {
  position: relative;
  width: 500px;
  overflow: visible;
}

p.imgReplace span {
  display: none;
}

/* Lists */

.module ol li {
  margin: 0.2em 0 0.2em 0.3em;
  list-style-position: outside;
}

/* IE6 only */
* html .module ol li {
  margin-left: 1.5em;
}
/* IE7 only */
* + html .module ol li {
  margin-left: 1.5em;
}

.module ol.letters {
	list-style-type: lower-alpha;
}

.module ul li {
  margin: 0.2em 0 0.2em 0.3em;
}

.module ul li.doc,
.module ul li.jpg,
.module ul li.pdf {
  margin-left: -0.7em;
  list-style: none;
   color: #7A6959;
}

.module ul li a {
  font-weight: bold;
}

.module ul li.doc a:link, 
.module ul li.doc a:visited, 
.module ul li.doc a:active  {
  background: none;
  padding-left: 0;
  margin-left: -3px;
}

/* Text */

.textLeft {
  float: left;
  width: 19.5em;
}

.textRight {
  float: right;
  width: 19.5em;
}

/* Images */
.ImgLeft {
  display: block;
  float: left;
  width: auto;
  margin: 3px 10px 0 0;
}

.ImgRight {
  float:right;
  width:auto;
  margin: 3px 0 0 10px;
}

dd img {
  float: right;
  margin: 0.2em;
}

/* Tables */

table th {
	padding-top: 1.5em;
	padding-bottom: 0.3em;
	vertical-align: top;
	text-align: left;
	color: #87888A;
}

table th.tblHL {
	margin: 0;
	padding-top: 1em;
	padding-bottom: 0;
	color: #000;
}

table tr td {
  margin: 0;
  padding: 0.2em 0 0.2em 0;
  vertical-align: top;
  line-height: 140%;
}

table.lessPadding tr td {
	padding: 0;
}

td ul {
	list-style: none;
	margin: 0;
	margin-left: -0.35em;
	margin-top: -0.25em;
	padding: 0;
}

td ul li {
	margin: 0;
	padding: 0;
	line-height: 150%;
}

table.lessPadding td ol {
	margin-left: -0.2em;
}

table.lessPadding td ol {
	list-style-position: inside;
	margin-bottom: 0;
}

table.lessPadding td ol li {
	list-style-position: inside;
	line-height: inherit;
	margin: 0 0 0 0.3em;
}

/* Address */

address {
	font-style: normal;
}

/* Formulare */

.content form {
  	width: 100%;
}

.content form .ErrorContainer {
	visibility: hidden;
}

.content fieldset {
	display: block;
  	margin-top: 1em;
}

.content fieldset h2 {
	margin-top: 2em;
}

.content fieldset div,
.content fieldset .formline {
  padding: 3px 1px 3px 5px;
  margin-bottom: 3px;
}

.content fieldset label {
  width: 130px;
  float: left;
  padding: 0.2em 0.5em 0.2em 0;
}

/* for IE6 */
* html .content fieldset label {
  margin-top: 0.15em;
  padding: 0;
  padding-right: 0.4em;
}

.content fieldset .order {
	width: 100%;
	position: relative;
}

.content fieldset .order label {
	display: none;
}

.content fieldset .nobr {
  display: none;
}  

.content fieldset select,
.content fieldset input,
.content fieldset .textarea {
	font-family: Arial, Helvetica, sans-serif;
  	width: 245px;
  	padding: 0.2em 0.2em;
  	border: 1px solid #C0B9AF;
}

.content fieldset select {
	width: 252px;
}

.content fieldset .check {
	margin: 1em 0 1em 140px;
}

.content fieldset .check input {
	float: left;
	width: auto;
	border: none;
}

.content fieldset .check label {
	display: block;
	float: none;
	width: auto;	
	margin-top: -0.3em;
	margin-left: 1.5em;
}

* + html .content fieldset .check label {
	margin-top: 0.1em;
}

.content fieldset .order .num {
	display: inline;
}

.content fieldset .order select {
	width: 385px;
}

.content fieldset input.num {
	display: block;
	width: 30px;
}
.content fieldset .order input.num {
	text-align: right;
	padding: 0.3em;
}
* + html .content fieldset .order input.num {
	padding: 0.2em 0.3em;
}

/*
.content fieldset input#country {
	width: 90px;
}
.content fieldset input#city {
	width: 90px;
}
.content fieldset input#street {
	width: 195px;
}
*/

.content fieldset .textarea {
	font-size: 110%;
}

/* for IE6 */
* html .content fieldset .textarea {
  height: 158px;
  overflow: auto;
}

/* for IE7 */
* + html .content fieldset .textarea {
  overflow: auto;
}

.content fieldset p {
	margin-bottom: 2em;
	width: auto;
}

.content fieldset p.note {
	display: none;
}

.content fieldset p.submitReset {
	width: auto;
	margin-top: 1.5em;
	margin-left: 145px;
}

.content fieldset .submit {
	width: 7em;
  	height: 27px;
  	padding: 0 0 0.1em;
  	border: none;
  	background: url(https://www.zf.com/kunststiftung/media/global/img_layout/submit_background.jpg) 2px 0 repeat-x;
  	color: #fff;
  	font-size: 105%;
  	cursor: pointer;
}

/* Search Results */

.content .list {
	margin-top: 1.2em;
	margin-bottom: 1em;
}

/*for IE6*/
* html .content .list {
	margin-top: 0.3em;
	margin-bottom: -0.5em;
}
/*for IE7*/
* + html .content .list {
	margin-top: 0.3em;
	margin-bottom: -0.5em;
}

.content .list .metainfo {
	margin-bottom: -0.8em;
}

.content .list h2 {
	margin-top: 0.7em;
}

.content .list p {
	margin-bottom: 0;
}


/* contentNav */

.contentNav, .pageNav {
	display: none;
}

/* ------------------- styles for Stipendiaten Liste -------------------------*/

#stipList span {
	display: -moz-inline-box; /* Firefox < 3 */
	display: inline-block;    /* for compatible browsers */
	width: 36px;              /* for older browsers */
	vertical-align: top;
	margin: 0 0 0.1em 0;
}

/* for IE6 */
* html #stipList span {
	display: inline; 		/* Inline-Block-Simulation */
	zoom: 1;
	width: auto;
	margin: 0 0 0.1em 0;
}

/* for IE7 */
* + html #stipList span {
	margin-right: 0.25em;
}

#stipList a { 				/* important for IE6/7 */
  cursor: pointer;
}

/* pipe margin */
#stipList span.pipe img { 
margin: 2px 6px 30px 6px;  
padding-right: 20px;
}

#stipList span span { 		/* Firefox < 3 */
  display: table;
}

#stipList span span span {
  display: block;
  height: 19px;
  overflow-y: hidden;
  overflow-x: visible;
}

#stipList span span span img { /* for Firefox < 3 */
	margin-bottom: -19px;
}

/* for IE6 */
* html #stipList span span span img {
  margin-right: 4px;
}

/* for hiding img during mouseover to reveal background img */
#stipList a:link, #stipList a:visited {
  color: #7A6959;
  text-decoration: none;
}
#stipList a:hover, #stipList a:active {
  color: #EF7F00;
}

/* somehow important for IE6 */
* html #stipList a:hover, * html #stipList a:active {
  background: #ffffff;
}

#stipList a:hover span span span img, #stipList a:active span span span img {
  visibility: hidden;
}

/* - - - - - - - - - - - - Modules (right column) - - - - - - */

.rightCol {                       		/* 11px */
  font-size: 91.67%; 
}

.galleryControls p, 
.imgCaptionText {						/* 11px */
  font-size: 91.67%; 
}

.imgCaption, .imgCaptionText {
  text-align: left;        
  margin: 0.5em 0 0 0;
}

#galleryHidden .imgCaptionText {		/* 11px */
	font-size: 100%;
}

.imgCaption {
  text-align: left;       
  margin: 0.5em 0 0 0;
}

.url {
  margin-top: 1em;
}

.textTeaser,
.imgTeaser {
  display: none;
}

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

/* is not printed */
