/*
rot: e53134
blau: 009ee0

97d5f1
5ebbe6
0096d2
0067b0
005ea0
003f69
schwarzblau: 002540
*/


@import url(http://fonts.googleapis.com/css?family=Oxygen);

body { font-family: Oxygen, Arial; background: #eee; }

body { color:#666; font-size:16px; }
a { text-decoration:none; color:#999; }
a:hover { color:#866246; text-decoration: underline; }

h1 { display:block; padding:0 5%; margin:5px 0; text-shadow: 2px 2px 2px rgba(0,0,0,0.1); font-size: 1.5em; color:#005ea0; }
h2 { font-size: 1.4em; }
h1, h2, h3 { font-weight: normal; }

#wrap { width:100%; max-width:1000px; margin:0 auto; box-shadow:0 0 50px rgba(0,0,0,0.2); }

header { position:relative; padding-top:140px; background:linear-gradient(#fff, #ccc); }

#hband { position:relative; background-color: #002540; width:100%;  min-height:48px; }
#logo { position:absolute; top:0px; left:0px; width:100%; height:160px; background: url(logo.png) no-repeat 20px 39px; }
#logo-slogan { position: absolute; bottom:20px; right:20px; color:#e53134; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); display:none; }

#titleslider { overflow: hidden; }
.flexslidertitle li img { width:100%; display:block; }
.flexslidertitle .flex-control-nav { display:none; }
.flexslidertitle .flex-direction-nav { display:none; }

#h1 { position:absolute; bottom:0; left:0; z-index:9999; background-image: url(w70.png); width:100%; }

#content { background: linear-gradient(45deg, #f0f0f0 0%,#fcfcfc 99%); padding:40px 0; }
main {}

footer { background:linear-gradient(#ddd, #ccc); padding: 20px 0; }
.footeritem { font-size:0.9em; }
.footeritem .title, .hcard .fn { font-weight: bold; margin-bottom:10px; }
.footeritem img { width:100%; max-width:160px; display:block; margin:5px 0; }
#copyright { text-align: right; font-size:0.7em; }

.artikelslider div.flexslider { height:300px; padding-bottom:20px; }

#menutop { padding-right:10px; margin-top:20px; }
.navtop { float:right; }
.navtop a { padding:0 10px; font-size: 0.9em; }
.navtop li { display:inline-block; }

/* Button */
a.button, input[type="submit"], input[type="button"] { background: #555; border-radius:2px; border:0; color:#fff; line-height:25px; text-decoration:none;
display: inline-block; padding: 2px 25px;
transition-property: background-color, color; transition-duration:0.25s,0.5s; }
a.button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #333; color: #fff; }
a.button.next:after { content: ' >'; }
a.button.prev:before { content: '< '; }

/* vCard */
.hcard .org, .hcard .xurl, .hcard .xcategory { display:none; }
.hcard .xphoto img { width:100%; max-width:160px; display:block; margin:15px 0; }
.hcard .type { display:none; }


#rexsearch { position:absolute; top:16px; right:20px; display: none; }
#rexsearch p { float:left; margin:0 0 0 3px; }
#rexsearch input { padding:0; padding:0px 10px; border:none; font-size: 0.8em; line-height: 25px; } 
#rexsearch input[type="text"] { width:140px; }

#nav1, #mobilenav { margin-left:65px; }
#nav1 { float:left; }

@media screen and (min-width:500px) {
	h1 { margin:7px 0; font-size: 1.8em; }
	#rexsearch { display:block }
}
@media screen and (min-width:600px) {
	#logo-slogan { display:block; font-size: 1.4em; }
	header { padding-top:120px; }
	#logo { background-position: 20px 19px; height:130px; }
}

@media screen and (min-width:768px) {
	h1 { margin:10px 0; font-size: 2.1em; }
	#fadresse:after, #fnav1:after, #fnav2:after { border-left: 1px solid #ccc; content: ""; display: block; position: absolute; right: -2%; top: 0; bottom: 0; }
	#logo-slogan { display:block; font-size: 1.6em; }
}