@charset "utf-8";
/*
Projekt:
Design: Sebastian Laube
Code: Sebastian Laube

Farben:
side			#96bbf7
-------------------------------------------------------------- */

@import url("reset.css");
@font-face {
	font-family: 'Aventor';
	src: url('../fonts/texgyreadventor-bold.eot');
	src: local('TeX Gyre Adventor'), local('TeXGyreAdventor-Bold'), url('../fonts/texgyreadventor-bold.woff') format('woff'), url('../fonts/texgyreadventor-bold.ttf') format('truetype'), url('../fonts/texgyreadventor-bold.svg#TeXGyreAdventor-Bold') format('svg');
}

/*typo      
-------------------------------------------------------------- */
::selection {
	background: #fff300; /* Safari, Opera, Chrome */
	color: #222;
}
::-moz-selection {
	background: #fff300; /* Firefox */
	color: #222;
}
body { 
  font-size: 75%;
  color: #fff; 
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal;}

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #28c; }
a           { color: #a00; text-decoration: underline; outline: 0; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

.bottom		{ margin-bottom: 0;}
.clear		{ clear: both; visibility: hidden; line-height: 0; height: 0; }
.hide		{ display: none;}

/* general
-------------------------------------------------------------- */
.container {
	width: 960px;
	margin: 20px auto 0;
}

/* head
-------------------------------------------------------------- */
.head {
	width:940px;
	margin:1em auto 20px;
	padding:80px 0 0;
	background:url("http://reitbahnstrasse.de/wp-content/themes/rebaSi/images/lines.png") no-repeat right bottom;
}

h1 {
	padding: 0 0 .5em;
	margin: 0 0 20px;
	font: 2.9em/1 Aventor, Arial, Helvetica, sans-serif;
	color: #333;
	border-bottom: 5px solid #333;
}

.logo {
	float: right;
	position: relative;
	z-index: 20;
	top: -130px;
	margin: 0 0 -200px;
}


.nav {
	width:940px;
	margin:1em auto 0;
	padding: 0 0 20px;
	border-bottom: 1px solid #bbb;
}
.nav ul { margin: 0;}
.nav li {
	float: left;
	width: 151px;
	margin: 0 0 0 10px;
}
.nav li:first-child {
	margin: 0;
}
.nav a {
	display: block;
	padding: 0 0 0 28px;
	font-size: 1.3em;
	text-decoration: none;
	color: #999;
	background: url("http://reitbahnstrasse.de/wp-content/themes/rebaSi/images/nav.png") no-repeat 0 0;
}
.nav a:hover,
.nav .active a {
	color: #222;
	background: url("http://reitbahnstrasse.de/wp-content/themes/rebaSi/images/nav.png") no-repeat 0 -48px;
}
.nav .n_infos a { background-position: 0 -94px;}
.nav .n_infos a:hover,
.nav .n_infos.active a { background-position: 0 -144px;}

.nav .n_support a { background-position: 0 -288px;}
.nav .n_support a:hover,
.nav .n_support.active a { background-position: 0 -336px;}


/* pop-in
-------------------------------------------------------------- */
.popins {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 1.2em;
}
#info, #add {
	display: none;
	position: absolute;
	z-index:12;
	width: 880px;
	margin: 0 0 0 10px;
	padding: 30px 30px 15px;
	color: #333;
	background: #fff;
	background: rgba(255,255,255,.95);
	border-bottom: 3px solid #000;
}

.close {
	float: right;
	margin: -2em 0 -2em -2em;
	padding: 0 0 0 20px;
	background: url('../images/cross.png') no-repeat left center;
}

/* form
-------------------------------------------------------------- */
.form {margin: 1em 0 0;}
.form .left {float: left;width: 420px;}
.form .right {float: right;width: 420px;}
.form p {margin: 0 0 1em; color: #333;}
label {
	display: block;
	margin: 0 0 .3em .5em;
	font-style: italic;
}
label.inline {display: inline;}
input.text, textarea {
	width: 410px;
	padding: 5px 3px;
	font-family: "Lucida Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #111;
	background: #eee;
	border: 1px solid #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
input[type=text]:focus, textarea:focus {
	border: 1px solid #a00;
	-box-shadow: 0 0 5px #a00;
	-moz-box-shadow: 0 0 5px #a00;
	-webkit-box-shadow: 0 0 5px #a00;
	background: #fff;
}
input.error, textarea.error {width: 410px; background: #faa; margin: 0;}
label.error {width: 400px; margin: .2em 0 0; padding: 0 .5em;}
.love label.inline { display: inline; margin: 0 1em 0 0;}
p.go {margin: 0;}
.go input {
	padding: 5px 5px 5px 25px;
	border: 1px solid #aaa;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ddd url('../images/tick.png') no-repeat 5px center;
	color: #222;
}
.thx {
	margin: 1em 0;
	padding: .5em;
	font-weight: 800;
	color: #fff;
	border: 2px solid #020;
	background: #060;
}
.error {
	margin: 1em 0;
	padding: .5em;
	color: #fff;
	border: 1px solid #500;
	background: #900;
}

/* content
-------------------------------------------------------------- */
h2 { font-size: 1.3em; line-height: 1; margin-bottom: 0.3em; }
h3 { font-size: 1em; line-height: 1.5; margin-bottom: 1em; }

.statement {
	position: relative;
	float: left;
	width: 300px;
	height:400px;
	margin: 0 10px 20px;
	text-align: center;
	background: #28c;
	overflow: hidden;
}
.statement img {color: #28c;}
.statement .note {
	position: absolute;
	bottom: 0;
	width: 280px;
	padding: 15px 10px 10px;
	text-align: left;
	background: #000;
	background: rgba(0,0,0,.9);
}
.statement .open {
	position: absolute;
	bottom: -1em;
	right:.5em;
	padding: .3em .5em;
	margin: 0 0 1em;
	color: #fff;
	text-decoration: none;
	background: #a00;
}
.statement a.open:focus {color: #fff;}
.statement a.open:hover {color: #222; background: #fc0;}
.statement .long {
	display: none;
	margin: 0 0 2em;
}


/* foot
-------------------------------------------------------------- */
.foot p {
	width:280px;
	margin: 0 0 0 10px;
	padding: 5px;
	font: italic 1em/1.5 Georgia, "Times New Roman", Times, serif;
	color: #333;
	border-bottom: 3px solid #000;
}
.foot a { text-decoration: none; padding: 0 0 0 .2em;}
a.gotop {
	padding: 1em;
	background: #222;
	color: #fff;
	text-decoration: none;
}
a.gotop:focus,
a.gotop:hover {
	background: #a00;
}