/*
Theme Name: Magazin #3
*/


* { margin: 0; padding: 0; }



html { background-color: #222; border-top: solid 3px #222; overflow-y:scroll; overflow-x:hidden;  }
body { background-color: #fff; width overflow: hidden; font-size: 12px; font-family: arial; line-height: 1.7; color: #444; }     

.i-min p, .i-min p strong, .i-min h4 { font-size: 15px; line-height: 1.4; }
.i-min h1, .i-min nav  { display: none; }
.i-min  { }

#cover {
background-color: #e6e6e6; 
margin-bottom: -20px;
padding: 1px;
}

.i-min #cover {
background-color: #e6e6e6; 
margin-bottom: -20px;
padding: 19px;
}

#cover img {
width: 949px;
max-width: 100%;
}

h1, h2, h3, h4 {
font-size: 18px; 
line-height: 1.5; 
font-weight: bold;
padding: 12px 24px;
margin: 0;
color: #222;
clear: both; 
}

blockquote {
font-weight: bold;
margin-left: 2em;
}

	
h1 { padding-top: 15px; padding-bottom: 18px; font-weight: normal;   }

h2 { font-size: 32px; line-height: 1.1; font-family: calibri, helvetica; }

h3 {  font-size: 22px; line-height: 1.2; font-family: calibri, helvetica; font-weight: bold; }

h4 { font-size: 12px; }

h1 a, h2 a {
text-decoration: none;
}


footer { }
footer p { background-color: #222; color: #999; }
footer p a { text-decoration: none; color: #444;  }
footer p a:hover { text-decoration: underline; color: #fff;  }

.i-min footer p { font-size: 12px; }

.aus {
padding: 30px 24px;
}

.aus span {
float: right;
}

.i-min .ausgaben {
display: none;
}

.i-min .noiphone {
display: none;
}

.i-min .aus span {
float: left;
}


.aus a {
background-color: #222;
color: #fff;
padding: 9px 13px;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.i-min .aus a {
padding: 9px 12px;
}

.aus a.selected {
background-color: red;
color: #fff;
font-weight: normal;
}

.aus a:hover {
background-color: #444;
color: #fff;
}

.aus a:active {
background-color: red;
color: #fff;
}


menu {
display: block;

padding: 0 2em;
line-height: 50px;
display: block;
background-color: #eee;
position: fixed;
top: 0;
left: 0;
right: 0;
}

nav {
padding: 0 2em;
padding-bottom: 16px;
display: block;
min-height: 80px;
margin-top: -3px;
}

nav a, menu a {
color: #666;
text-decoration: none;
}

h1 a:hover, nav a:hover, h2 a:hover, menu a:hover {
text-decoration: underline;
color: #222;
}

a.selected { font-weight: bold; color: #222; }

a { color: #222; }


hr { clear: both; border: none; height: 0; color: #fff; border-color: #fff; background-color: #fff; } 

p, ul, ol, .unapproved { padding: 12px 24px; }

.unapproved { font-weight: bold; font-style: italic; }

#mag {
float: right;
}


.dir { height: 30px; background-color: #fff; }

.dir a {
text-decoration: none;
clear: both;
display: block;
padding: 0.42em 2em;
position: absolute;
width: 100%;
z-index: 100;
}


.even {
background-color: #f5f5f5;
}

.dir a:visited strong {
font-weight: normal;
}

.dir:hover {
background-color: #222;
}

.dir:hover strong {
color: #fff;
}

.dir:hover p, .dir:hover span {
color: #fff;
}

.dir:active {
background-color: red;
color: #222;
}

.dir:active p, .dir:active span {
color: #fff;
}

.pdf {
background-image:url('http://www.designmadeingermany.de/magazin/pdf/pdf.png');
background-repeat: no-repeat;
background-position: 25px 13px;
padding-left: 50px;
}

.i-min .pdf {
display: none;
}


img { 
width: 100%; 
border: none; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-top: 0.5em;
}



#images { 
margin-top: -5px;
position: absolute; 
left: 0em; 
width: 50%; 
padding: 2em;
margin-top: -0.9em;
}

#images img { 
width: 95%;
}

.i-min #images img { 
width: 100%;
}



.i-min #images { 
margin-top: 0;
position: relative; 
left: 0em; 
right: 0;
width: auto; 
padding: 24px;
margin-top: 0em;
}

article  {
border-top: solid 1px #eee;
display: block;
padding-left: 50.4%;
padding-top: 0.4em;
}

.i-min article  {
border-top: solid 1px #eee;
display: block;
padding-left: 0%;
padding-top: 0.4em;
}

article a {
color: red;
text-decoration: none;
}

article a:hover {
color: #222;
text-decoration: underline;
}

p strong {
font-size: 13px;
line-height: 1.4;
color: #222;
}



.dir strong { width: 21%; float: left; height: 20px; overflow: hidden; }
.dir p { z-index: 99; position: absolute; left: 24%; color: #777; margin: 0; margin-top: 0.42em; padding: 0; padding-left: 2em; padding-right: 2em; overflow: hidden; height: 20px; }

.dir#add strong { height: 27px; }
.dir#add p { height: 27px; width: 54.7%; padding-right: 1.3%; }
.dir#add span { height: 27px; }


.featured {
background-color: red;
color: #fff;
}

.featured p, .featured span, .featured a strong {
color: #fff;
}

#button { display: none; }
strong input { font-weight: bold; }


.rating {
float: right; 
margin-top: 1.4em;
}

#standard { display: none; }

div#qTip {
padding: 6px 9px;
display: none;
background: #444;
color: #fff;
font: normal 10px arial, sans-serif;
position: absolute;
z-index: 3000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

section {
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
display: block;
background-color: #eee;
}

section p  {
padding-top: 0;
}

input, select, textarea { padding: 3px; font: 100% arial; width: 100%; position: relative; top: 1px; }
input[type="submit"], input[type="reset"] { display: block; margin-top: 0.7em; width: auto; padding: 2px; position: relative; top: 0; }
input[type="checkbox"] { float: left; width: auto; position: relative; top: 1.05em; margin-right: 0.5em; }
select { font: 100% serif; max-width: 14.9em; margin-bottom: 0.3em; }
label { display: block; margin-top: 0.7em; margin-bottom: 0.35em; }
form { max-width: 100%; padding: 12px 24px; padding-right: 34px; padding-top: 0; padding-bottom: 24px; }
fieldset { padding: 2em; margin: 2em 0; }

menu input { max-width: 18em; }

::-moz-selection{ background: #444; color: #fff; }
::selection { background: #444; color: #fff; }


.left { float: left; width: 47.5%; }
.right { float: right; width: 47.5%;}
.clear { clear: both; }