/**
* default styles.
* @author David Thunman <david@thunman.de>
*/
@import url(teaser_v2.css);


/* ------------------------------------------------------

   Default tags


------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/bg_stripe.gif) 0 0 repeat-y #dcdcdc;
	font: 11px Lucida Grande, Lucida, Arial, Verdana, sans-serif;
	line-height: 16px;
	color: #fff;
}

a {
	color: #820732;
	text-decoration: none;
	outline: none;
	outline-width: 0;
}

a:focus {
	border: none;
	outline: none;
	outline-width: 0;
	/*-moz-outline: none;*/
}

p {
	margin-bottom: 10px;
}

h2 {
	margin-bottom: 10px;
}

h4 {
	color: #d0c2a4;
	margin-bottom: 10px;
	font-size: 12px;
}

h5 {
	color: #d0c2a4;
	font-size: 12px;
	margin-bottom: 0;
}

table {
	width: 100%;
}

td {
	vertical-align: top;
}

a img, img {
	border: none;
}

ul
{
	list-style: none;
}

li
{
	color: #d0c2a4;
	display: block;
	clear: left;
}

/* ------------------------------------------------------

   Headlines


------------------------------------------------------ */

h2.news {
	background: url(images/h2_news.gif) left center no-repeat;
	text-indent: -5000px;
	width: 90px;
	height: 20px;
}

h2.desktops {
	background: url(images/h2_desktops.gif) left center no-repeat;
	text-indent: -5000px;
	width: 120px;
	height: 20px;
}

/* ------------------------------------------------------

   Site Layout


------------------------------------------------------ */

#side {
	position: absolute;
	top: 0;
	left: 0;
	width: 248px;
	height: 273px;
	background-image:none;
	 background: url(images/side_v2.jpg) left top no-repeat; 
	
}

#menu {
	position: absolute;
	top: 0;
	left: 248px;
	width: 728px;
	height: 273px;
	background: url(images/menu_v2.jpg) left top no-repeat;
}

#site {
	width: 728px;
	position: absolute;
	left: 248px;
	top: 273px;
	z-index: 100;
	
}

.top {
	background: url(images/content_bg_top.gif) left top no-repeat;
}

.mid {
	min-height: 500px;
	padding: 40px 0 10px 0;
	margin: 0 70px 0 60px;
	background: url(images/dashed_horiz2.gif) left bottom repeat-x;
}

.bot {
	height: 78px;
	width: 728px;
	background: url(images/content_bg_bot.gif) left bottom no-repeat;

}

/* ------------------------------------------------------

   Content area

------------------------------------------------------ */

/* separator */

.separator {
	background: url(images/dashed_horiz1.gif) left top repeat-x;
	height: 40px;
	position: relative;
}

.separator h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 30px;
	height: 30px;
	margin: 0;
}

.separator h2 a
{
	line-height: 30px;
	height: 30px;
		margin: 0;
	padding: 0;
}

.separator dl {
	list-style: none;
	position: absolute;
	bottom: 0;
	right: 0;
}

.separator li, .separator dd, .separator dt {
	float: left;
	color: #d0c2a4;
	margin-left: 3px;
	line-height: 30px;
	height: 30px;
}

.separator dl a {
	color: #d0c2a4;
	line-height: 30px;
	height: 30px;
}

/* pager */

.pager_top {
	position: relative;
	background: url(images/dashed_horiz1.gif) left bottom repeat-x;
	height: 10px;
	margin-bottom: 10px;
}

.pager_top dl {
	position: absolute;
	list-style: none;
	top: -15px;
	right: 0px;
	color: #d0c2a4;
}

.pager_bot, .separator_bot {
	position: relative;
	margin: 0px 70px 0px 60px;
}

.pager_bot dl, .separator_bot dl {
	position: absolute;
	list-style: none;
	top: 10px;
	right: 0px;
	color: #d0c2a4;
}

.pager_top dl dt, .pager_bot dl dt, .separator_bot dl dt {
	float: left;
	margin-left: 3px;
}

.pager_top dl dd, .pager_bot dl dd, .separator_bot dl dd {
	float: left;
	margin-left: 3px;
}

.pager_top dl dd a, .pager_bot dl dd a, .separator_bot dl dd a {
	color: #d0c2a4;
}

.pager_bot h2
{
	margin: 0;
	padding: 0;
	height: 40px;
}



/* article */

.article {
	background: url(images/dashed_horiz2.gif) left top repeat-x;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.article ul
{
	margin-top: 10px;
}

.article .slideshow {
	padding-bottom: 5px;
}

.article .slideshow {
	padding-top: 3px;
}

.article .slideshow.noborder {
	background: none;
}

.article .slideshow dl {
	background: url(images/dashed_horiz1.gif) left bottom repeat-x;
	
	padding: 2px 0 18px 0;
}

.article .slideshow dl dd {
	float: left;
}

.article .slideshow.right dl dd
{
	/*float: right*/
	margin-right: 3px;
}

.article .col1
{
	float: left;
	width: 290px;
  /* background-color:yellow; */
}

.article .col2
{
	margin-left: 310px;
  /* background-color:red; */
 
}


/* gallery */

.gallery {
	background: url(images/dashed_horiz2.gif) left top repeat-x;
	padding-top: 10px;
	margin-top: 10px;
}

.gallery .pic {
	float: left;
}

.gallery .thumbs {

}

.gallery .thumbs a {
	border: 3px solid #3c322b;
	display: block;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.gallery ul
{
	margin-top: 10px;
}

.gallery ul li a
{
	line-height: 16px;
}

.gallery ul li a
{
	margin-left: 0px;
}

.gallery .right
{
	float: right;
}


/* global stuff */

.right {
	float: right;
	padding-left: 10px;
}

.left {
	float: left;
	padding-right: 10px;
}

.date {
	color: #810630;
	font-size: 9px;
	display: block;
	margin-top: 10px;
}

.first {
	background: none;
	padding-top: 0px;
}

.dashed1, .dashed {
	background-image: url(images/dashed_horiz1.gif);
}

.dashed2 {
	background-image: url(images/dashed_horiz2.gif);
}

.dashed1_top, .dashed_top
{
	background: url(images/dashed_horiz1.gif) left top repeat-x;
	padding-top: 10px;
}

.dashed1_bot, .dashed_bot
{
	background: url(images/dashed_horiz1.gif) left bottom repeat-x;
	padding-bottom: 10px;
}

.dashed2_top
{
	background: url(images/dashed_horiz2.gif) left top repeat-x;
	padding-top: 10px;
}

.dashed2_bot
{
	background: url(images/dashed_horiz2.gif) left bottom repeat-x;
	padding-bottom: 10px;
}
.dashed_bright{
  background: url(images/dashed_horiz_bright.gif) left bottom repeat-x;
}
.dashed_bright_top{
  background: url(images/dashed_horiz_bright.gif) left top repeat-x;
}
.noborder {
	background-image: none;
}

.desc
{
	color: #d0c2a4;
}

.imgborder
{
	border: 1px solid #282320;
}


/* ------------------------------------------------------

   Buttons


------------------------------------------------------ */

a.button_left {
	background: url(images/button_left.gif) left center no-repeat;
	display: block;
	width: 21px;
	height: 14px;
	text-indent: -5000px;
  
}

a.button_left_disabled {
	background: url(images/button_left_disabled.gif) left center no-repeat;
	display: block;
	width: 21px;
	height: 14px;
	text-indent: -5000px;
}
a.button_right {
	background: url(images/button_right.gif) left center no-repeat;
	display: block;
	width: 21px;
	height: 14px;
	text-indent: -5000px;
}

a.button_right_disabled {
	background: url(images/button_right_disabled.gif) left center no-repeat;
	display: block;
	width: 21px;
	height: 14px;
	text-indent: -5000px;
}

a.button_mehr {
	background: url(images/button_mehr.gif) left center no-repeat;
	display: block;
	width: 57px;
	height: 19px;
	text-indent: -5000px;
}

a.button_inhaltsverzeichnis {
	background: url(images/button_inhaltsverzeichnis.gif) left center no-repeat;
	display: block;
	width: 140px;
	height: 20px;
	text-indent: -5000px;
}



a.button_forum {
	background: url(images/button_forum.gif) left center no-repeat;
	/* background: url(images/button_inhaltsverzeichnis.gif) left center no-repeat; */
	display: block;
	width: 86px;
	height: 24px;
	text-indent: -5000px;
	padding: 0px;
	
}


a.more.right, a.more_right, a.more {
	margin-left: 4px;
	background: url(images/button_right.gif) right center no-repeat;
	padding: 0 24px 0 0;
	color: #d0c2a4;
}

a.more.left, a.more_left {
	background: url(images/button_right.gif) left center no-repeat;
	padding: 0 0 0 24px;
	margin-right: 4px;
	color: #d0c2a4;
}


/* ------------------------------------------------------

   Misc


------------------------------------------------------ */
.noPadTop {
   padding-top:0px;
}
.noPadBottom {
   padding-bottom:0px;
}
.noMargTop {
   margin-top:0px;
}
.noMargBottom {
   margin-bottom:0px;
}
/* clear floating box in order to adjust the height */

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

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */
#ie7Spacer { visibility:hidden; display:none; 
                 
}
.clearfixSpacer {visibility:hidden; display:none;}