/* @override http://dev.finest.glutrot.de/additions/finest.css */

/* CSS for finest */


/* Farben

addresses:
background: #28495A
pictures: #77A1B3
content: #E9ECEE
p-tag: #28495A

finest:
background: #690034
pictures: #B48099
content: #F0E6EB
p-tag: #690034

guestguide:
background: #950011
pictures: #CA8088
content: #F4E6E7
p-tag: #950011

publisher:
background: #AD883F
pictures: #D6C39F
content: #F7F3EC
p-tag: #AD883F

*/


* {
    margin: 0;
    padding: 0;
    border: 0px;
    text-align: center;
    color: white;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

h1 {
	padding-bottom: 10px;
	font-size: 14px;
}

body {
	background-color: #28495A;
}

img {
	border: 0px;
}

.nodocument {
	//padding-bottom: 130px;
	padding-bottom: 15%;
}


/* main ids */

#outercontainer {
	width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

#leftanimation {
	float: left;
	width: 100px;
}

#rightanimation {
	float: right;
	width: 100px;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#languages {
	width: 100%;
	height: 40px;
	text-align: right;
}

#mainmenu {
	height: 64px;
	text-align: left;
}

#secondmenu {
	height: 34px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}

#pictures {
	height: 250px;
	text-align: left;
}

#picturesedition {
	height: 410px;
	margin-bottom: 3px;
	text-align: left;
}

#picturemenuleft {
	float: left;
	height: 250px;
	width: 120px;
	text-align: left;
	padding-left: 10px;
	padding-top: 4px;
}

#picturemenuright {
	float: right;
	height: 250px;
	width: 820px;
	text-align: left;
	
	overflow: auto; /* FIXME: workaround for extra long content */
}

#picturemenurightedition {
	float: right;
	height: 410px;
	width: 820px;
	text-align: left;
	
	overflow: auto; /* FIXME: workaround for extra long content */
}

#viewer {
	height: 720px;
	
}

#content {
	float: left;
	width: 100%;
	padding-top: 20px;
	text-align: left;
}

/* this might work all the way through
 * but makes it rather difficult to change it afterwards! who did this?
 */
#content * {
	text-align: left;
}

#innerleft {
	float: left;
	margin-left: 80px;
	width: 370px;
	padding-bottom: 20px;
}

* html #innerleft {
	margin-left: 40px;
}

#innerright {
	width: 370px;
	margin-left: 500px;
	padding-bottom: 20px;
}

#innercontent {
	padding-left: 80px;
	padding-bottom: 20px;
	padding-right: 60px;
}

#footer {
	clear: both;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

/* general classes */

a.toolmenu {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

div.edition {
	float: left;
	width: 130px;
	height: 180px;
	text-align: left;
	margin-top: 30px;
	margin-right: 6px;
}

img.edition {
	height: 130px;
	width: 90px;
	margin-bottom: 6px;
	margin-right: 4px;
}

.edition a {
	text-decoration: none;
}

div.mediakit {
	float: left;
	height: 180px;
	text-align: left;
	margin-top: 30px;
	margin-right: 26px;
}

p.mediakitmenu {
	padding-top: 6px;
	text-align: left;
}

.small {
	font-size: 9px;
}

/* classes of login */

#innercontent .login {
	text-align: left;
	color: #28495A;
	
}

form#loginform {
	text-align: left;
	padding-top: 4px;
	padding-bottom: 10px;
}

form#loginform input {
	color: #28495A;
	text-align: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #28495A;
}

form#loginform span.logintext {
	color: #28495A;
	padding-right: 6px;
}


/* classes of addresses */

body.addresses {
	background-color: #28495A;
}

.secondmenuaddresses {
	background-color: #E9ECEE;
	border-bottom: 3px solid #28495A;
	color: #28495A;
}

.secondmenuaddresses a {
	text-decoration: none;
	font-size: 12px;
	color: #28495A;
}

.secondmenuaddresses a.active {
	font-weight: bold;
}

.picturesaddresses {
	background-color: #77A1B3;
}

.contentaddresses, .contentaddresses * {
	background-color: #E9ECEE;
	color: #28495A;
}

/* tried to introduce sitemap1, won't be accepted!!!*/

.contentaddresses li, .contentaddresses li .sitemap1 {
	padding-top: 10px;
	text-align: left;
	font-weight: bold;
	list-style-type: none;
}

.contentaddresses li .sitemap2 {
	padding-top: 0px;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 10px;
}

.contentaddresses li .sitemap3 {
	padding-top: 0px;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 20px;
}

.contentaddresses li .sitemap4 {
	padding-top: 0px;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: none;
	padding-left: 20px;
}

.contentaddresses a {
	color: #28495A;
	text-align: left;
	text-decoration: none;
}

.contentaddresses a:hover {
	color: #28495A;
	text-align: left;
	text-decoration: underline;
}


.picturemenuleftaddresses a, .picturemenuleftaddresses a.inactive {
	text-decoration: none;
	padding-left: 14px;
}

.picturemenuleftaddresses a.inactive:hover {
	font-weight: bold;
}

.picturemenuleftaddresses a.active {
	padding-left: 0px;
	font-weight: bold;
	text-decoration: none;
}

/* classes of finest */

body.finest {
	background-color: #690034;
}

.secondmenufinest {
	background-color: #F0E6EB;
	border-bottom: 3px solid #690034;
	color: #690034;
}

.secondmenufinest a {
	text-decoration: none;
	font-size: 12px;
	color: #690034;
}

.secondmenufinest a.active {
	font-weight: bold;
}

.picturesfinest {
	background-color: #B48099;
}

.contentfinest, .contentfinest * {
	background-color: white;
	color: #690034;
}


/* classes of guestguide */

body.guestguide {
	background-color: #950011;
}

.secondmenuguestguide {
	background-color: #F4E6E7;
	border-bottom: 3px solid #950011;
	color: #950011;
}

.secondmenuguestguide a {
	color: #950011;
	text-decoration: none;
	font-size: 12px;
}

.secondmenuguestguide a.active {
	font-weight: bold;
}

.picturesguestguide {
	background-color: #CA8088;
}

.contentguestguide, .contentguestguide * {
	background-color: white;
	color: #950011;
}

img.guestguide {
	margin-left: 10px;
	margin-bottom: 10px;
}

a.guestguide {
	display: inline;
}

/* classes of publisher */

body.publisher {
	background-color: #AD883F;
}

.secondmenupublisher {
	background-color: #F7F3EC;
	border-bottom: 3px solid #AD883F;
	color: #AD883F;
}

.secondmenupublisher a {
	color: #AD883F;
	text-decoration: none;
	font-size: 12px;
}

.secondmenupublisher a.active {
	font-weight: bold;
}

.picturespublisher {
	background-color: #D6C39F;
}

.contentpublisher, .contentpublisher * {
	background-color: white;
	color: #AD883F;
}


/* a tags */
a.language {
	text-decoration: none;
	font-size: 10px;
}

/* search */
.found {
	color: red;
}

#secondmenu .searchlink { /* link in secondmenu */
	float: right;
}

form#formsearch input.search {
	padding: 2px;
	margin-left: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

.contentaddresses form#formsearch input.search {
	border-color: #28495A;
}

.contentfinest form#formsearch input.search {
	border-color: #690034;
}

.contentguestguide form#formsearch input.search {
	border-color: #950011;
}

.contentpublisher form#formsearch input.search {
	border-color: #AD883F;
}

/* search and login buttons */

.button {
	color: white !important;
	font-weight: bold;
	padding: 2px 10px 2px 10px !important;
	text-align: center !important;
	background-color: #28495A;
}

.contentadresses .button {
	background-color: #28495A;
}

.contentfinest .button {
	background-color: #690034;
}

.contentguestguide .button {
	background-color: #950011;
}

.contentpublisher .button {
	background-color: #AD883F;
}

/* generic */

.leftmargin10 {
	margin-left: 10px;
}

/* template: download */
span.dlHeadline {
	font-size: 12px;
}

span.dlDescription {
	font-size: 11px;
	font-style: italic;
}

table.download {
	margin: 0px 60px 20px 80px;
	border-collapse: collapse;
	width: 450px;
	table-layout: fixed;
}

td.dlIcon, td.dlIcon a, td.dlIcon a img {
	margin: 0px !important;
	padding: 0px !important;
}

td.dlIcon {
	text-align: center !important;
	font-size: 11px;
	width: 75px;
}

table.download td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #8CB491;
}

.addresses table.download td {
	border-color: #28495A;
}

.finest table.download td {
	border-color: #690034;
}

.guestguide table.download td {
	border-color: #950011;
}

.publisher table.download td {
	border-color: #AD883F;
}

td.dlDesc {
	padding: 0px 0px 0px 10px !important;
	margin: 0px !important;
	width: 375px;
}

td.lastRow {
	border: 0px !important;
}


/* template: table */
div.tabletemplate {
	margin: 0px 60px 20px 80px;
}

div.tabletemplate table {
	border-collapse: collapse;
}

div.tabletemplate table.fullwidth {
	width: 820px;
}

div.tabletemplate table.col1bold td.col1 {
	font-weight: bold;
}

div.tabletemplate table.col2right td.col2 {
	text-align: right !important;
}

div.tabletemplate table.anzeigenpreise3col th {
	vertical-align: top;
}

div.tabletemplate table.anzeigenpreise3col td.col1 {
	width: 600px;
}

div.tabletemplate table.anzeigenpreise3col td.col2, div.tabletemplate table.anzeigenpreise3col th.col2 {
	width: 110px;
}

div.tabletemplate table.anzeigenpreise3col td.col3, div.tabletemplate table.anzeigenpreise3col th.col3 {
	width: 110px;
}

div.tabletemplate table.anzeigenpreise2col td.col1 {	
	width: 600px;
}

div.tabletemplate table.mkinformationen td.col1 {
	font-weight: bold;
	vertical-align: top;
	padding-right: 10px;
	width: 145px;
}

div.tabletemplate table.mkinformationen td.col2 {
	vertical-align: top;
	padding-bottom: 10px;
}

div.tabletemplate table.mkinformationen ol {
	margin: 0px;
	padding: 0px;
}

div.tabletemplate table.mkinformationen ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-weight: normal;
}

/*
div.tabletemplate tr:hover td {
	background-color: blue !important;
}
*/

div.alignright {
	text-align: right !important;
}

div.picturepositionedcontent * {
	text-align: left;
	color: #28495A;
}

div.picturepositionedcontent h1 {
	padding-top: 3px;
}

div.picturepositionedcontent {
	background-color: #E9ECEE;
	color: #28495A;
	height: 100%;
	padding-left: 10px;
}

thead td {
	font-weight: bold;
}

div.picturepositionedcontent td {
	vertical-align: top;
	padding-right: 10px;
}

div.picturepositionedcontent .copytext {
	overflow: auto;
	height: 379px;
}

.pictureWideContent div#picturemenuleft {
	width: 210px;
}

.pictureWideContent div#picturemenurightedition {
	width: 740px;
}

.guestguidedetail {
	float: left;
	text-align: center !important;
	padding-bottom: 10px;

}

.guestguidedetail a {
	text-decoration: none;
	font-size: 9px !important;
}

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

img.guestguidedownload {
	padding-bottom: 6px;
	vertical-align: middle;
}