/**
 * Styles for Buchhandlung SCHRÖDER
 * @copyright: (c) 2014 ERDMANN DESIGN. All rights reserved.
 * @date: 2014-08-24
 */
/* ----- GENERAL STYLES ------ */
html {
	background: url(../img/hg_foto_01.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
}

body {	
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 20px;
	color: #222;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-0-text-size-adjust: none;
}

#all {
	float: left;
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	min-width: 995px;
	margin: 0;
	padding: 0 0 68px 0;
	background: url(../img/red-fade-h.png) no-repeat center 106px;
}

#lines {
	float: left;
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/red-fade-f.png) no-repeat center bottom;
}

#wrap {
	float: left;
	position: relative;
	top: 34px;
	left: 50%;
	margin-left: -463.5px;
	padding-bottom: 24px;
	width: 927px;
	background: url(../img/white_50pc.png) repeat top left;
	box-shadow:0 0 10px #666;
}

#main {
	float: left;
	position: relative;
	top: 8px;
	left: 50%;
	margin-left: -455.5px;
	width: 911px;
}

h1 {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: 300;
	letter-spacing: 1.1px;
	color: #006E39;
	margin: 20px 0 14px 0;
}

h2 {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #a92322;
}

h3 {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 23px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #222;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006E39;
	margin-bottom: 0;
}

.red {
	color: #a92322;
}

.imprint-head {
	margin-bottom: -12px;
}

.legal-head {
	margin-bottom: -8px;
}

/* ----- HEADER STYLES ----- */
header {
	float: left;
	background: #fff;
	width: 911px;
	height: 112px;
}

#home {

}

#logo {
	float: right;
	position: absolute;
	top: 16px;
	right: 29px;
	width: 284px;
	height: 79px;
}

#headline-r {
	float: right;
	position: absolute;
	top: 56px;
	right: 0px;
	display: block;
	width: 28px;
	height: 23px;
	background: url(../img/red-arrow-h-r.svg) no-repeat right top;
}

#red-50pc-hl {
	float: left;
	position: absolute;
	top: 68px;
	left: 0;
	display: block;
	width: 8px;
	height: 23px;
	background: url(../img/red_50pc.png) no-repeat left center;
}

#red-50pc-hr {
	float: right;
	position: absolute;
	top: 68px;
	right: 0;
	display: block;
	width: 8px;
	height: 23px;
	background: url(../img/red_50pc.png) no-repeat right center;
}

#red-50pc-fl {
	float: left;
	position: absolute;
	bottom: 38px;
	left: 0;
	display: block;
	width: 8px;
	height: 9px;
	background: url(../img/red_50pc-f.png) no-repeat left center;
}

#red-50pc-fr {
	float: right;
	position: absolute;
	bottom: 38px;
	right: 0;
	display: block;
	width: 8px;
	height: 9px;
	background: url(../img/red_50pc-f.png) no-repeat right center;
}

/* ----- MAIN NAVIGATION STYLES ----- */
#main-nav {
	position: relative;
	top: 56px;
	left: 0;
	height: 23px;
	line-height: 23px;
}


#main-nav a:link,
#main-nav a:visited {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff; 
}

#main-nav a:hover,
#main-nav a:focus,
#main-nav a:active {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff; 
}

#nav1{
	position: relative;
	left: 0;
	display: inline-block;
	height: 23px;
	border: 0;
}

#nav2 {
	position: relative;
	left: -25px;
	display: inline-block;
	height: 23px;
	border: 0;
}

#nav3 {
	position: relative;
	left: -48px;
	display: inline-block;
	height: 23px;
	border: 0;
}

#nav4 {
	position: relative;
	left: -71px;
	display: inline-block;
	height: 23px;
	border: 0;
}

#nav5 {
	position: relative;
	left: -94px;
	display: inline-block;
	height: 23px;
	border: 0;
}

#nav6 {
	position: relative;
	left: -117px;
	display: inline-block;
	height: 23px;
	font-size: 14px !important;
	border: 0;
}

.nav-item1 {
	position: relative;
	top: 0;
	left: -8px;
	display: inline-block;
	width: 43px;	
	background: #a92322;
	height: 23px;
	line-height: 23px;
	text-align: center;
	padding: 0 0 0 2px;
	border: 0;	
}

.nav-item2, .nav-item3, 
.nav-item4, .nav-item5 {
	display: inline-block;
	background: #a92322;
	height: 23px;
	text-align: center;
	line-height: 23px;
	border: 0;
}

.nav-item2 {
	position: relative;
	top: 0;
	left: -6px;
	width:122px;
	padding: 0 0 0 4px;
}

.nav-item3 {
	position: relative;
	top: 0;
	left:-6px;
	width: 104px;
	padding: 0 0 0 4px;
}

.nav-item4 {
	position: relative;
	top: 0;
	left: -6px;
	width: 60px;
	padding: 0 0 0 4px;
}

.nav-item5 {
	position: relative;
	top: 0;
	left: -6px;
	width: 80px;
	padding: 0 0 0 4px;
}

.nav-item6, .nav-item6:hover {
	position: relative;
	top: 0;
	left: -6px;
	display: inline-block;
	width: 44px;
	height: 23px;
	font-size: 14px;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #a92322;
	background: #a92322;	
	padding: 0;
	cursor: default;
}

#gap1a {
	display: inline-block;
	width: 19px;
	height: 23px;
	line-height: 23px;
	font-weight: 600;
	padding: 0;
	background: #a92322;
}

#gap2a, #gap3a, 
#gap4a, #gap5a, #gap6a {
	display: inline-block;
	width: 14px;
	height: 23px;
	line-height: 23px;
	font-weight: 600;
	padding: 0;
	background: url(../img/nav-gap-c1a.svg) no-repeat -6px 0;			
}

#gap2a, #gap3a, #gap4a, #gap5a {
	position: relative;
	left: 0;
}

#gap6a {
	cursor: default;
}

#gap1b {
	position: relative;
	left: -13px;
	display: inline-block;
	width: 14px;
	height: 23px;
	font-weight: 600;
	padding: 0;
	background: url(../img/nav-gap-c1.svg) no-repeat top left;	
}

#gap2b, #gap3b, 
#gap4b, #gap5b, #gap6b {
	position: relative;
	left: -11px;
	display: inline-block;
	width: 14px;
	height: 23px;
	line-height: 23px;
	font-weight: 600;
	padding: 0;
	background: url(../img/nav-gap-c1.svg) no-repeat top left;
}

#gap6b {
	cursor: default;
}

#nav1:hover .nav-item1, #nav1:hover .nav-item1, #nav1:hover .nav-item1,
#nav2:hover .nav-item2, #nav2:hover .nav-item2, #nav2:hover .nav-item2,
#nav3:hover .nav-item3, #nav3:hover .nav-item3, #nav3:hover .nav-item3,
#nav4:hover .nav-item4, #nav4:hover .nav-item4, #nav4:hover .nav-item4,
#nav5:hover .nav-item5, #nav5:hover .nav-item5, #nav5:hover .nav-item5 {
	background: #006E39;
}

#nav1:hover #gap1a {
	background: #006E39;
}

#nav2:hover #gap2a, #nav3:hover #gap3a,
#nav4:hover #gap4a, #nav5:hover #gap5a {
	background: url(../img/nav-gap-c3.svg) no-repeat -6px 0;
}

#nav1:hover #gap1b, #nav2:hover #gap2b, #nav3:hover #gap3b,
#nav4:hover #gap4b, #nav5:hover #gap5b {
	background: url(../img/nav-gap-c2.svg) no-repeat top left;
}

#current .nav-item1,#current .nav-item2, #current .nav-item3, 
#current .nav-item4,#current .nav-item5 {
	background-color: #006E39;
}

#current #gap1a {
	background: #006E39;
}

#current #gap2a, #current #gap3a,
#current #gap4a, #current #gap5a {
	background: url(../img/nav-gap-c3.svg) no-repeat -6px 0;
}

#current #gap1b, #current #gap2b, #current #gap3b,
#current #gap4b, #current #gap5b {
	background: url(../img/nav-gap-c2.svg) no-repeat 0 0;
}

/* ----- CONTENT STYLES ----- */
#content {
	float: left;
	position: relative;
	top: 8px;
	width: 871px;
	background: #fff;
	padding: 25px 20px 0 20px;
}

#home-left {
	float: left;
	position: relative;
	width: 574px;
	background: #fff;
	padding: 0;
	border: 0;
}

#home-right {
	float: right;
	position: relative;
	top: -8px;
	width: 277px;
	background: #fff;
	padding: 0;
	border: 0;
}

.left-row {
	float: left;
	position: relative;
	width: 277px;
	background: #fff;
	padding: 0;
	border: solid 0px #ff0000;
}

.news-block {
	float: left;
	position: relative;
	top: 20px;
	display: block;
	border: 0;
	margin-bottom: 1px;
}

.news-img {
	float: left;
	display: block;
	width: 297px;
	border: 0;
}

.news-img img {
	width: 277px;
	height: 810px;
}

.news-text {
	float: right;
	position: relative;
	top: -18px;
	display: block;
	width: 277px;
	border: 0;
}

.news-block h1,
.notice-block h1 {
	margin-bottom: 22px;
}

.right-row {
	float: right;
	position: relative;
	width: 574px;
	background: #fff;
	padding: 0;
	border: 0;
}

.spacer1 {
	position: relative;
	display: block;
	width: 100%;
	height: 14px;
	border: 0;
}

.spacer2 {
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	border: 0;
}

.spacer3 {
	position: relative;
	display: block;
	width: 100%;
	height: 30px;
	border: 0;
}

.notice-block {
	position: relative;
	top: 23px;
	display: block;
	border: 0;
	padding-bottom: 5px;
}

.notice-block img {
	width: 277px;
	height: 172px;
}

#offset-1 {
	letter-spacing: -0.11px;
}

#offset-2 {
	letter-spacing: -0.08px;
}

.cont-head2 {
	text-decoration: none;
}

.cont-head2 h2:link,
.cont-head2 h2:visited {
	text-decoration: none;
}

.cont-head2 h2:hover,
.cont-head2 h2:active,
.cont-head2 h2:focus {
	text-decoration: none;
	color: #006E39;
}



.txt-link:link,
.txt-link:visited {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #222;
}

.txt-link:hover,
.txt-link:active,
.txt-link:focus {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #006E39;
}

/* ----- ORDER FORM ----- */

#ordertext {
	position: relative;
	top: 2px;
}

#order-form {
	float: left;
	position: relative;
	width: 100%;	
}

#wish {
	position: relative;
	top: -4px;
	border: 0;
}

#data {
	position: relative;
	top: 5px;
	border: 0;
	overflow: visible;
	min-height: 650px;
}

fieldset {
	float: right;
	position: relative;
	padding: 0; 
	border: 0;
}

legend {
	float: right;
	position: relative;
	width: 572px; 
	font-family: Signika, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #222;
	padding: 16px 0 0 0;
}

fieldset input {
	float: right;
	position: relative;	
	width: 567px;
	height: 19px;
	border: solid 1px #a92322;
	background: #fff;
	padding: 1px; 
}

fieldset p {
	float: right;
	position: relative;
	height: 12px;
	border: 0;
}

label {
	clear: right;
	position: relative;
	top: 2px;
	left: -20px;
	display: inline-block;
	font-weight: bold;
	border: 0;
}

.radio {
	width: 14px;
	border: 0;
}

fieldset table {
	float: right;
	position: relative;
	top: 12px;
	left: 0;
	width: 100%;
	border: 0;
	border-collapse: collapse;	
	padding: 0;
}

td {
	border: 0;
}

.td1-1 {
	text-align: right;
	width: 276px;
	height: 21px;
	font-weight: bold;
	padding: 0 16px 0 0;
}

.td1-2 {
	float: left;
	width: 20px;
}

.td1-3 {
	padding: 0;
}

.td2-1 {

}

.td2-2 {
	float: left;
	width: 20px;
}

.td2-3 {
	padding: 0;
}

#message {
	float: right;
	position: relative;
	display: block;
	top: 12px;
	border: 0;
}

textarea {
	float: right;
	width: 567px !important;
	height: 115px !important;
	border: solid 1px #a92322;
	background: #fff;
	padding: 1px;
}

#button-pos {
	float: right;
	position: relative;
	top: -32px;
	display: block;
	border: 0;
	width: 100%;
	height: 60px;
}

#order-button {
	float: right;
	position: relative;
	right: 1px;
	font-family: Helvetica, Arial, sans-serif; 
}

/* ----- AGB STYLES ----- */

.agb-tbl {
	position: relative;
	top:  120px;
}

#agb-box {
	position: relative;
	width: 14px;
	border: 0;
}

.agb-txt {
	position: relative;
	left: 15px;
	display: block;
	max-width: 536px;
}

.agb-link {
	color:  #222;
	text-decoration: none;
	border-bottom: 1px dotted;
	cursor: pointer;
}

.agb-link:hover {
	color: #006E39;
	text-decoration: none;
	border-bottom: 1px dotted;
	cursor: pointer;
}

.agb-head {
	position: fixed;
	top: 0;
	width:  100%;
	height: 46px;
	text-align: right;	
	background-color: #fff;
	margin: 0;
	padding: 0;
	z-index: 1; 
}

.close-agb:link, .close-agb:visited {
	position: relative;
	top: 12px;
	right: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #a92322;  
}

.close-agb:hover, .close-agb:focus, .close-agb:active {
	color: #006E39;
}

.agb-bg {
	position: relative;
	top: 54px;
	background-color: #fff;
}

.agb {
	padding: 12px 20px 32px 20px;
}

.agb h4 {
	color: #222;
}

/* ----- GALLERY STYLES ----- */
#gallery {
	float: left;
	position: relative;
	top: 10px;
}

/* ----- REFERRALS HOME ----- */

.new-referrals {
	float: left;
	position: relative;
	width: 574px;
	background: #fff;
	padding: 0;
	border: 0;
}

.new-refblock {

}

.left-row-s {
	float: left;
	position: relative;
	width: 288px;
	height: 128px;
	display: block;
	overflow: hidden;
	border: 0; 
}

.right-row-s {
	float: right;
	position: relative;
	width: 277px;
}

.new-reftext {
	position: relative;
	top: -18px;	
}

.bookcover-s {
	max-width: 85px;
	height: 128px;
	padding-right: 11px;
}

.refwatch:link, .refwatch:visited {
	color: #a92322;
	font-weight: bold;
	text-decoration: none; 
}

.refwatch:hover, .refwatch:focus,
.refwatch:active {
	color: #006E39;
	font-weight: bold;
	text-decoration: none;  
}

/* ----- REFERRAL STYLES ----- */
#mod-ref {
	float: left;
	position:  relative;
	top: 12px;
}

.referblock {
	float: left;
	position: relative;
	width: 100%;
}

.referblock .left-row {
	position: relative;
	top: 25px;
	padding-bottom: 46px;
}

.bookcover {
	width: 277px;
}

.booktitle {
	line-height: 32px;
}

.bookauthor {
	position: relative;
	top: -12px;
	line-height: 21px;
}

.refertext {
	position: relative;
	top: -11px;
}

.reforder:link, .reforder:visited {
	position: relative;
	top: -5px;
	color: #a92322;
	font-weight: bold;
	text-decoration: none; 
}

.reforder:hover, .reforder:focus,
.reforder:active {
	position: relative;
	top: -5px;
	color: #006E39;
	font-weight: bold;
	text-decoration: none; 
}

/* ----- GOOGLE MAP STYLES ----- */
#map-home {
	padding: 0 0 60px 0;
}

#mapframe-home {
	height: 172px;
	width: 274px;
	padding: 0;
	border: solid 1px #ccc;
}

#map-contact {
	padding: 0 0 60px 0;
}

#mapframe-contact {
	height: 388px;
	width: 571px;
	padding: 0;
	border: solid 1px #ccc;
}

/* ----- CONTACT STYLES ----- */
#opening {
	margin: -1px 0 0 -2px;
	padding: 0;
	border: 0;
}

#opening td {
	padding: 0 12px 0 0;
}

#contact-form {
	float: left;
	position: relative;
	top: 20px;
	width: 100%;	
}

#contform {
	position: relative;
	top: -6px;
	height: 520px;
	border: 0;
}

#contform legend {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #222;
	padding-bottom: 0;
	color: #222;
}
#approval {
	position: relative;
	top: 118px;
	display: block;
	width: 570px;
}

#agb-box {
	float: left;
	margin: 1px 0 0 0;
}

#approval-text {
	display: block;
	width: 536px;
	margin-left: 34px;
}

#cont-but-pos {
	float: right;
	position: relative;
	top: -64px;
	width: 100%;
}

#send-button {
	float: right;
	position: relative;
	right: 1px;
	font-family: Helvetica, Arial, sans-serif;  
}

.error {
    background-color: #ffc5c5 !important;
}

.green-head {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #006E39;
}

/* ----- FOOTER STYLES ----- */
footer {
	float: left;
	position: relative;
	top: 8px;
	background: #fff;
	width: 911px;
	height: 76px;
	border: 0; 
}

#foot-nav {
	float: left;
	position: relative;
	top: 15px;
	left: 50%;
	margin-left: -472px;
}

#foot-nav ul {
	list-style: none;
}

#foot-nav ul li {
	display: inline;
	padding: 0 4px;
}

#foot-nav ul li a:link,
#foot-nav ul li a:visited {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
	color: #a92322; 
}

#foot-nav ul li a:hover,
#foot-nav ul li a:focus,
#foot-nav ul li a:active {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
	color: #006E39;
}

.current {
	color: #006E39 !important;
}

.separator {
	position: relative;
	top: 0;
	font-size: 12px;
	font-weight: bold;
	color: #a92322;
	margin: 0 -2px;		
}

#red-line-fl {
	float: left;
	position: relative;
	top: 34px;
	display: block;
	width: 152px;
	height: 9px;
	background: url(../img/red-arrow-f-l.svg) no-repeat right top;	
}

#red-line-fr {
	float: right;
	position: relative;
	top: 34px;
	display: block;
	width: 152px;
	height: 9px;
	background: url(../img/red-arrow-f-r.svg) no-repeat left top;	
}

/* ----- BACKEND ----- */

.admin-wrap {
	float: left;
	display: block;
	position: relative;
	top: 34px;
	left: 50%;
	margin-left: -258px;
	width: 516px;
	height: 316px;
	background: url(../img/white_50pc.png) repeat top left;
	box-shadow:0 0 10px #666;
}

.admin {
	display: block;
	position: relative;
	top: 8px;
	left:  50%;
	margin-left: -250px;
	width: 500px;
	height: 300px;
	background-color: #fff;
	padding: 0;
	border: 0;
}

.login-logo {
	float: left;
	display: block;
	position: relative;
	top: 10px;
	left: 50%;
	margin-left: -142px;
	width: 284px;
	height: 79px;
	border: 0;
}

.admin-login {
	float: left;
	display: block;	
	position: relative;
	top: 110px;
	left: -95px;
	width: 332px;
	height: 180px;
	text-align: right;
	border: 0;
}

.admin-login legend {
	float: left;
	position: relative;
	width: 100%;
	height: 23px; 
	font-family: Signika, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 23px;
	font-weight: 300;
	letter-spacing: 1px;
	text-align: center;
	color: #222;
	padding: 0 0 12px 0;
}

.admin-login label {
	position: relative;
	top: 2px;
	font-weight: bold;
	border: 0;
	padding: 0;
}

.admin-login input {
	width: 186px;
}

.logbut-pos {
	float: left;
	position: relative;
	top:4px;
	left: 136px;
}

.login-button {
	float: left;
	position: relative;
	left: 0;
	background-color: #a92322;
	font-family: Signika, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
	height: 23px;
	width: 60px !important;
	border: 0; 
}

.logbut-l {
	float: left;
	position: relative;
	left: 0;
	display: block;
	width: 20px;
	height: 23px;
	background: url(../img/nav-gap-c1a.svg) no-repeat center left;
	border: 0;
}

.logbut-r {
	float: left;
	position: relative;
	left: 0;
	display: block;
	width: 20px;
	height: 23px;
	background: url(../img/nav-gap-c1.svg) no-repeat center right;
	border: 0;
}

.adminlink:link, .adminlink:visited {
	position: relative;
	color: #a92322;
	font-weight: bold;
	text-decoration: none; 
}

.adminlink:hover, .adminlink:focus,
.adminlink:active {
	position: relative;
	color: #006E39;
	font-weight: bold;
	text-decoration: none; 
}

.response {
	float: left;
	display: block;
	position: relative;
	top: 34px;
	width: 100%;
	text-align: center;
	border: 0;
}

.tschuess {
	font-family: Signika, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 110%;
	font-weight: 300;
	letter-spacing: 1px;
	color: #222;
}