/*
    Single Stylesheet for Meidl Microsite
*/

/* Reset styles */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote {
    margin:0;
    padding:0;
    font-size:100%;
}

img {
    border:none;
}

.todo {
    font-weight:bold;
    color:red;
}

body {
    background: url('../images/body.jpg') top left no-repeat;
    padding:0px 0 0 0;
    margin:0;
}

div#container {
    overflow:hidden;
    width:990px;
    height:711px;
    margin:0;
}

div#wrapper {
    float:left;
    width:726px;
    height:687px;
    overflow:hidden;
}

img#portrait {
    float:left;
    width:218px;
    height:687px;
    top: -4px;
    padding-left:45px;
}

div#header {
    height:175px;
    overflow:hidden;
}

div#headline {
    width:700px;
    height:84px;
    margin:35px 0px 0px 20px;
}

div#header h1 {
    color: white;
    font-weight:normal;
    font-size:28px;
    margin-top:-85px;
    margin-bottom:0px;
    padding:0 10px 0 0px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
    text-transform:uppercase;    
}

div#header h2  {
    color:#0162a7;
    font-weight:normal;
    font-size:28px;
    margin-top:-3px;        
    padding:0px 10px 0 0px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
    text-transform:none; 
}        


div#header ul {
    text-transform:uppercase;
}

div#header ul, div#header ul li {
    list-style:none;
}

div#header ul li {
    display:inline;
}

div#header ul li a {
    color:#166089; /* darkblue */
    padding:0 7px 0 7px;
}

div#header ul li a:hover, div#header ul li a.active {
    color:#16A1C7; /* cyan */
    text-decoration:none !important;
}

div#header ul li a.active {
    font-weight:bold;
}

ul#naviMain {
    padding:18px 0 0 15px;
    line-height:14px;
}

ul#naviSub {
    padding:6px 0 0 15px;
    line-height:14px;
}

div#sidebar {
    float:right;
    width:160px;
    height:515px;
    padding:0 11px 0 18px;
}

div#content {
    line-height:1.25em;
    float:left;
    height:513px;
    width:483px;
    padding:18px 10px 0 22px;
    overflow:auto;
}

div#footer {
    clear:both;
    height:24px;
    background:url('../images/background-footer.png') bottom left no-repeat;
}

div#footer ul {
    font-size:11px;
    list-style:none;
    padding:5px 220px 0 0;
    text-align:right;
}

div#footer ul li {
    display:inline;
    text-transform:uppercase;
    color:#4D4D4D; /* darkgray */
    padding-right:15px;
}

div#footer ul li a {
    color:#4D4D4D; /* darkgray */
}

/* Typo */
body {
    font-family:'Arial','Helvetica','Free Sans',sans-serif;
    font-weight:normal;
    font-size:13px;
    color:#166089; /* darkblue */
}

h2 {
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0 0 1em 0;
}

p {
    padding-bottom:0.8em;
}

a {
    color:#16A1C7; /* cyan */
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.center {
	text-align: center;
}

.video_page {
	text-align: center;
	width:480px;
	position: absolute; top: 660px;	
}

blockquote {
    margin:2em 0 2em 0;
}

blockquote p   { 
	text-align: right;
	width:480px;
	color: #444; 
	font-size: 13px; 
	line-height: 1.2em; 
	text-transform: uppercase; 
	position: absolute; top: 620px;
	z-index:1;
}

blockquote p#quelle  { 
	text-align:right;
	width:480px;
	color: black; 
	font-size: 11px; 
	text-transform: none; 
	position: absolute; top: 655px;
	z-index:2;
}

small  { font-size: 12px}

blockquote div   {
	text-align:justify;
	font-size: 12px; 
	width:480px;
	line-height: 1.2em; 
    padding:0px 0 40px 0;
}

blockquote h2  { 
	font-weight:normal;
	font-size: 11px; 
    text-transform:none;
	line-height: 1.2em;
	position: absolute;left:410px;
    color:#4D4D4D; /* darkgray */
    padding:5px 0px 0px 0px;
}

blockquote h3  { 
	font-weight:normal;
	font-size: 12px; 
	line-height: 1.2em;
	position: absolute;left:400px;
    padding:0px 0px 0px 0;
}

blockquote h4  {
	font-weight:normal;
	font-size: 11px;
	text-transform:none;
	line-height: 1.2em;
	text-align:right;
	position: absolute;left:290px;
	color:#4D4D4D; /* darkgray */
    width:483px;
    z-index:3;
    padding:5px 0px 0px 0;
}

blockquote h5  { 
	font-weight:normal;
	line-height: 1.2em;  
	position: absolute;left:470px;
	z-index:3;
    padding:0px 0px 0px 0;
}
 
blockquote h6  { 
	text-align:right;
	font-weight:normal;
	width:480px;
	color: black; 
	font-size: 10px; 
	line-height: 1.1em; 
	position: absolute;
	z-index:4;
    padding:5px 5px 10px 0;
}

small  { font-size: 10px;
}

div#sidebar h3 {
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    color:#4D4D4D; /* darkgray */
    padding:17px 0 2px 0;
}

div#sidebar p {
    margin-top:4px;
    padding:10px 0 0.5em 0;
    font-size:11px;
    background:url('../images/dots.png') top left no-repeat;
    color:#4D4D4D; /* darkgray */
}

div#sidebar a {
    color:#166089; /* darkblue */
}

div#sidebar a:hover {
    text-decoration:none;
}

/* Classes */
ul.links {
    list-style:none;
}

ul.links li {
    text-transform:uppercase;
    line-height:1.5em;
}

a.readmore {
    background:url left center no-repeat;
    padding-left:10px;
}

a.link {
    background:url('../images/icon-readmore.png') left center no-repeat;
    font-size:11px;
    padding-left:20px;
}

a.document {
    background:url('../images/icon-document.png') left center no-repeat;
    padding:3px 0 2px 30px;
}

a.email {
    background:url('../images/icon-mail.png') left center no-repeat;
    padding-left:36px;
}

a.download {
    background:url('../images/icon-jpeg.png') left center no-repeat;
    padding:2px 0 2px 20px;
}

a.print {
    background:url('../images/icon-print.png') left center no-repeat;
    padding:2px 0 2px 24px;
}

a.recommend {
    display:block;
    margin-top:60px;
    background:url('../images/icon-recommend.png') left center no-repeat;
    padding:5px 0 5px 30px;
}

span.spaceme {
    display:block;
    float:left;
    width:20px;
}

.imgquote {
    width:100px;
    float:left;
    padding:0 10px 0px 0px;
}

.imgquote img {
    border:1px solid black;
    margin-bottom:4px;
}

.imgquote a.download {
    display:block;
    color:#285C8D;
}

div.imgbox {
    width:102px;
    float:left;
    padding:0 18px 15px 0;
}

div.imgbox img {
    border:1px solid black;
    margin-bottom:4px;
}

div.imgbox a.download {
    display:block;
    color:#285C8D;
}

div.imgbox a:hover {
    color:white;
    text-decoration:none;
}

/* Slimbox additions */
#lbCaption {
    padding-top:8px;
}

span#slimboxCounter, span#slimboxDownload, span#slimboxPrint {
    padding-right:20px;
    font-size:13px !important;
}

span#slimboxDownload a, span#slimboxPrint a {
    color:#285C8D;
}

/* Newsbox */

div#news {
    padding-bottom:10px;
}