/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  font-family: DINOTRegular, geneva, tahoma, arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}
html {
  height: 100%;
  overflow:hidden;
}
body {
  height: 100%;
  font-size: 0.82em;
  text-align: left;
  color: #959595;
  background: none;
  overflow:hidden;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px; line-height: 1px;
  overflow: hidden;
  clear: both;
}
sub, sup {
  font-size: 0.6em;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}

/* Tooltip formatting */
.tip {
  border: 1px solid #acacac;
  padding: 5px 10px;
  text-transform: uppercase;
  background: #fff;
  font-size: 0.9em;
}

@font-face {
	font-family: 'DINOTRegular';
	src: url('layout/font/dinot-regular-webfont.eot');
	src: local('☺'), url('layout/font/dinot-regular-webfont.woff') format('woff'), url('layout/font/dinot-regular-webfont.ttf') format('truetype'), url('layout/font/dinot-regular-webfont.svg#webfontyU9U39jQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* fullsize background */
#passepartout {
  display: block;
	position: relative;
	height: 100%;
}
#supersize { 
  position: fixed; top: 0; left: 0; z-index: 0; 
}
#supersize img, #supersize a {
	height:100%;
	width:100%;
	display:none;
}
#supersize .activeslide, #supersize .activeslide img {
	display:inline;
}
#background {
  display: block;
  width: 100%; height: 100%;
  position: absolute; left: 0; top: 0; 
  background: url(layout/bg_overlay.png) repeat left top fixed;
}
#background.dark {
  background-image: url(layout/bg_overlayd.png);
}


/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
  position: absolute; top: 0; left: 0;
  text-align: left;
  margin: 0 0 0 0;
  overflow:auto; z-index:10;
  width: 950px; w\idth: auto; min-width: 950px; 
  width: 100%; height: 100%;
}
#header {
  height: 30px;
  position: relative;
  margin-bottom: 0px;
}
#container {
  margin-bottom: 50px;
}
#main {
  margin-left: 157px; position: relative; top: 20px;
  height: 300px; he\ight: auto; min-height: 300px;
  padding: 35px 35px 35px 40px; 
  background: url(layout/bg_menu_center.png) repeat left top;
}
#left {
  width: 157px; position: absolute; top: 30px; left: 0;
  overflow: hidden;
}
#right {
  display: none; 
}
#footer {
  display: block;
  position: fixed; bottom: 0; right: 0; z-index: 15;
  padding-left: 20px;
  background: url(layout/bg_caption.png) no-repeat left top;
}

/* Logo im Header */
#header #headlogo {
  position: absolute; right: 30px; top: 12px;
  width: 216px; height: 25px;
} 
#header #swf_11 {
  width: 140px; height: 140px;
}
#header div#swf_16 {
  position: relative; left: 42px; top: 14px;
  width: 105px; height: 105px;
}
#header #logoalt {
  display: block; width: 105px; height: 105px;
}


/* linke Spalte: Navigation */
#left {
  background: url(layout/bg_menu_bottom.png) no-repeat left bottom;
  padding-bottom: 20px;
}
#left .mod_navigation {
  padding: 20px 0 0 0;
  background: url(layout/bg_menu.png) no-repeat left top;
}
#left .mod_navigation ul {
  list-style: none;
  padding: 0 0 20px 0;
}
#left .mod_navigation li {
  margin: 0; padding: 0; 
  line-height: 1.3em;
}
#left .mod_navigation li.news,
#left .mod_navigation li.studio {
  margin-bottom: 10px;
}
#left .mod_navigation li a {
  display: block;
  text-transform: uppercase;
  color: #959595;
  text-decoration: none;
  padding: 1px 0 1px 24px;
  letter-spacing:0.03em;
  font-family: DINOTRegular, Geneva, Tahoma, Arial, sans-serif;
}
#left .mod_navigation li a.active,
#left .mod_navigation li a.trail,
#left .mod_navigation li a:hover {
  color: #fff;
}
#left .mod_navigation ul ul {
  display: none;
}

/* Standard-Stilangaben */
#main h1 {
  font-size: 1.4em;
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
  font-weight: normal;
  font-family: DINOTRegular, Geneva, Tahoma, Arial, sans-serif;
}
#main h2 {
  font-size: 1.0em;
  margin-bottom: 0.3em;
  text-transform: uppercase;
  color: #959595;
  font-weight: normal;
  font-family: DINOTRegular, Geneva, Tahoma, Arial, sans-serif;
}
#main h2.ce_headline {
  font-size: 1.3em;
  margin-bottom: 0.8em;
  color: #000;
  font-weight: bold;
  font-family: DINOTRegular, Geneva, Tahoma, Arial, sans-serif;
}
#main h3 {
  font-size: 1em;
  margin-bottom: 0.8em;
  font-family: DINOTRegular, Geneva, Tahoma, Arial, sans-serif;
}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1.2em;
}
#main ul, #main ol {
  margin-left: 1.5em;
}
#main ul {
  list-style: none;
  margin: 0 0 3em 0;
}
#main li {
  text-transform: uppercase;
  font-size: 1.0em;
  line-height: 1.4em;
  font-family: DINOTRegular, Geneva, Tahoma, Arial, sans-serif;
}
#main a {
  color: #959595;
  text-decoration: none;
}
#main li.active a,
#main a:hover {
  color: #fff;
  text-decoration: none;
}
#main .bordertop a,
#main .layout_full a,
#main .mod_currentimage a,
#main li a {
  color: #959595;
  text-decoration: none;
  text-transform: uppercase;
}
#main .bordertop a:hover,
#main .layout_full a:hover,
#main .mod_categoryimages li:hover a,
#main .mod_currentimage a:hover,
#main .mod_artistheader a:hover,
#main .mod_artistheader a.active,
#main .mod_memberlist li.active a,
#main .mod_categorylist li:hover,
#main .mod_artistheader h1 a,
#main li a:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* Listen mehrspaltig */
#main .mod_categorylist ul {
  width: 180px; float: left;
  margin-bottom: 3em;
}

/* Bilder/Portfolio-Ansicht */
#main .mod_portfoliolist ul {
  margin-bottom: 5px;
}
#main .mod_portfoliolist li {
  display: inline;
  margin-right: 5px;
}


/* Standard-Textinhalte */
.artistdetail #main .mod_article,
#main .mod_article .subcolumns {
  width: 720px;
}
#main .ce_text p,
#main .ce_form input.text,
#main .ce_form textarea,
#main .ce_text td {  
  line-height: 1.35em;
}
#main .ce_text td {
  vertical-align: bottom;
}
#main .ce_text td.col_0 {
  vertical-align: bottom; padding-right: 10px;
  text-transform: uppercase;
}
#main .ce_text ul {
  list-style: square; margin-bottom: 2em;
}
#main .ce_text li {
  margin-left: 1.3em;
  text-transform: none;
  font-family: arial, helvetica, sans-serif;
}
#main .ce_text a {
  font-family: arial, helvetica, sans-serif;
  color: #959595;
}
#main .ce_text a:hover {
  color: #fff;
}
.whitetext #main h1,
.whitetext #main .ce_text p,
#main .ce_form input.text,
#main .ce_form textarea,
.whitetext #main .ce_text td {
  color: #fff;
}
#main .ce_text.bordertop {
  border-top: 1px solid #acacac;
  padding-top: 0.8em;
}
#main .bordertop td {
  border-top: 1px solid #acacac;
  padding-top: 0.8em;
  font-size: 1.0em;
}
.contact #main .second .ce_text,
.contact #main .second .ce_text p,
.contact #main .second .ce_text td {
  line-height: 1.5em;
}

/* Fotografenliste */
#main .mod_memberlist .artists {
  width: 180px; float: left;
  margin-bottom: 3em;
}
#main .mod_memberlist h1 {
  cler: left;
}
#main .mod_memberlist h2 {
  margin-bottom: 0.4em;
}
#main .mod_memberlist ul {
  width: 180px; margin-bottom: 0;
}

/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .current {
  color: #959595;
  text-decoration: underline;
}

/* Nachrichten */
#main .mod_newslist {
  position: relative;
}
#main .layout_latest {
  width: 150px; float: left; height: 235px; margin: 0 10px 10px 0;
  overflow: hidden;
}
#main .layout_latest p.info {
  margin-bottom: 0.2em;
  font-size: 0.9em;
}
#main .layout_latest h2 {
  margin-bottom: 0em;
  font-size: 1.0em;
  line-height: 1.4em;
}
#main .layout_latest p.teaser {
  line-height: 1.45em;
}
#main .layout_latest .image_container {
  margin: 0 0 1px 0;
}
#main .layout_latest .image_container .caption {
  display: none;
}
#main .layout_latest:hover a {
  color: #fff;
}

/* News Detailseite */
#main .layout_full {
  clear: both; margin-bottom: 20px;
  padding: 0 0 1px 0;
}
#main .layout_full .subs {
  float: left; width: 350px; margin-right: 10px;
}
#main .layout_full .right {
  margin-right: 0px;
  margin-left: 10px;
}
#main .layout_full .image_container {
  margin-bottom: 10px;
}
#main .layout_full p.date {
  font-size: 1em;
  font-family: geneva, tahoma, arial, helvetica, sans-serif;
}
#main .mod_newsreader p.back {
  display: none;
}

#main .mod_newslist h1 {
  font-weight: normal;
  margin: 0 0 1em 0;
}

/* Bilderliste mit Categorie-Übersicht */
#main .mod_categoryimages {
}
#main .mod_categoryimages h1 {
  margin: 0;
}
#main .mod_categoryimages div.listing {
  margin: 0 0 2.5em 0;
}
#main .mod_categoryimages ul {
  margin: 0 0 2px 0;
}
#main .mod_categoryimages li {
  width: 150px; margin: 0 10px 5px 0;
  float: left;
}
#main .mod_categoryimages li p {
  margin-bottom: 2px;
}

/* Bilderliste: zentrales Bildelement */
#main .mod_imagelist,
#main .mod_imageseries {
  position: relative;
}
#main .mod_imagelist ul,
#main .mod_imagelist p,
#main .mod_imageseries ul,
#main .mod_imageseries p {
  margin: 0;
}
#main .mod_imagelist ul,
#main .mod_imageseries ul {
  list-style: none;
}
#main .mod_imagelist li,
#main .mod_imageseries li {
  position: relative;
  width: 75px; float: left;
  margin: 0 5px 5px 0;
  letter-spacing: 0;
}
#main .mod_imagelist li .image_container,
#main .mod_imageseries li .image_container {
  position: relative;
  width: 75px; height: 75px;
  margin-bottom: 0px;
}
#main .mod_imagelist li .image_container a img,
#main .mod_imageseries li .image_container a img {
  display: block;
}

/* Einzelbild */
#main .mod_artistheader {
  margin-bottom: 0;
}
#main .mod_artistheader .head {
  display: block; position: relative;
  margin-bottom: 0px; font-size: 1em;
  height: 2.25em; overflow: hidden;
}
#main .mod_artistheader .head h1 {
  font-size: 1.8em; line-height: 1em;
  margin-bottom: 0px;
  color: #fff;
  float: left;
  margin-right: 15px;
  white-space: nowrap;
}
#main .mod_artistheader .head ul {
  padding-top: 0.45em;
  margin-bottom: 0px;
}
#main .mod_artistheader .head li {
  display: inline;
  margin-right: 5px;
}
#main .mod_currentimage {
  clear: left;
  height: 500px;
}
#main .mod_currentimage .image_container {
  position: relative; left: 0;
  margin: 0 0 3px 0;
}
#main .mod_currentimage .image_container img {
  display: block;
}
#main .mod_currentimage .image_container .pager {
}
#main .mod_currentimage .image_container .pager a {
  font-size: 1em; display: inline;
  text-transform: uppercase;
}

/* Social Links */
#main #sociallinks {
  position: absolute; top: 30px; right: 30px;
  width: 190px;
  text-transform: uppercase;
}
#main #sociallinks .words {
  display: none; 
}
#main #sociallinks .icons {
  height: 100%;
}
#main #sociallinks #followus {
  position: absolute; left: 0px; top: 0px;
  width: 80px; border-right: 1px solid #666;
}
#main #sociallinks #followus .icons {
  padding-left: 30px;
  width: 80px; w\idth: 54px;  
}
#main #sociallinks #sharethis {
  position: absolute; left: 85px; top: 0px;
  width: 100px;
}
#main #sociallinks #sharethis .icons {
  padding-left: 5px;
}
#main #sociallinks #sharethis .words {
  padding-left: 3px;
}
#main #sociallinks div a {
  display: block; width: 16px; height: 16px; he\ight: 0px; 
  padding-top: 16px; overflow: hidden;
  float: left; padding-right: 5px;
  background-image: url(layout/icons.gif);
  background-repeat: no-repeat;
}
#main #sociallinks a.facebook {
  background-position: 0px -35px;
}
#main #sociallinks a.facebook:hover {
  background-position: -45px -35px;
}
#main #sociallinks a.twitter {
  background-position: 0px -70px;
}
#main #sociallinks a.twitter:hover {
  background-position: -45px -71px;
}
#main #sociallinks a.google {
  background-position: 0px -105px;
}
#main #sociallinks a.google:hover {
  background-position: -45px -105px;
}
#main #sociallinks a.digg {
  background-position: 0px -140px;
}
#main #sociallinks a.digg:hover {
  background-position: -45px -140px;
}

/* Liste drunter */
#main .mod_imagelist p.meta,
#main .mod_imageseries p.meta {
  margin-bottom: 30px;
  text-transform: uppercase;
}
#main .series_list {
  position: relative;
  clear: both; margin: 0 0 15px 0;
  padding: 15px 0 15px 0;
  border-top: 1px solid #acacac;
}
#main .series_list h2 {
  font-size: 1em; font-weight: normal;
  color: #959595; font-family: arial, helvetica, sans-serif;
  text-transform: none;
}
#main .mod_newslist .pagination,
#main .mod_imagelist .pagination,
#main .mod_imageseries .pagination,
#main .series_list .pagination {
  position: absolute; right: 0; top: 4px;
  text-transform: uppercase;
}
#main .mod_newslist .pagination {
  top: -36px;
}
#main .series_list .pagination {
  top: 15px;
}
#main .mod_newslist .pagination li,
#main .mod_imagelist .pagination li,
#main .mod_imageseries .pagination li,
#main .series_list .pagination li {
  padding: 0 4px 0 4px; margin: 0; width: auto; height: auto;
  border-left: 1px solid #acacac;
}
#main .mod_newslist .pagination li.prev,
#main .mod_newslist .pagination li:first-child,
#main .mod_imagelist .pagination li.prev,
#main .mod_imagelist .pagination li.first,
#main .mod_imageseries .pagination li.prev,
#main .mod_imageseries .pagination li.first,
#main .series_list .pagination li.prev,
#main .series_list .pagination li.first {
  border-left: 0;
}
#main .series_list .image_container {
  position: relative; height: 129px; float: left;
  margin-right: 17px;
}
#main .series_list .image_container a {
  position: absolute; bottom: 0;
}
#main .series_list .image_container a img {
  display: block;
}

/* Formulare */
#main .formbody {
}
#main .formbody .forme {
  float: left; width: 210px; margin-right: 4px;
  margin-bottom: 2px;
}
#main .formbody label {
  clear: left;
  display: block;
  width: 207px;
  text-transform: uppercase; font-size: 0.9em;
  margin: 0px 0px 2px 0px;
}
#main p.error,
#main span.error {
  color: #ff0000;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #ff0000;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width: 207px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #666;
  background: #000;
}
#main .formbody input.error {
  border-color: #ff0000;
}
#main .formbody textarea {
  width: 421px; height: 100px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #666;
  background: #000;
}
#main .formbody label.error {
  color: #ff0000;
}
#main .formbody .radio_container,
#main .formbody .checkbox_container {
  padding-left: 2px;
}
#main .formbody .checkbox_container span {
  clear: left; width: 300px;
  display: block;
  margin-bottom: 1px; margin-top: 3px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .radio_container label,
#main .formbody .checkbox_container label {
  display: inline; float: none; margin-right: 10px; 
}
#main .formbody .submit_container {
  clear: both; position: relative;
  text-align: right; width: 100px; overflow: hidden;
  margin-left: 326px;
}
.request #main .formbody .submit_container {
  top: -1.8em;
}
#main .formbody input.submit {
  border: 1px solid #666;
  padding: 2px 6px; margin-right: 1px;
  text-transform: uppercase;
  cursor: pointer; color: #959595;
  background: #000;
}
#main .formbody input.submit:hover {
  color: #fff; background: #333;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}
/* feldspezifische Angaben */
#main .formbody .element_1,
#main .formbody .element_5,
#main .formbody .element_7,
#main .formbody .element_18,
#main .formbody .element_21,
#main .formbody .element_23,
#main .formbody .element_30,
#main .formbody .element_33,
#main .formbody .element_35 {
  margin-right: 0px;
}
#main .formbody .element_11,
#main .formbody .element_14,
#main .formbody .element_16,
#main .formbody .element_19,
#main .formbody .element_24,
#main .formbody .element_25,
#main .formbody .element_16,
#main .formbody .element_36,
#main .formbody .element_37,
#main .formbody .element_39 {
  width: 421px;
  margin-right: 0;
}
#main .formbody .element_16 input.text,
#main .formbody .element_24 input.text,
#main .formbody .element_36 input.text,
#main .formbody .element_39 input.text {
  width: 421px;
}


/* Footer: caption für Fullscreen-Hintergrundbilder */
#footer #caption {
  text-align: left;
  text-transform: uppercase;
  padding: 3px 30px 4px 45px; color: #959595;
  background: transparent;
}
#footer #caption a {
  color: #959595; text-decoration: none;
}
#footer #caption a:hover {
  color: #fff;
}

.startseite #main {
  display: none;
}
.company #main .c40l .ce_text {
  float: left;
  margin-right: 20px;
}