/* stylesheet for www.mortimer.at */
/* Copyright by Simon Wagner ++++ http://webdesign.wwwagner.net/ ++++ */

/* ##### general ##### */

a {
    text-decoration: none;
}

a.back {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 20px;
}
a.back:link, a.back:visited {
    background-image: url(bg_back.png);
    color: #44b;
}
a.back:hover,a.back:active {
    background-image: url(bg_back_hov.png);
    color: #80a;
}

a.my_link {
    color: #444;
}
a.my_link:hover {
    color: #008;
}

a.up {
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding: 2px 20px;
}
a.up:link, a.up:visited {
    background-image: url(bg_up.png);
    color: #44b;
}
a.up:hover,a.up:active {
    background-image: url(bg_up_hov.png);
    color: #80a;
}
*html a.up {
    background-position: left 2px;
}

body, div, img {
    padding: 0;
    border: none;
    margin: 0;
}

body {
    background: white;
    font-family: "Trebuchet MS", Helvetica, Verdana, "Bitstream Vera Sans", sans-serif;
    text-align: center;
}

h1 {
    font-size: .9em;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    letter-spacing: 3px;
}

h2, h3 {
    font-size: 1.4em;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

em {
    font-weight: normal;
    font-style: italic;
}

strong {
    font-weight:bold;
    font-style:normal;
}

ul {
    list-style: square;
}


/* ##### document specific ##### */

#header {
    width: 76%;
    min-width: 600px;
	max-width: 800px;
    height: 125px;
/* ie needs center top, not only center */
    background: transparent url(./bg_header.jpg) center top repeat-x;
    text-align: inherit;
    margin: 0 auto;
    overflow: hidden;
}

#header img {
    height: 125px;
    margin: 0 auto;
}

#crumbs {
    width: 76%;
    min-width: 600px;
	max-width: 800px;
    background-color: black;
    color: white;
    font-size: .8em;
    font-weight: bold;
    text-align: left;
    border-top: 1px solid #555;
    border-bottom: 1px solid #88a;
    margin: 0 auto;
    overflow: hidden;
}

/* this is for ie only  */
* html #crumbs { height: 1.8em; }

#crumbs ul {
	width: auto;
	float: right;
	list-style: none;
	text-align: right;
	padding: 0 26px;
	margin: 4px 0;
}

#crumbs ul:first-child {
	float: left;
}

#crumbs li {
	display: inline;
	text-align: inherit;
}

#crumbs a, #footer a {
    background-color: transparent;
    color: white;
}
#crumbs a:hover, #footer a:hover {
    background-color: transparent;
    color: #ffa;
}

#crumbs ul.en li {
	background: url(bg_en.png) right center no-repeat;
	padding-right: 40px;
}

#crumbs ul.de li {
	background: url(bg_de.png) right center no-repeat;
	padding-right: 40px;
}

#main {
    width: 76%;
    min-width: 600px;
	max-width: 800px;
    background: #aae;
    margin: 0 auto;
    overflow: hidden;
}

#main_menu {
	width: 28%;
	float: left;
	border-top: 1px solid #ddf;
}

#main_menu ul {
	list-style: none;
	text-align: right;
	padding: 0;
	margin-top: .8em;
	overflow: hidden;
}

#main_menu li {
    width: 100%;
    background: transparent;
	color: black;
    text-align: right;
    padding: .2em 0;
    border-bottom: 1px solid #ddf;
    margin: 0;
}

#main_menu li:first-child {
    border-top: 1px solid #ddf;
}

#main_menu a {
    width: 100%;
    background: transparent;
    color: inherit;
    text-align: right;
    padding: .3em 0;
    margin: 0 26px 0 auto;
}

#main_menu li:hover, #main_menu li:active, #main_menu li.current {
    background: #ddf url(./bg_menu_main_hov.jpg) repeat-y;
    color: #44b;
}

#main_menu li.current span {
	font-style: italic;
	padding-right: 26px;
}

#main_content_wrapper {
    width: 72%;
    float: left;
    background: #ddf;
    text-align: left;
    }

#content {
    font-size: 1em;
    background: #eef url(./bg_content.png) repeat-x;
    padding: 0 12px;
    border: 1px solid #888;
    margin: .8em 1.4em;
}

#content h2 {
	background: white;
	padding-left: 4px;
	border-top: 2px solid #aa7181;
	border-bottom: 2px solid #aa7181;
	border-right: 1px solid #996171;
	border-left: 1px solid #996171;
	margin-bottom: .8em;
}

#content h3 {
	background: white;
	font-size: 1.2em;
	padding-left: 4px;
	border-top: 3px solid #444;
	border-bottom: 3px solid #444;
	margin-top: 1.2em;
	margin-bottom: .6em;
}

#content ul, .clients div, .framed {
	background: white;
	padding: .8em;
	border: 1px solid #888;
	margin: 0 1px 1.2em 0;
}

#content ul {
	padding-left: 2em;
}

#content a:link {
    color:#008;
}
#content a:visited {
    color:#448;
}
#content a:hover, #content a:active {
    color:#60a;
}

#content a img {
	border: 1px solid #ddf;
}
#intro a img {
	border: 1px solid #888;
}
#content a img:hover {
	border: 1px solid #44d;
}

#intro {
	background: #bbe;
	color: black;
	font-size: .9em;
	font-weight: bold;
	padding: .4em .8em .4em 5px;
	border: 6px solid white;
	margin-bottom: 1.4em;
}

#intro img {
	width: 120px;
	float: left;
	border: 1px solid #444;
	margin: 8px .6em 1em 4px;
}

#intro p:first-child {
	margin-top: 6px;
}

#intro p.framed, #intro table.framed {
	clear: left;
	border: 1px solid black;
	padding: 4px;
	background: #dcf;
	list-style: none;
	overflow: auto;
	vertical-align: middle;
}

#intro table.framed tr, #intro table.framed td {
	clear: left;
	background: transparent;
	vertical-align: middle;
}*/

#footer {
    width: 76%;
	min-width: 600px;
	max-width: 800px;
    clear: both;
    height: 5em;
    background-color: black;
    color: white;
    margin: 0 auto;
    overflow: hidden; /* clears float, adjusts neatlessly to upper element */
}

#footer ul {
	width: 66%;
	list-style: disc;
	margin: .8em auto 0 auto;
}

#footer ul:last-child {
	margin: 0 auto .8em auto;
}

#footer li {
	font-size: .8em;
	font-weight: bold;
	display: inline;
}

#footer li:after {
	content: " ·";
}

#footer li:last-child:after {
	content: "";
}

#kolophon {
    color:#aaa;
    font-size:0.8em;
    text-align:center;
    margin:0.2em auto 4em auto;
}

/* ie only */
*html #kolophon ul { margin-top: .8em; }
/* for ie to accept margin-bottom value from above */
*html #kolophon { padding-bottom: .3em; }

/* currently not needed:
#kolophon a {
    color: #aaa;
}
#kolophon a:hover {
    color: #888;
}
*/


/* ###   per page extras go here:  ### */

/* ### Kundenreferenz.html ### */

div.client img {
    vertical-align: middle;
}

/* ### Audio Guides ### */
div.audio {
    clear: left;
    margin: 0 0 1em 0;
}

div.audio object {
    width:200px;
    float:left;
    margin:0.25em 1em 0.7em 0;
}



.main_content_img {
    width: 12.6em;
    height: 18em;
    float: left;
    border: none;
    margin:0 .8em .8em 0;
}

.main_content_img  img {
    width: 12.4em;
    border: 1px solid #444;
    margin: 2px 0 0 0;
}

.main_content_img  p {
	font-size: .7em;
	line-height: 1em;
	margin-top: 1px;
}

.small {
    font-size: .9em;
    margin: 2em 0 1em 0;
}

.cit {
    font-size:0.9em;
    font-weight:bold;
}
.copy {
    font-size:0.9em;
    font-style:italic;
    padding:0 0.8em;
    margin-top:2.2em;
}
.quest {
    font-style:italic;
}