/*
Projekt: NoDeS Homepage
www.nodes.com.de
Start: 31.12.2013
Letzte Aenderung: 30.12.2013
*/
/* Farbschema */
/*
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/
/* Reset Reloaded, Eric Meyer, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,font,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 {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

body {
line-height:1;
color:black;
background:white;
}

ol,ul {
list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes: "" "";
}

/* Globales */
body {
font-family:Arial, bold;
}


a:link,a:visited,a:hover,a:active {
text-decoration:none;
}

a:link {
color:black;
background:transparent;
border-bottom:1px solid black;
}

a:visited {
color:black;
background:transparent;
border-bottom:1px solid transparent;
} 
/* ausblenden
a:hover {
color:#da1999;
background:transparent;
border-bottom:1px solid #da1999;
}

a:active {
color:#22b915;
background:#e4e739;
border-bottom:1px solid transparent;
} */

a:focus {
outline:1px dotted #666;
border-bottom:1px solid transparent;
}

/* Text */
h1,h2,h3,h4 {
font-style:bold;
}

p {
font-size:1em;
/* 16px */
line-height:1.5em;
/* 24px */
margin:0 0 1.5em;
}

h1 {
font-size:2em;
/* 24px */
line-height:1em;
/* 24px */
margin-top:0.5em;
margin-bottom:0;
}

h2 {
font-size:1.25em;
/* 20px */
line-height:1.2em;
/* 24px */
margin-top:0.5em;
margin-bottom:0;
}

h3 {
font-size:1.125em;
/* 18px */
line-height:1.3333em;
/* 24px */
margin-top:1.3333em;
margin-bottom:0;
}

h4 {
font-size:1em;
/* 16px */
line-height:1.5em;
/* 24px */
margin-top:1.5em;
margin-bottom:0;
}

/* Bilder und verlinkte Bilder ohne Rahmen */
img,a img {
border:0;
}

/* Links- bzw. Rechtsausrichtung fŸr Elemente */
.links {
float:left;
margin:0 .5em .5em 0;
}

.rechts {
float:right;
margin:0 0 .5em .5em;
}

/* Formatierungen der Bereiche */
#wrapper {
margin:0 auto;
width:90%;
}

#meta-informationen {
width:100%;
float:left;
clear:both;
background:#ddc2ac;
border-bottom: 1px solid #b07342;
}

nav ul {
/*width:100%;*/
float:left;
clear:both;
background:#ffffff;
border-top: 1px solid #b07342;
border-right: 1px solid #b07342;
border-bottom: 1px solid #b07342;
}

nav ul li {
float:left;
padding:.3em;
margin:0 .3em 0 0;
font:1em/1.5em Arial, Tahoma, Verdana, sans-serif;
font-size:1.0em;

}

.content {
background:#eee0d6;
}

#hauptinhalt {
width:80%;
clear:both;
float:left;
float:left;
background:#eee0d6;
}

.content {
background:#f6efea;
}

#notizen {
width:20%;
float:right;
background:#f6efea;
}

#rand-information {
clear:both;
float:left;
width:100%;
background:#b07342;
border-top: 2px solid #ddc2ac;
}

p,h1,h2,h3,h4,ul {
padding:0 30px;
}

#meta-informationen,nav,#hauptinhalt,#notizen,#rand-information {
padding:30px 0;
}

/* MEDIA QUERIES */
/* Responsify Defaults */

@media screen and (max-width: 480px) {
nav ul li {
width:100%;
}

#hauptinhalt,#notizen {
width:100%;
}
}

/* Clearfix */
.cf:before,.cf:after {
content:"";
display:table;
}

.cf:after {
clear:both;
}

/* Clearfix IE 6/7 via hasLayout */
.cf {
zoom:1;
}