center, isindex, menu, dir, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p  {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }
header, footer, aside, nav, article { display:block; }  
/* FONT-FACE */
@font-face { font-family: 'MolotRegular'; src: url('../font/Molot-webfont.eot'); src: local('?'), url('../font/Molot-webfont.woff') format('woff'), url('../font/Molot-webfont.ttf') format('truetype'), url('../font/Molot-webfont.svg#webfont1MPehqUu') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NotethisRegular'; src: url('../font/Note_this-webfont.eot'); src: local('?'), url('../font/Note_this-webfont.woff') format('woff'), url('../font/Note_this-webfont.ttf') format('truetype'), url('../font/Note_this-webfont.svg#webfont6slwoXsK') format('svg');	font-weight: normal; font-style: normal; }
@font-face { font-family: 'DanielRegular';	src: url('../font/daniel-webfont.eot');	src: local('?'), url('../font/daniel-webfont.woff') format('woff'), url('../font/daniel-webfont.ttf') format('truetype'), url('../font/daniel-webfont.svg#webfontFpsDddIw') format('svg'); font-weight: normal;	font-style: normal; }
@font-face { font-family: 'DanielBold';	src: url('../font/danielbd-webfont.eot'); src: local('?'), url('../font/danielbd-webfont.woff') format('woff'), url('../font/danielbd-webfont.ttf') format('truetype'), url('../font/danielbd-webfont.svg#webfont341vwSlo') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DanielBlackRegular'; src: url('../font/danielbk-webfont.eot'); src: local('?'), url('../font/danielbk-webfont.woff') format('woff'), url('../font/danielbk-webfont.ttf') format('truetype'), url('../font/danielbk-webfont.svg#webfont15a2dER3') format('svg'); font-weight: normal;	font-style: normal; }
/* TYPO */
h1 { text-align:left; font: 3em NotethisRegular; padding:10px 0 0 0; }
h2 { text-align:left; font: 2em NotethisRegular; padding:32px 0 5px 0; }
h3 { text-align:left; font: 3em/1 MolotRegular; text-decoration:none; }
h4 { text-align:left; font: 1.5em NotethisRegular; text-decoration:none; }
h5 { text-align:left; font: 1.3em NotethisRegular; text-decoration:none; padding:12px 0 5px 0;}
h6 { text-align:center; font: 3em MolotRegular; padding:10px 0 10px 0; color:#fff; }
form h1 { text-align:left; font: 1.5em NotethisRegular; }
.columns h3 { text-align:center; font: 1.1em NotethisRegular; }
.content a { color:#000; text-decoration:underline;; }
.content a:hover { text-decoration:none; }
.content h2 a { color:#000; text-decoration:none; }
.content h2 a:hover { text-decoration:underline; }
h3 a { text-decoration:none; }
h3 a:hover { color:#dff900; text-decoration:none; }
/* TAGS */
body { background:#fff url('../img/bg.jpg'); font: 1em/1.4 Georgia, Arial, sans-serif;}
a { color:#fff; text-decoration:underline; }
a:hover { color:#dff900; text-decoration:underline; }
span { font-weight:bold; }
/* KLASSEN */
.clear { clear:both; }
.pfeil1 { padding:1px 0; }
.fett {font-weight:bold; }
.zentriert { text-align:center; }
/* LOGO */
.logo { margin:0 auto; position:relative; top:15px; left:8px; width:972px; text-shadow:#fff 1px 3px 3px; text-align:left; font: 3em/1 MolotRegular; }
.logo a { text-decoration:none; }
/* HEADER */
header { padding-top:100px; }
/* NAV */
nav {  margin:0 auto; padding-top:83px; width:980px; text-align:center; font: 2em MolotRegular; }
nav li {float:left; list-style:none; margin: 0;}
nav a:link, nav a:visited { padding:0 0.4em; text-decoration:none; }
.aktiv { position:relative; top:-10px; color:#dff900; text-decoration:underline; font: 1.5em MolotRegular; }
/* CONTENT */
.content { margin:0 auto; width:980px; text-align:justify; }
article { width:640px; float:left;}
aside { width:320px; float:right;}
.grid1 { width:980px; float:left;}
.grid2 { width:450px; float:left; }
.grid3 { width:450px; float:right; }
/* CONTENT: Farben */
#bg_mdo { height:150px; background:#0d3d52; }
#logo_mdo { color:#0d3d52; }
#bg_medien { height:150px; background:#622121; }
#logo_medien { color:#622121; }
#bg_office { height:150px; background:#3e88a9; }
#logo_office { color:#3e88a9; }
#bg_kontakt { height:150px; background:#c14141; }
#logo_kontakt { color:#c14141; }
#bg_portfolio { height:150px; background:#c1a341; }
#logo_portfolio { color:#c1a341; }
/* FOOTER */
footer { position:relative; top:100px; text-align:center; font: 1.1em/1 NotethisRegular; color:#fff; clear:both; height:300px; background:#042635; }
footer a { text-decoration:none; }
footer a:hover { text-decoration:none; }
#footer_bg h3 { margin:0 auto; }
/* Kontaktformular */
form { position:relative; height:450px; color:#000; }
#f_name { position:absolute; top:5px; }
#f_mail { position:absolute; top:5px; left:240px; }
#f_betreff { position:absolute; top:100px; }
#f_nachricht { position:absolute; top:198px; }
#f_sicher {	position:absolute; top:396px; }
#f_sicher2 { position:absolute; top:480px; }
#f_send { position:absolute; top:445px; left:250px; }
#f_react { margin:0 auto; position:relative; top:32px; width:500px; color:#000; background:#fff; padding:15px; border:2px solid #000;}
.in1 { width:210px; }
.in2 { width:240px; }
input, textarea, label {}
input[type=text], input[type=email], textarea {	background: #e8e0cb; padding: 6px 5px; }
input[type=search] { padding: 6px 5px; }
textarea { overflow: auto; }
input[type=text]:hover, input[type=text]:focus,
input[type=email]:hover, input[type=email]:focus,
textarea:hover, textarea:focus { background: #fff; }
form input[type=submit] { border: none;	padding: 12px 6px; }
input:invalid { border: 2px solid red; }
/* MOUSE-OVER: portfolio */
.columns { margin: 0 auto; width: 980px; list-style: none; padding: 0; }
.columns li { width: 230px; float: left; display: inline; padding:20px 3px; position: relative; }
.columns li:hover { z-index: 99; }
.columns li img { position: relative; border:1px solid #000; }
.columns li:hover img { z-index: 999; }
.columns li .info { position: absolute; left: -13px; top: 5px; padding-top: 220px; width: 233px; display: none; background:#fff url('../img/bg.gif'); border:1px solid #000; font-size: 1.2em; }
.columns li:hover .info {display: block;}
.columns li p {padding: 2px 4px; margin: 0; font-size: 0.7em; text-align:center; }