/* ============= Colors ============= */
/*
##### Background #####
Gesamt: #480000, RGB 72 0 0
Logo: #660000 RGB 102 0 0
Navi: #6F0F09 RGB 111 15 9
Content: #873F29 RGB 135 63 41

##### Lines #####
Lines: #FFFF99 RGB 255 255 153

##### Text #####
Navi: #FFFFFF RGB 255 255 255
Navi over: #EFA268 RGB 239 162 104
Content: #FFFF99 RGB 255 255 153
Content highlight: #EFA268 RGB 239 162 104 
Slogan: #8F633B RGB 143 99 59
Footer: #FFFFFF RGB 255 255 255
Header first char: #EFA268 RGB 239 162 104 
Header: #FFFFFF RGB 255 255 255
*/

/* ============= Basics ============= */

* { margin:0;
 	padding:0;
	font-size: 100%;
  	color: #FFFF99;
} 

html { height: 100% } 

body { 
	min-height: 101%;	
	font-size: 100.01%; 
	position: relative; 
	color: #FFFF99;        
	font: 62.5% Geneva, Arial, Helvetica, sans-serif;
	background-color: #480000;
	color: #FFFF99;
	text-align: center;	
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}


fieldset, img { border:0; }
select, input, textarea { font-size: 99%; color: #000000; }
option { font-size: 99%; color: #000000; }

ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.0em; line-height: 1.6em; font-size: 1.2em;}

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

p {
	font-size: 1.2em;
}

.cleaner {
	clear: both;
	width: 1px;
	height: 0;
	line-height: 0px; 
	font-size: 1px;
	visibility: hidden;
	display: block;
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 

/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none } 

/* ============= grundlegende Struktur ============= */

#wrapper {
	width: 629px;
	margin: 0px auto;
	text-align: left;
	margin-top: 25px;
}

#slogan {
	display:none;
}

#inhalt {
	width: 629px;
}

#leftCol {
	display:none;
}

#logo {
	display:none;
}

#picture {
	display:none;	
}

#rightCol {
	width: 629px;
}

#navigation {
	display:none;
}

#content {
	background-color: #873F29;
	z-index: -1;
	font-size: .9em;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 20px;
}

#contentst {
	background-color: #873F29;
	z-index: -1;
	font-size: .9em;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 20px;
	padding-bottom: 150px;
}

#gutschein{
	float: left;
	width: 150px;
	height: 194px;
}

#gutscheinbest{
	margin-top: 25px;
	font-size: 1.2em;
}

#couch {
	float:left;
	width: 457px;
	height: 194px;
	margin-top: -132px;
	margin-left: 340px;
	display: inline;
	position: absolute;
	display:none;
}

#footer {
	width: 457px;
	height: 50px;
	padding-top: 10px;
	color: #FFFFFF;
	display:none;
}

#bestellungen {
	width: 398px;
	height: 130px;
}

#buchtipp {
	float: left;
	width: 220px;
	padding-right: 10px;
 	border-right: 1px solid #FFFFFF;
}

#veranstaltungen {
	float: right;
	width: 156px;
	font-size: 1.2em;
	padding-left: 10px;
}

#oeffnungszeiten {
	float: right;
	width: 156px;
	font-size: 1.2em;
	padding-left: 10px;
}

#buechergutschein {
	margin-top: 25px;
	width: 132px;
}

/* ============= Startseite ============= */

#headline {
	font-size: 1.2em;
	font-weight: bold;
	color: #EFA268;
}

#text {
	font-size: 1.2em;
}

#image {
	float: right;

}

#link {
	font-size: 1.2em;

}

#buchtipp .headerimg {
	padding-bottom: 10px;
}

#bestellungen a {
	font-size: 1.2em;
}


#content #bestellungen a
{
	padding-left: 20px;
	background: url(../upload/bullets/link_bullet.gif) no-repeat left;
	background-repeat: no-repeat;
	background-position: left;	
	font-size: 1.0em;
	font-weight: bold;
}

#content #buchtipp #link a
{
	padding-left: 20px;
	background: url(../upload/bullets/link_bullet.gif) no-repeat left;
	background-repeat: no-repeat;
	background-position: left;	
	font-weight: bold;
}

#content #oeffnungszeiten p
{
        font-size: 1.0em;
}

#content #buechergutschein p
{
        font-size: 1.2em;
}


#content #buechergutschein a
{

	font-size: 1.0em;
	font-weight: bold;
}

#content #oeffnungszeiten blockquote
{
        font-size: 1.0em;
}

/* ============= Buchtipps ============= */

#contentst #artikel {
	padding-top: 20px;
	padding-bottom: 10px;
}

#contentst #link a
{
	padding-left: 20px;
	background: url(../upload/bullets/link_bullet.gif) no-repeat left;
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;	
}


#contentst #headline {
	font-size: 1.3em;
	font-weight: bold;
	color: #EFA268;
}

#contentst #backlink {
	font-size: 1.2em;
	font-weight: bold;
	color: #EFA268;
	margin-top: 20px;
}

#contentst #bestlink
{
	padding-top: 20px;
}

#contentst #bestlink a
{
	padding-left: 20px;
	background: url(../upload/bullets/link_bullet.gif) no-repeat left;
	background-repeat: no-repeat;
	background-position: left;	
	font-size: 1.2em;	
	font-weight: bold;
}

/* ============= Formatierungen ============= */

a img { border: none}

a.bold { 
	color: #EFA268;
	font-weight: bold; 
	text-decoration:none; 
}

a.bold:hover { 
	text-decoration: underline;
	color: #EFA268;  
}

a.strong { 
	color: #EFA268;
	font-weight: bold; 
	text-decoration:none; 
}

a.strong:hover { 
	text-decoration: underline;
	color: #EFA268;  
}

a { 
	color: #EFA268; 
	text-decoration:none; 
	
}

a:hover { 
	text-decoration: underline;
	color: #EFA268;  
}

a.additionalnavi { 
	color: #FFFFFF; 
	font-weight: bold;
}

a.additionalnavi:hover { 
	color: #EFA268; 
	text-decoration:underline; 
}

strong {
	color: #EFA268;  
	font-weight: bold; 
}

b {
	color: #EFA268;  
	font-weight: bold; 
}

.linkbullet {
	padding-top: 3px;

}

.headerimg {
	padding-top: 10px;
}

#contentst h1 {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 10px;
}

.linkbullet
{
	padding-left: 20px;
	background: url(../upload/bullets/link_bullet.gif) no-repeat left;
	background-repeat: no-repeat;
	background-position: left;	
	font-size: 1.2em;
}

.input_gutschein {
	width:80px;
	vertical-align:middle;
	font-size:1em;
	margin-right: 8px;
	color: #FFFF99;
	border: thin solid #FFFF99;
	background-color: #873F29;
	text-align: right;
	padding-right:2px;
}

.input_gutschein_start {
	width:80px;
	vertical-align:middle;
	font-size:1em;
	margin-right: 8px;
	color: #CCCCCC;
	border: thin solid #FFFF99;
	background-color: #873F29;
	text-align: right;
	padding-right:2px;
}

/* ============= Gutscheine ============= */

#gutscheinbest table td{
	padding: 2px;
	margin: 2px;
}

#gutscheinbest .button {
	width:80px;
	vertical-align:middle;
	font-size:1em;
	margin-right: 8px;
	color: #FFFF99;
	border: thin solid #FFFF99;
	background-color: #873F29;
}

#gutscheinbest .err {
	color: #FF0000;
	font-size:1.0em;
	font-weight: bold;
}


/* ============= Veranstaltungen ============= */

#contentst .event_info .description p {

	font-size: 1.0em;
	padding: 2px;
	margin: 2px;
}