/*
Theme Name: Magazin #4
*/

* { margin: 0; padding: 0; }

@font-face {
	font-family: 'DroidSans';
	src: url('http://www.designmadeingermany.de/DroidSans.ttf') format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: 'DroidSans';
	src: url('http://www.designmadeingermany.de/DroidSans-Bold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'DroidSerif';
	src: url('http://www.designmadeingermany.de/DroidSerif-Regular.ttf') format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: 'DroidSerif';
	src: url('http://www.designmadeingermany.de/DroidSerif-Italic.ttf') format('truetype');
	font-style: italic;
}


html { width: 900px; padding-left: 75px; }


body { 
font-family: DroidSerif;
color: #000;
font-size: 14px;
line-height: 1.5;
}

nav, menu { display: none; }

img { max-width: 900px; float: left; margin-right: 20px; margin-bottom: 20px; max-width: 300px; margin-top: 7px; }

.obfuscate {display: none;}

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

a { color: #000; text-decoration: none; }

h1 { 
font-family: DroidSans;
font-size: 32px;
margin-bottom: 130px;
}


h1 a { 
text-decoration: none; color: #000;
}

h1 a:link:after, h1 a:visited:after { 
position: absolute; 
margin-top: 20px; 
left: 75px; 
display: block; 
width: 97%; 
font-weight: normal; 
content:"" attr(href) ""; 
font-style: italic; 
font-family: DroidSerif;
font-size: 12px; }



h1 em { 
font-style: normal;
}


h2 { 
font-size: 18px;
font-weight: normal;
margin-top: 24px;
margin-bottom: 24px;
}

h2 a { text-decoration: none; }



h3 { 
font-size: 16px;
font-family: DroidSans;
margin-bottom: 20px;
}

header, footer {
display: none;
}


small {
display: block;
font-style: italic;
margin-bottom: 48px;
}

p {
margin-bottom: 24px;
}

article {
display: block;
page-break-after:always;
}


article#blaetterrauschen, article#ode { page-break-after: avoid; }

article#weave img, article#coco img, article#typoberlin img { width: 100%; max-width: 3000px; float: none; margin: 0; }

article#weave {margin-top: 120px;}

article#infos { display: none; }

article#cover { text-align: center; margin-left: -45px; }
article#cover { display: block; }
article#cover img, article#cover small { display: none; }
article#cover h1, article#cover h2, article#cover h3 { text-align: center; }
article#cover h1 { margin-top: 370px; font-size: 160px; }
article#cover h2 { margin-top: 300px; }
article#cover h2, article#cover h3 { font-family: DroidSans; font-size: 20px; font-weight: bold; }

article#wissensaustausch ol { margin-bottom: 30px; margin-top: 30px; }
article#wissensaustausch li { margin-top: 20px; margin-left: 50px; }
article#wissensaustausch ol li ul { margin-left: 50px; }

article#designrecht ol { margin-bottom: 30px; margin-top: 30px; }
article#designrecht li { margin-top: 20px; margin-left: 50px; }
article#designrecht ol ol { margin-left: 50px; }
article#designrecht img { width: 100%; max-width: 3000px; float: none; margin: 0; }


article#wissensaustausch small { margin-bottom: 10px; }

article#einleitung img { display: none; }
article#einleitung small { font-size: 14px; font-style: normal; }

article#inhalt { }
article#inhalt h1 { }
article#inhalt h2 { margin: 0; }
article#inhalt h2 a { text-decoration: none; }
article#inhalt p, article#inhalt small { margin-bottom: 20px; }
article#inhalt small { display: inline; }



dialog {
display: block;
width: 97%;
margin-top: 1.5em;
margin-bottom: 1.8em;
border-bottom: solid 1px #000;
}

dialog dt {
position: absolute;
padding-top: 0.5em;
font-weight: bold;
font-family: DroidSans;
font-size: 100%;
}

dialog dd {
border-top: solid 1px #000;
padding-top: 0.3em;
margin-bottom: 0.4em;
padding-left: 12em;
}


article#kommentare {display: none;}