/*
Theme Name: gbr
Version: 1.0
Author: Marco Schär
Author URI: http://www.marcoschaer.com/
Update: 09.06.2010 sc
*/

body, div, class, id {
	margin:0;
	padding:0;
}

fieldset, label, legend , form{
	margin:0;
	padding:0;
} 

ul, ol, dl, dd, li {
	margin:0;
	padding:0;
}

p, a, em {
	margin:0;
	padding:0;
} 

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

a:link {
	text-decoration:underline;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:visited {
	text-decoration:underline;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:hover, 
a:active {
	text-decoration:none;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a img, 
fieldset {
	border:none;
}

img {
	display:block;
	margin:0;
	padding:0;
}



/* =Body & Wrapper 
 ************************************************************
 															*/

body {
	font-size:62.5%;
	background:#d4c9b0;
}

#wrapper {
	margin:30px auto 10px auto;
	width:836px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* =Head =Topbar
 ************************************************************
 															*/

#head {
	background:#FFFFFF;
	position:relative;
	width: 100%;
	min-height:150px;
}	

* html #head { height:130px; }

/* =topbar */
#topbar {
	background:url('/wp-content/themes/gbr/images/top_trans.gif') no-repeat bottom #d4c9b0;
	min-height:40px;
	margin:0 0 70px 0;
}

* html #topbar { height:40px; }

#topbar ul {
	float:right;
	list-style:none;
	margin:0 18px 0 0;
}

#topbar ul li {
	float:left;
	padding:0 0 0 6px;
	margin:0 0 0 6px;
}

#topbar ul li a {
	font-size:1em;
	color: #971928;
	text-decoration:none;
}

#topbar ul li a:hover {
	text-decoration:underline;
}

#topbar ul li a.current {
	font-weight:bold;
}

/* =logo */
#head h1 {
	position:absolute;
	height:92px;
	width:200px;
	margin:0 0 0 18px;
	top:40px;
	left:0px;
}

#head h1 a {
	display:block;
	height:92px;
	width:200px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:absolute;
}

#head h1 a img {
	top:0;
	left:0;
	position:absolute;
}

/* =Navigation
 ************************************************************
 															*/

#navigation {
	width:580px;
	background:#971928;
	float:right;
	margin:0 18px 18px 0;
}

* html #navigation {
	margin:0 9px 9px 0;
}

* html #navigation { height:1%; }

#navigation ul {
	list-style:none;
	margin:0 18px 0 0;
}

#navigation ul li {
	float:left;
	padding:5px 0;
}

#navigation ul li a {
	color:#eeeeee;
	font-size:1.1em;
	text-decoration:none;
	padding:5px 15px;
}

#navigation ul li a:hover {
	color:#D4C9B0;
	font-size:1.1em;
	text-decoration:none;
}

#navigation ul li a.current {
	font-weight:bold;
	color:#D4C9B0;
}



/* =contentwrapper
 ************************************************************
 															*/
#content-wrapper {
	width:800px; /*836*/
	padding:0 18px 10px 18px;
	background:url('/wp-content/themes/gbr/images/content_bg-3.png') repeat-y #FFFFFF;
	float:left;
}


/* =Sidebar
 ************************************************************
 															*/
#sidebar {
	float:left;
	width:200px;
	background:#740000;
	color:#FFFFFF;
	margin:0;
	padding:0;
	font-size:1.1em;
}

#sidebar h2 {
	clear:both;
	margin:10px 5px 10px 5px;
	font-size:1.3em;
	color:#d4c9b0;
	font-family:Arial, Helvetica, sans-serif;
}

#sidebar p {
	margin:0 5px 10px 5px;
	font-size:1em;
}

#sidebar a {
	color:#FFFFFF;
}

#sidebar dl {
	border:none;
	float:left;
	width:190px;
	padding:0 5px;
	margin:0 0 5px 0;
	font-size:1em;
}

#sidebar dl dt {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

#sidebar dl dd {
	float:right;
	width:8.5em;
	margin:0 5px 0 0;
	padding:0;
	font-size:1em;
}

#sidebar dl.last {
	margin:0 0 30px 0;
}


/* =content
 ************************************************************
 															*/
#content {
	float:right;
	width:580px;
	font-size:1.2em;
	background:#FFFFFF;
	position:relative;
}

#content h2 {
	color:#e45605;
	padding:0 0 20px 0;
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}

#content p#print {
	position:absolute;
	top:0;
	right:0;
	font-size:0.8em;
}

#content p#print a {
	background:url('/wp-content/themes/gbr/images/print.gif') no-repeat left center;
	padding:0 0 0 20px;
	display:block;
	min-height:20px;
	line-height:20px;
}

#content h3 {
	margin:0 0 10px 0;
    font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

#content img.WP-PrintIcon {
	float:left;
	padding:0 5px 0 0;
}

#content p {
	line-height:1.4em;
	margin:0 0 10px 0;
}



/* =startseite*/
#aktuelles {
	width:280px;
	float:left;
}

#aktuelles h2 {
	border-top:5px solid #971928;
	padding:4px 0 0 0;
	margin:6px 0;
	font-size:1.3em;
}

#medientipp-v {
	width:280px;
	float:right;
}

#medientipp-v h2 {
	border-top:5px solid #971928;
	padding:4px 0 0 0;
	margin:6px 0;
	font-size:1.3em;
}

/* =medientipp
 ************************************************************
 															*/
#content dl.tipp {
	width:580px;
	padding:0 0 10px 0;
	margin:0 0 30px 0;
	float:left;
	border-bottom:1px solid #cccccc;
}

#content dl.tipp dt {
	font-weight:bold;
	padding:2px 0;
}

#content dl.tipp dd.isbn {
	color:#971928;
	font-size:0.8em;
	padding:2px 0;
	margin:0 0 10px 0;
}

#content dl.tipp dd.image {
	float:right;
	margin:0 0 0 10px;
}


/* =über uns
 ************************************************************
 															*/
#ueber-uns {
	width:330px;
	float:left;
}

#ueber-uns p {
	margin:0;
}

#ueber-uns ul {
	margin:20px 0 30px 20px;
}

#ueber-uns ul li {
	margin:0 0 10px 0;
}

#ueber-uns p img {
	float:left;
	margin:0 10px 10px 0;
}

/* =team foto und namen */
#team {
	float:right;
	width:220px;
}

#team ul img {
    margin: 0 10px 10px 0;
    padding: 0;
    float: left;
    display: block;
}

#team ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#team ul li {}

#team ul li h3 {
  font-size: 100%;
  margin: 0 0 .2em;
  font-family: verdana, sans-serif;
}

/* =veranstaltungen
 ************************************************************
 															*/
#veranstaltungen dl {
	clear:both;
	border-bottom:1px solid #cccccc;
	margin:0 0 10px 0;
	padding:5px;
	width:570px;
	float:left;
}

* html #veranstaltungen dl { width:565px; }

#veranstaltungen dt {
	font-weight:bold;
	padding:2px 0;
}

#veranstaltungen dd.date {
	font-size:0.8em;
	padding:2px 0;
	color:#971928;
}

#veranstaltungen dd {
	padding:5px 0;
}


#veranstaltungen dl.block dd img.alignleft {
	float:left;
	padding:0 10px 5px 0;
}

#veranstaltungen dl.block dd img.alignright {
	float:right;
	padding:0 0 5px 10px;
}


/* =medien
 ************************************************************
 															*/
#medien {
	float:left;
	width:330px;
}

#medien p,
#medienkatalog p {
	margin:0 0 10px 0;
}

#medien table {
	width:100%;
}

#medien table td {
	padding:3px 10px 3px 2px;
	border-bottom:1px solid #dddddd;
}

#medien table td.price {
	padding:3px 0px 3px 2px;
	text-align:right;
}

#medien table td.noborder {
	border-bottom:none;
}

#medien th {
	text-align:left;
	padding:3px 10px 3px 2px;
	border-bottom:1px solid #dddddd;
	font-weight:normal;
	background:#f3f3f3;
}

#medienkatalog {
	float:right;
	width:220px;
}

#medienkatalog ul {
	margin:10px 0 10px 20px;
}

#medienkatalog ul li {
	margin:0 0 8px 0;
}



/* =kontakt
 ************************************************************
 															*/
/* =kontaktformular */
#kontaktformular {
	width:330px;
	float:left;
}

#kontaktformular ul {
	border-top:1px solid #FFFF00;
	border-bottom:1px solid #FFFF00;
	background:#FFFFCC;
	padding:5px 20px;
	margin:0 0 10px 0;
}

#kontaktformular p.ok {
	border-top:1px solid #339933;
	border-bottom:1px solid #339933;
	background:#CCFFCC;
	padding:5px 10px;
}

#kontaktformular dl {
	border:none;
	padding:0;
	margin:0 0 5px 0;
	width:100%;
}

#kontaktformular dt {
	padding:2px 0;
	font-weight:normal;
}

#kontaktformular dd {
	padding:2px 0;
}

#kontaktformular .text {
	width:280px;
	border:1px solid #CCCCCC;
}	

#message {
	width:320px;
	border:1px solid #CCCCCC;
}

/* =anfahrt */
#anfahrt {
	width:220px;
	float:right;
}

#anfahrt a {
	text-decoration:none;
	border:none;
}

#anfahrt p {
	margin:10px 5px;
}


/* =sitemap
 ************************************************************
 															*/

#sitemap {
    list-style:none;
}

#sitemap li {
    margin:5px 0;
}


/* =links
 ************************************************************
 															*/

#content dl.links {
	clear:both;
	padding:0 0 10px 0;
	margin:0;
	width:580px;
	float:left;
}

#content dl.last {
	padding:0 0 25px 0;
}

#content dl.links dt {
	float:left;
	width:320px;
	margin:0;
	padding:00;
	font-weight:normal;
}

#content dl.links dd {
	margin:0;
	padding:0;
	width:250px;
	float:right;
}

#content dl.links a {
	margin:0;
	padding:0;
}



/* =footer
 ************************************************************
 															*/
#footer {
	clear:both;
	width:818px; /*836*/
	background:url('/wp-content/themes/gbr/images/bottom_trans3.gif') top no-repeat;
	padding:22px 0 0 18px;
	color: #971928;
}




/* = End & =Clear
 ************************************************************
 															*/

#end {
	clear:both;
	height:5px;
	width:880px;
}

.end {
	clear:both;
	height:5px;
	width:880px;
}

.clear {
	clear:both;
	width:100%;
}


.block {
	padding:5px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#f3f3f3;
}

.group:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .group {height: 1%;}
*:first-child+html .group {min-height: 1px;}