/** Allgemeine Elementanweisungen */

body,
html {
  height:100%;
  color: #000000;
  font-family:  Arial, Helvetica ,sans-serif;
  font-size: 100.01%;
  background-color: #333333;
  margin: 0 auto;
}

hr { display: none; }

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Allgemeine Klassen */

.unsichtbar {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Positionierungen */

#container {
  width: 48em;
  background-color: #333333;
  color: #000000;
  margin-left: auto;
  margin-right: auto;
}

#left_frame {
  float: left;
  background-color: transparent;
  background-image: url(../images/bg_perforation_left.gif);
  background-position: top left;
  background-repeat: repeat-y;
  padding: 0 0 0 25px;
}

#center_frame {
  float: left;
  width: 44.8em;
  min-height: 46em;
  color: inherit;
  background-color:#FFFFFF;
  background-image:url(../images/bg_perforation_right.jpg);
  background-repeat:  repeat-y;
  background-position:top right;
  padding-right: 25px;
}

#content {
  padding: 10px 20px 20px 20px;
}

#header {
  float: left;
  width: 100%;
  padding-top: 1px;
}

#sponsoren {
  float: right;
  width: 30%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Servicemenue */

#servicemenue {
 float: right;
 color: #C3181E;
}

#servicemenue ul {
  float: right;
  padding: 0 0 8px;
  margin: 0;
  list-style: none;
}

#servicemenue li {
  float: left;
  font-size: .8em;
  padding: 0 0 0 8px;
  border-left: 1px solid #d8d8a4;
  margin: 0 0 0 8px;
}

#servicemenue li.first {
  border-left: 0;
}

#servicemenue a:link,
#servicemenue a:visited {
  color: #000;
 text-decoration: none;
}

#servicemenue a:hover,
#servicemenue a:focus,
#servicemenue a:active {
  color: #C3181E;
  text-decoration: underline;
}

#servicemenue em {
  color: #C3181E;
  font-style: normal;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Kopfleiste */

#header_logo {
  float: left;
  width: 100%;
  background: url(../images/kopfbereich/hintergrund.gif) repeat-x;
}

#content #header_logo p {
  margin: 0;
}

#header_logo img#logo {
  float: left;
}

#header_logo img#claim {
  float: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Haupt- und Bereichsmenue */

#hauptmenue {
  float: left;
  width: 100%;
  padding: 1px 0 0 0;
  background: #dedeb1 url(../images/kopfbereich/menue_on_ul_hintergrund.gif) repeat-x;
}

#hauptmenue ul {
  float: left;
  position: relative;
  top: -7px;
  width: 100%;
  background: url(../images/kopfbereich/menue_off_ul_hintergrund.gif) repeat-x;
  padding: 0;
  border-bottom: 1px solid #fff;
  margin: 0;
  list-style: none;
}

#hauptmenue li {
  float: left;
  position: relative;
  top: 0;
  font-size: .8em;
  margin: 0;
}

#hauptmenue li.on {
  top: 1px;
}

#hauptmenue a:link,
#hauptmenue a:visited,
#hauptmenue em {
  display: block;
  position: relative;
  background: url(../images/kopfbereich/menue_off_hintergrund.gif) top right;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 1em 12px .6em 12px;
  margin: 0;
}

#hauptmenue .on a:link,
#hauptmenue .on a:visited,
#hauptmenue em {
  background: url(../images/kopfbereich/menue_on_hintergrund.gif) top right;
  color: #000;
  font-style: normal;
}

#hauptmenue a:hover,
#hauptmenue a:focus,
#hauptmenue a:active {
  background-image: url(../images/kopfbereich/menue_over_hintergrund.gif);
  color: #fff;
  text-decoration: underline;
}

#hauptmenue .on a:hover,
#hauptmenue .on a:focus,
#hauptmenue .on a:active {
  color: #c3181e;
  text-decoration: underline;
}

#bereichsmenue {
  float: left;
  width: 100%;
}

#bereichsmenue ul {
  float: left;
  width: 100%;
  background: #f1f0dc;
  padding: 9px 0 7px 0;
  border-top: 1px solid #fff;
  margin: 0;
  list-style: none;
}

#bereichsmenue li {
  float: left;
  font-size: .8em;
  padding: 0 10px;
  border-left: 1px solid #b7b773;
  margin: 0;
}

#bereichsmenue li.first {
  border-left: 0;
}

#bereichsmenue li a:link,
#bereichsmenue li a:visited,
#bereichsmenue li em {
  float: left;
  color: #000;
  font-style: normal;
  text-decoration: none;
}

#bereichsmenue li a:hover,
#bereichsmenue li a:focus,
#bereichsmenue li a:active {
  color: #c3181e;
  text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Behalten? */


.colum_left ul.navi_upper {
  width: 16.3em;
}


.nav_row_li
{
 margin-left:  0px;
 padding:3px 10px;
 border-bottom:1px dotted #C3181E;
 font-size: .8em;
}

.colum_left .nav_row_li {
  width: 16.3em;
}

.nav_row_li.bottom { border-bottom: 0; }

.nav_row_li_bottom
{
 border:none;
 
 float: left;
 padding:0px;
 font-size: 85%;
}

#nav_row_1
{
 padding-top:  12px;
}

#nav_row_5
{
 border:none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Typographie: Ueberschriften */

h1.title_big_headline {
  clear: both;
  font-size: 1.9em;
  font-weight:  normal;
  text-transform:  uppercase;
  padding: 50px 10px 5px 10px;
  border-bottom: 1px dotted #000000;
  margin: 0px;
}

h2.sub_title
{
 padding:5px 10px 5px 10px;
 color: #000000;
 font-size: 135%;
 font-weight:  normal;
 margin:0px;
}

#top_title
{
 clear: left;
 padding:5px 10px 5px 10px;
 border-top:1px dotted #000000;
 color: #C3181E;
 font-size: 135%;
}

h2.inter_title,
h3.inter_title
{
 clear: both;
 padding:5px 10px 5px 10px;
 border-top:1px dotted #000000;
 border-bottom:1px dotted #000000;
 font-size: 135%;
 font-weight:  normal;
 margin:23px 0 0 0;
}

#first
{
 border-top:none;
}

#title_box
{
 padding:10px;
 margin:0px;
 background-color:#D8D8A3;
 font-size: 120%;
 line-height:  2em;
}

.title_box {
  padding:1px 30px 1px 10px;
  margin:0 0 18px 0;
  background-color:#efeed8;
  line-height: 1.5em;
}


h3 {
  font-size: .95em;
}

h4 {
  font-size: .8em;
}

h3.plain {
  font-size: .8em;
  padding-left: 10px;
  margin: 0;
}

h3.colum {
  clear: both;
  font-size: 135%;
  font-weight: normal;
  padding: 0px 10px 0px 10px;
}

h4.colum {
  padding:0px 10px 0px 10px;
}

h4.interim
{
 margin-bottom:10px;
 padding:0px;
}

h4.interim_list
{
 margin:0px;
 padding:0px;
}

h5,
h6 {
  font-size: .8em;
  margin: 1em 0 0 0;
  padding: 0 0 0 10px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Typographie: Absaetze */

#content p {
  font-size: .8em;
  line-height: 1.4em;
  margin: .8em .5em .8em 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Typographie: Listen */

ul {
  margin: .8em 0;
}

li {
  font-size: .8em;
  margin: .6em 0 0 1.8em;
}

ol.plain {
  list-style-position: outside;
  padding-left: 0;
  margin: .4em 1.5em .4em .4em;
}

* html ol.plain {
  margin-left: 14px;
}

ul.colum_text
{
 list-style:disc outside;
}

ol.letter
{
 list-style:lower-alpha;
}

ul.rows
{
 padding-left: 0px;
 margin:0px;
}

ul.navi_upper
{
 margin:0px;
 padding:0px;
}

ul.navi_lower
{
 margin:3px 0px 0px 0px;
 padding:0px 10px;
}

ul.navi_upper.submenue {
	margin: 12px 50px 0 0;
}



ul.abstand li,
ol.abstand li {
  margin-bottom: .5em;
}

dl.plain {
 list-style:disc;
}

li li {
  font-size: 1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * **/


.box-rechts {
  float: right;
  width: 27%;
/*  background: #c3181e; */
  color: #fff;
  padding: 0 10px;
  margin: 0 0 5px 15px;
}

.box-rechts.rot {
  float: right;
  width: 27%;
  background: #c3181e;
  color: #fff;
  padding: 0 10px;
  margin: 0 0 5px 15px;
}


.box-rechts p {
  color: #fff;
}

p.colum_normal.quelle {
  margin: -1em 0 0 0 !important;
}

p.slogan {
  color: #C3181E;
  font-size: 1.6em;
  font-style: italic;
  margin: 1em 10px -12px 10px;
}

p.interim_list
{
 margin:0px;
 padding:0px 0px 10px 0px;
}

p.colum
{
 clear: both;
 padding:0px 10px 0px 10px;
 text-align:left;
}

p.colum_normal
{
 padding:0px 10px 0px 10px;
 text-align:left;
}

p.colum:first-letter {
  float: left;
  position: relative;
  display: block;
  color: #FFF;
  background-color: #C3181E;
  font-family: serif;
  font-size: 300%;
  line-height: 1em;
  padding: 4px;
  margin: 0px 5px 5px 0px;
  border: 1px solid #fff;
}

.colum_left {
  clear: both;
  float: left;
  width: 33%;
  padding-top: 20px;
  overflow: hidden;
}

.colum_center
{
 float: left;
 width: 34%;
 padding-top:  20px;
 overflow:  hidden;
}

.colum_right
{
 float: right;
 width: 33%;
 padding-top:  20px;
 overflow:  hidden;
}

.colum_right.sponsoren h2 {
  font-size: .9em;
  padding: .4em 0;
  border-top: 1px dotted #000;
  margin: 0 0 0 25px;
}

.colum_right.sponsoren ul {
  list-style: none;
  padding: 0;
  border-bottom: 1px dotted #000;
  margin: 0 0 0 25px;
}

.colum_right.sponsoren li {
  padding: 10px 0 10px 0;
  border-top: 1px dotted #000;
  margin: 0;
/*  text-align: center;*/
}

.colum_right.sponsoren img {
  vertical-align: bottom;
}

.colum_double
{
 float: left;
 padding-top:  20px;
 overflow:  hidden;
 width: 66%;
}

.colum_triple
{
 clear: both;
 padding-top:  20px;
 overflow:  hidden;
 width: 100%;
}

.colum_triple.jury
{
 padding-top: 0;
 padding-bottom: 0;
 padding-left: 10px;
}

.spacer
{
 clear: both;
 padding-top:  20px;
 overflow:  hidden;
 width: 100%;
}

.seperator
{
 clear: both;
 padding:20px 0px 0px 0px;
 overflow:  hidden;
 width: 100%;
 border-bottom:1px dotted #000000;
}

.teaser
{
 color: #FFFFFF;
 background-color:#C3181E;
 width: 100%;
 height:150px;
 text-align:center;
 padding-top:  20px;
 margin-bottom:20px;
}

.jury_member {
  float: left;
  width: 8.2em;
  text-align:left;
  padding-bottom:  10px;
  padding-right: 4px;
}

.jury_member p {
  line-height: 1.25em !important;
  padding-right: 8px !important;
  margin: 8px 0 8px 0 !important;
}

.jury_member img {
  width: 7.75em;
}

.subline {
  line-height:  1.3em;
  margin-right:8em;
}

#footer
{
 clear: both;
 padding:50px 0px 0px 0px;
 font-size: 85%;
}

.dots
{
 border-top:1px dotted #000000;
 border-bottom:1px dotted #000000;
}

.copyright
{
 float: left;
 padding:15px 0px 15px 10px;
}

.back_to_top
{
 text-align:right;
 padding:15px 10px 15px 0px;
}

.presse_teaser {
  width: 12.7em;
  height: 12em;
  color: #2F2F0F;
  background-color:#D8D8A6;
  font-weight:  bold;
  text-align:center;
  border:1px solid #D8D8A6;
  margin: 10px 10px 10px 10px;
}

/**
 * classes for text embeded images
 */
.image_broad
{
 padding:15px 0px 10px 0px;
}

.image_text
{
 padding-left: 10px;
 padding-right:10px;
 margin:0px;
 font-size: 100%;
}

.movie_player
{
 width: 100%;
 text-align:center;
/* padding-top: 12px;
*/}

.movie_player p {
  border: 1px solid #b6a581;
  width: 380px;
  padding: 0 !important;
  margin: 0 auto;
}

.movie_player p span {
  display: block;
  padding: 10px 0;
}

img
{
 border:none;
}

img.broad_left
{
 padding-right:10px;
 float: left;
}

img.broad_right
{
 padding-right:10px;
 float: right;
}

.max
{
 width: 100%;
}

img.narrow
{
 padding:10px;
}

img.narrow_87
{
 width: 87%;
 padding:10px;
}

img.narrow_90
{
 width: 90%;
 padding:10px;
}

img.download
{
 padding:10px 10px 0px 0px;
}

img.sponsors
{
 border:none;
 padding:10px;
}

img#zimmer
{
 width: 89%;
}

img#adorf
{
 width: 62%;
}

img#lauschende
{
 width: 87%;
}

img#pt2007
{
 width: 100%;
}

img#bp
{
 width: 100%;
}

blockquote {
  margin: 0 0 0 10px;
}

/**
 * classes for table-like display
 */
.table_list
{
 width: 100%;
 padding:0px 0px 0px 10px;
}

h3.upper_headline_row, .upper_headline_row
{
 border-bottom:1px dotted #000000;
 font-size: 135%;
 font-weight:  normal;
 padding:0px 0px 10px 0px;
 margin:0px;
}

.headline_row, h3.headline_row
{
 border-bottom:1px dotted #000000;
 font-size: 135%;
 font-weight:  normal;
 padding:20px 0px 10px 0px;
 margin:0px;
}

ul.rows {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

ul.rows li.row,
ul.rows li.last_row,
.pic_row {
  font-size: .8em;
  padding: .8em 0 !important;
  margin: 0 !important;
  border-top: 1px dotted #000000;
}

.pic_row p {
  font-size: 100% !important;
  margin-bottom: 0 !important;
}

.pic_row .download_link {
  padding-left: 0 !important;
}

.pic_row .subline {
  margin-right: 0;
}

.pdf_download img {
  margin:  -1px 5px 0 10px;
}

.file_download img {
   margin:  -1px 5px 0 10px;
}

.download_link {
  font-size: 90% !important;
  padding-left: 32px;
}

.datum {
  color: #666;
  padding: 0 0 .4em 30px;
}

/* form classes */

label {
  font-size: .8em;
}

.kontaktForm
{
 padding:20px 20px 20px 20px;
}

.kontaktFormTextField
{
 width: 75%;
 text-align:left;
 border:1px solid #C3181E;
 font-size: 1em;
}

.kontaktFormTextArea
{
 width: 75%;
 height:200px;
 text-align:left;
 border:1px solid #C3181E;
 font-size: 1em;
 font-family:  Arial,Helvetica,sans-serif;
}

.kontaktFormButton
{
 font-weight:  bold;
}

.kontaktFormTextField:hover,
.kontaktFormTextArea:hover,
.kontaktFormButton:hover
{
 background-color:#F3F3D5;
}

.kontaktFormRow
{
 padding:10px 0px 0px 0px;
}

a
{
 color: #C3181E;
}

a.active
{
 font-weight:  bold;
}

a.no_deco
{
 text-decoration: none;
}

a.no_deco:hover
{
 text-decoration: underline;
}


#footer { font-size: .8em; }


fieldset {
  border: 1px solid #b6a581;
}

legend {
  color: #927f57;
  font-weight: bold;
}

fieldset div.innen {
  padding: 0 10px;
}

.stopFloat {
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
}

.dots p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}