body {
	font-size: 101.01%;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #e5e5e5;
	margin: 0px;
	padding: 0px;
}

#container {
width: 85%;
margin: 0px auto 10px auto;
background-color: #c0c0c0;
min-width: 770px;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

#header {
background: url("/images/rot.jpg") no-repeat;
height: 140px;
border-bottom: 20px solid #f6821f;
position: relative;
}

#header h1 {
font-size: 1.9em;
margin: 0;
position: absolute; right: 5px; top: 50px;
}

#header a:link, #header a:visited, #header a:focus, #header a:hover, #header a:active {
color: #ed1c22;
background: transparent;
text-decoration: none;
}

img {
	border:none;
}

#navigation {
background: #ccc;
font-size: 0.9em;
float: left;
padding: 0px;
width: 20%;
height: 100%;
text-align: right;
}
											 
#content {
float: left;
font-size: 0.8em;
width: 75.5%;
margin: 0;
padding: 10px 2%;
color: #696969;
background: #ffffff;
color: #696969;
line-height: 17px;
letter-spacing: 0.1px;
}
			 
#content h2 {
font-size: 1.6em; 
line-height: 20px;
letter-spacing: 5px;
word-spacing: 3px;
color: #ed1c22;
border-bottom: 2px solid #ed1c22;
padding-bottom: 5px;}

#footer {
font-size: 0.8em;
height: 0.8em;
padding: 1em 1em 2em 1em;
background: #f6821f;
}

#footer p {
color: #2e2e2e;
text-align: center;
font-size: .97em;
margin: 0px 0px 0px 0px;
}

#content a:link {color: #000099;}
#content a:visited {color: #696969;}
#content a:focus {color: #ffcc00;}
#content a:hover {color: #f6821f;}
#content a:visited:hover {color: #f6821f;}
#content a:active {color: #f6821f;}

#footer a:link {color: #2e2e2e;}
#footer a:visited {color: #2e2e2e;}
#footer a:focus {color: #000;}
#footer a:hover {color: #000;}
#footer a:visited:hover {color: #000;}
#footer a:active {color: #c0c0c0;}


#header #skipper {
/*display: block;*/
/*overflow: hidden;*/
position: absolute;
font-weight: bold;
text-indent: -600em;
background: transparent;
text-decoration: none;
padding: 0.5em 0;
}

#header #skipper:focus, #header #skipper:active {
display: block; /*weil oben nicht mehr*/
position: relative; /*weil oben nicht mehr*/
text-indent: 3em;
background: #ed1c22;
color: #fff;
letter-spacing: 1.5px;
}

#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
border-top: 2px solid #ed1c22;
border-bottom: 2px solid #ed1c22;
}

#navigation li {
border-bottom: 1px solid #c0c0c0;
margin: 0;
}

#navigation li a {
display: block;
padding: 7px 7px 7px 7px;
border-right: 2px solid #f6821f;
background-color: #c0c0c0;
color: #000; /*#000099;*/
text-decoration: none;
width: auto;
}

#navigation li a:hover, #navigation li a:focus {
border-right: 2px solid #ed1c22;
background-color: #f6821f;
color: #fff;
}

h3	 {
color: #000099; 
font-size: 1em; 
font-family: tahoma, verdana, arial, helvetica, sans-serif; 
text-align: left; 
line-height: 20px;
letter-spacing: 1px; 
word-spacing: 2px;
margin: 10px 0px -10px 0px;
}

h4 {
color: #696969; 
font-size: 0.9em; 
font-family: tahoma, verdana, arial, helvetica, sans-serif; 
text-align: left; 
line-height: 20px;
letter-spacing: 2px; 
word-spacing: 2px;
}

.cleared {
clear: both;
line-height: 0;
}

.start #nav-start a, .beitraege #nav-beitraege a, .download #nav-download a, .ausstellung #nav-ausstellung a, .projektbeschreibung #nav-projektbeschreibung a, .presse #nav-presse a, .unterstuetzer #nav-unterstuetzer a, .links #nav-links a, .ehreist #nav-ehreist a, .impressum #nav-impressum a  {
	color: #fff;
	background: #ed1c22;
	font-weight: bold;
}

#content h2 abbr {
	border-bottom : 1px dotted #000099;
	cursor : help;
}

#content abbr {
	border-bottom : 1px dotted #696969;;
	cursor : help;
	#content fieldset, .adressaten {
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: left;
	width: 100%;
	margin: 15px 0;
}

#content .entry {
	border-top : 1px solid #000099;
}

#content .longbox {
	width: 49%;
	float: left;
}

#content .longbox h3 {
	padding-top: 10px;
}

#content .longbox .box_ehreist {
	background: url("/images/ehreist_top.jpg") no-repeat top;
	margin: 10px 5px;
	border: 1px solid #e0e0e0;
	padding: 30px 5px 5px 5px;
	height: 110px;
}

#content .longbox .box_ehreist:hover {
	background: url("/images/ehreist_top.jpg") no-repeat top #e0e0e0;
	border: 1px solid #747574;
}

#content .longbox .box_beitraege {
	background: url("/images/beitraege_top.jpg") no-repeat top;
	margin: 10px 5px;
	border: 1px solid #e0e0e0;
	padding: 30px 5px 5px 5px;
	height: 110px;
}

#content .longbox .box_beitraege:hover {
	background: url("/images/beitraege_top.jpg") no-repeat top #e0e0e0;
	border: 1px solid #1cb306;
}

#content .longbox .box_presse {
	background: url("/images/event.jpg") no-repeat top;
	margin: 10px 5px;
	border: 1px solid #e0e0e0;
	padding: 30px 5px 5px 5px;
	height: 110px;
}

#content .longbox .box_presse:hover {
	background: url("/images/event.jpg") no-repeat top #e0e0e0;
	border: 1px solid #747574;
}

#content .longbox .box_unterstuetzer {
	background: url("/images/unterstuetzer_top.jpg") no-repeat top;
	margin: 10px 5px;
	border: 1px solid #e0e0e0;
	padding: 30px 5px 5px 5px;
	height: 110px;
}

#content .longbox .box_unterstuetzer:hover {
	background: url("/images/unterstuetzer_top.jpg") no-repeat top #e0e0e0;
	border: 1px solid #f3c70c;;
}

.download #header {
background: url("/images/blau.jpg") no-repeat;
border-bottom: 20px solid #1e05fe; /*#07f4fd*/
}
.download #footer {
background: #1e05fe; /*#07f4fd*/
}

.ausstellung #header {
background: url("/images/frau.jpg") no-repeat;
border-bottom: 20px solid #a68f6f;
}
.ausstellung #footer {
background: #a68f6f;
}

.presse #header {
background: url("/images/presse.jpg") no-repeat;
border-bottom: 20px solid #747574;
}
.presse #footer {
background: #747574;
}

.impressum #header {
background: url("/images/impressum.jpg") no-repeat;
border-bottom: 20px solid #747574;
}
.impressum #footer {
background: #747574;
}

.unterstuetzer #header {
background: url("/images/beige.jpg") no-repeat;
border-bottom: 20px solid #f3c70c; /*#fdf19c*/
}
.unterstuetzer #footer {
background: #f3c70c /*#fdf19c;*/
}

.links #header {
background: url("/images/basket.jpg") no-repeat;
border-bottom: 20px solid #f3c70c; /*#fdf19c*/
}
.links #footer {
background: #f3c70c; /*#fdf19c*/
}

.beitraege #header {
background: url("/images/gruen.jpg") no-repeat;
border-bottom: 20px solid #1cb306; /*#5df642;*/
}
.beitraege #footer {
background: #1cb306; /*#5df642;*/
}

.event #header {
background: url("/images/eventtitel.jpg") no-repeat;
border-bottom: 20px solid #f6821f;
}
.event #footer {
background: #f6821f;
}

.projektbeschreibung #header {
background: url("/images/hellblau.jpg") no-repeat;
border-bottom: 20px solid #f6821f;
}
.projektbeschreibung #footer {
background: #f6821f;
}

.ehreist #header {
background: url("/images/ehreist.jpg") no-repeat;
border-bottom: 20px solid #747574;
}
.ehreist #footer {
background: #747574;
}

.beitrag {
	margin: 10px 5px;
	border: 1px solid #e0e0e0;
	padding: 5px 10px;
}

.beitrag:hover {
	border: 1px solid #f6821f;
	background: #e0e0e0;
}

.members {
	width: 49%;
	float: left;
}

.thumb {
float: left;
padding: 10px 5px 0 0;
width: 125px;
text-align: center;
}

.download {
float: right;
}

/* ----- Gallerie ----- */

  div.gal {
  float: left;
  width: 140px;
  height: 200px;
  margin: 3px;
  padding: 5px;
  font-size: 90%;
  background: #fff;
  border: 1px solid #fff;
  }
  div.gal:hover {
  background: #e0e0e0;
  border: 1px solid #f6821f;
  }
  .gal dl {
  margin: 10px;
  display: inline;
  }
  .gal dl dt {
  height: 120px;
  margin: 0;
  padding: 5px;
  text-align: center;
/*  height: 90px; */
  }
  .gal dl dd {
  margin: 0;
  padding-top: 5px;
  border-top: 1px solid #696969;
  }
  .gal a {
  color: #333399;
  border: none;
  }

  div.thumbnail {
  float: right;
  width: 140px;
  /*height: 200px;*/
  margin: 10px 2px 10px 8px;
  padding: 5px;
  font-size: 90%;
  background: #fff;
  border: 1px solid #fff;
  }
  div.thumbnail:hover {
  background: #e0e0e0;
  border: 1px solid #f6821f;
  }
  .thumbnail dl {
  margin: 10px;
  display: inline;
  }
  .thumbnail dl dt {
  margin: 0;
  padding: 5px;
  text-align: center;
  }
  .thumbnail dl dd {
  margin: 0;
  padding-top: 5px;
  border-top: 1px solid #696969;
  }
  .thumbnail a {
  color: #333399;
  border: none;
  }

/* ----- Artikelgalerie ----- */

  div.art {
  float: left;
  width: 300px;
  height: 300px;
  margin: 3px;
  padding: 5px;
  font-size: 90%;
  background: #fff;
  border: 1px solid #fff;
  }
  div.gal:hover {
  background: #e0e0e0;
  border: 1px solid #f6821f;
  }
  .art dl {
  margin: 10px;
  display: inline;
  }
  .art dl dt {
  height: 280px;
  margin: 0;
  padding: 5px;
  text-align: center;
/*  height: 90px; */
  }
  .art dl dd {
  margin: 0;
  padding-top: 5px;
  border-top: 1px solid #696969;
  }
  .art a {
  color: #333399;
  border: none;
  }

  div.thumbnail {
  float: right;
  width: 140px;
  /*height: 200px;*/
  margin: 10px 2px 10px 8px;
  padding: 5px;
  font-size: 90%;
  background: #fff;
  border: 1px solid #fff;
  }
  div.thumbnail:hover {
  background: #e0e0e0;
  border: 1px solid #f6821f;
  }
  .thumbnail dl {
  margin: 10px;
  display: inline;
  }
  .thumbnail dl dt {
  margin: 0;
  padding: 5px;
  text-align: center;
  }
  .thumbnail dl dd {
  margin: 0;
  padding-top: 5px;
  border-top: 1px solid #696969;
  }
  .thumbnail a {
  color: #333399;
  border: none;
  }
  
  
.links dt {
	font-weight: bold;
}

.unterstuetzer dl dt {
	float: left;
	width: 20%;
	height: 100px;
	margin: 0 0 10px 0;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.unterstuetzer dl dd {
	float: left;
	width: 79%;
	height: 100px;
	margin: 0 0 10px 0;
}

.projektbeschreibung img {
	float: right;
	margin: 0 0 10px 10px;
}

.ausstellung img {
	float: right;
	margin: 0 0 10px 10px;
}

.beitraege hr, .unterstuetzer hr {
	clear: both;
	width: 0;
	visibility: hidden;
}

.presse ul, .beitraege ul, .event ul {
	list-style: none;
}

.presse ul li.film, .beitraege ul li.film, .event ul li.film {
	background: url("/images/icon_film.jpg") no-repeat 0 50%;
	padding: 3px 0 3px 25px;
}

.presse ul li.text, .beitraege ul li.text {
	background: url("/images/icon_text.jpg") no-repeat 0 50%;
	padding: 3px 0 3px 25px;
}

.presse ul li.ton, .beitraege ul li.ton {
	background: url("/images/icon_ton.jpg") no-repeat 0 50%;
	padding: 3px 0 3px 25px;
}

.presse ul li.foto, .beitraege ul li.foto {
	background: url("/images/icon_film.jpg") no-repeat 0 50%;
	padding: 3px 0 3px 25px;
}

.presse ul li.web, .beitraege ul li.web {
	background: url("/images/icon_web.jpg") no-repeat 0 50%;
	padding: 3px 0 3px 25px;
}

.beitraege span.film {
	background: url("/images/icon_film.jpg") no-repeat 100% 50%;
	padding: 3px 25px 3px 0;
}

.beitraege span.text {
	background: url("/images/icon_text.jpg") no-repeat 100% 50%;
	padding: 3px 25px 3px 0;
}

.beitraege span.ton {
	background: url("/images/icon_ton.jpg") no-repeat 100% 50%;
	padding: 3px 25px 3px 0;
}

.beitraege span.foto {
	background: url("/images/icon_foto.jpg") no-repeat 100% 50%;
	padding: 3px 25px 3px 0;
}

.beitraege span.web {
	background: url("/images/icon_web.jpg") no-repeat 100% 50%;
	padding: 3px 25px 3px 0;
}

.links dl dt.web {
	padding-left: 25px;
	background: url("/images/icon_web.jpg") no-repeat 0 50%;
}

.links dl dt.text {
	padding-left: 25px;
	background: url("/images/icon_text.jpg") no-repeat 0 50%;
}
.links dl dt.foto {
	padding-left: 25px;
	background: url("/images/icon_foto.jpg") no-repeat 0 50%;
}

.links dl dt.ton {
	padding-left: 25px;
	background: url("/images/icon_ton.jpg") no-repeat 0 50%;
}

.impressum p.ig {
	background: url("/images/logo_ig.gif") no-repeat 80% 50%; 
}

.impressum p.jiz {
	background: url("/images/logo_jiz.gif") no-repeat 80% 50%; 
}

.impressum p.design {
	padding-top: 20px;
}

.impressum span.web {
	background: url("/images/icon_web.jpg") no-repeat 0 50%;
	padding: 3px 0 3px 25px;
}

.impressum span.email {
	background: url("/images/icon_email.jpg") no-repeat 0 50%;
	padding: 3px 0 3px 25px;
}

.quicktime {
		background: url("/images/icon_quicktime.jpg") no-repeat 0 50%; 
		padding-left: 17px;
}

.acrobat {
		background: url("/images/icon_acrobat.jpg") no-repeat 0 50%; 
		padding-left: 17px;
}

.beitraege .schreobenhausen {
	list-style: disc;
}

.beitraege h3.unterteilung {
	border-bottom: solid 2px #000099;
}