@charset "utf-8";
/*** CSS Document for schroeder-genuss.de */
/*** created by Janosch Skrobek   */
/*** 2010 - binaryworx - bworx.de */

HTML, BODY {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #e3dacb url(../img/bg.jpg) repeat-x;
	color: #4d4d4d;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

A {
	color: #4d4d4d;
}

A:hover {
	color: #851514;
}

/************* fonts */

h1 {
	color: #851514;
	font-weight: bold;
	font-size: 1em;
	margin: 25px 0 15px 0;
}

h1.csc-firstHeader {
  margin-top: 0;
}

.csc-textpic-caption {
	font-style: italic;
	font-size: 0.9em;
	padding: 3px 0;
}



/************* structure */

#header, #banner, #main, #footer {
	width: 964px;
	margin: auto;
	position: relative;
}

#header {
  height: 127px;
  background: url(../img/header.jpg) no-repeat;
}

#banner {
  height: 230px;
}

#header a {
  display: block;
  width: 570px;
  float: left;
  height: 127px;
  text-decoration: none;
}

#header span.hl {
  float: left;
  width: 378px;
  display: block;
  padding: 88px 0 0 0;
  font-size: 0.7em;
  color: #9F978C;
  text-align: right;
}


#header span.hb {
  background: url(../img/top.gif) 50% 53% no-repeat;
}


#main {
  background: url(../img/contentbg.gif) repeat-y;
}

#navi {
  float: left;
  width: 164px;
  padding: 13px 13px 50px 13px;
  font-size: 0.6em;
  color: #fff;
}

#contentwrap {
  width: 774px;
  float: left;
}

#headergfx {
  padding: 50px 0 7px 40px
}

#content {
  width: 580px;
  padding: 0 104px 150px 80px; 
  font-size: 0.8em;
  line-height: 130%;
}

#content ul {
  list-style: none;
  padding: 0;
}

#content ul li {
  background: url(../img/list.gif) 5px 10px no-repeat;
  padding: 2px 0 0 15px;
}

.subcolumns div {
  width: 275px;
  float: left;
}

.subcolums div div {
  margin: 0 !important;
}

.subcoumns div div.subc1 {
  margin-right: 20px !important;
}

#right {
  position: absolute;
  width: 120px;
  top: 50px;
  right: 0px;
}

#right a {
  display: block;
  border-right: 10px solid #aea600;
  height: 29px;
  overflow: hidden;
  padding: 8px;
  margin-bottom: 1px;
  background: #fff;
  font-size: 0.6em;
  text-transform: uppercase;
  color: #aea600;
  text-decoration: none;
}

#right a:hover {
  font-weight: bold;
}

#right .csc-frame-frame1 a {
  border-color: #851541;
  color: #851541;
}

#right p {
  margin: 0;
}

#footer {
  background: url(../img/footer.gif) no-repeat;
  text-align: right;
  width: 953px;
  font-size: 0.7em;
  color: #9F968D;
  padding: 6px 11px 50px 0;
  height: 14px;
  overflow: hidden;	
}

#footer p {
  margin:0;
}

/************* navi */

#navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navi li {
  background: url(../img/navi-dotted.gif) 0 100% no-repeat;
  padding: 8px 0;
  display: block;
}

#navi a {
  text-decoration: none;
}

#navi li a {
  display: block;
  color: #d3b6b6;
  text-transform: uppercase;
}

#navi li a.active, #navi li a:hover {
  font-weight: bold;
  color: #fff;
}

#navi li a.current {
  background: url(../img/arrow_active.gif) 100% 50% no-repeat;
}

#navi li li {
  padding: 3px 0 3px 10px;
  background: none;
}

#navi li li a {
  color: #AEA600;
  text-transform: none;
}

#navi li li a.active, #navi li li a:hover {
  background: url(../img/arrow_sub.gif) 100% 50% no-repeat;
  color: #AEA600;
}

#navi li.first {
  padding-bottom: 33px;
}

#imp {
  position: absolute;
  left:  13px;
  bottom: 13px;
  width: 164px;
}

#imp ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#imp a {
  font-size: 0.6em;
  text-transform: uppercase;
  color: #AEA600;
  display: block;
  text-decoration: none;
}

#imp a:hover, #imp a.active {
  background: url(../img/arrow_sub.gif) 100% 50% no-repeat;
  font-weight: bold;
}

.contenttable p {
  margin: 0;
}

/* REFERENZEN */
#c21 {
  font-size: 0.8em;
}

.important {
  color: #999;
}

.detail {
  font-style: italic;
  color: #666;
}

/************* Hintergruende */

#content {
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

.page2 {
  padding-bottom: 60px !important;
}

.page11 {
  padding-bottom: 250px !important;
}

.page12 {
  padding-bottom: 250px !important;
}

.page13 {
  padding-bottom: 20px !important;
}

.page14 {
  padding-bottom: 100px !important;
}

.page4 {
  padding-bottom: 20px !important;
}

/************* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */