@charset "UTF-8";

/*************** BASICS ***************/

body {
    margin: 0;
    padding: 0;
    background-color:#c5c7c8;	
    font-family: Verdana, Arial;
    /*font-size: 12px;*/ 
    height: 100%;
}

img {
	border:none;
}

p, span {
	/*font-size: 12px;*/
	margin:0 ; 
	padding:0 ;
	line-height: 15px;
}

h1, h2, h3 {
	margin:0;
	padding:0;
}

h1 {
	font-size: 12px; 
	color: #009687;		
	padding-bottom: 15px;
}
h2 {
	font-size: 12px; 
	color: #707173;		
	padding-bottom: 15px;
}
a, a:hover, a:visited {
	text-decoration:none;
	/*color: #009687;*/
}

ul {
	margin: 0;
	padding: 0;
}

.green  {
	color: #009687;		
}

/*************** ID ***************/
#page{
	margin: 30px 0px 0px 30px;
}

#header {
	width: 930px;
	height: 170px;
	background-image: url(../img/graphics/boxes_bg.png);
	background-repeat: repeat-y;
}

#header_top{
	height: 45px;
	background-image: url(../img/graphics/head_top.png);
	background-repeat:no-repeat;
}
#header_center{
	height: 80px;
	background-image: url(../img/graphics/header.png);
	background-repeat:no-repeat; 
}

#header_bottom{
	height: 45px;
	background-image: url(../img/graphics/head_bottom.png);
	background-repeat:no-repeat; 
	/*background-color:#ff0000;*/
	padding:0px 60px 0px 50px;
}

* html div#header_bottom {
	width:803px;
   }


#moods {
	padding:0;
	margin:0;
	width: 930px;
	height: 180px;
	background-image: url(../img/claim1.png);
	background-repeat:no-repeat;
}



#content{
	width: 930px;
}

#content p {
	font-size: 12px; 
	color:#707173;
	line-height:16px;
	padding-right:300px;
	padding-bottom:15px;
}

#content ul { 
	list-style-position: outside;
	padding-left:20px;
	padding-right:300px;
	padding-bottom:15px;
}

#content li { 
	font-size: 12px; 
	color:#707173;
	padding-bottom:3px;
	line-height:16px;
	list-style-image: url(../img/graphics/aufzaehlungszeichen.gif); 
}
#content a, a:visited {
	color: #009687;
}
#content a:hover {
	color: #000;
}

#content_top{
	height: 45px;
	background-image: url(../img/graphics/box_top.png);
	background-repeat:no-repeat;
	padding-top: 0;
}
#content_center{
	background-image: url(../img/graphics/boxes_bg.png);
	background-repeat: repeat-y;
	padding: 0 30px 0 200px;
}

#content_center img{
	border-color:#009687; 
	border-width:1px; 
	border-style:solid;
	margin-bottom:5px;
	
}

#content_bottom{
	height: 45px;
	background-image: url(../img/graphics/box_bottom.png);
	background-repeat:no-repeat; 
	/*background-color:#ff0000;*/
}


#content_text{
}

.content_img{
	float:right;
	margin: 0 28px 20px 30px;
}


#content table {
	border-collapse: collapse;	
	border: 1px solid #fff;
	width: 100%;
	text-align: left;
	color: #707173;
	font-size: 12px;
}
#content td {
	padding: 5px;
	vertical-align: top;
}
#content th {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 5px 5px 0;
	vertical-align: top;
}

/*
.cart-table {
	border-collapse: collapse;	
	width: 100%;
	text-align: left;
	color: #484848;
	font-size: 12px;
}
.cart-table thead {
	background-color: #e6e6e6;
	height: 28px;
}
.cart-table td {
	padding: 6px;
	border: solid 1px #d5d5d5;
	border-top-style:none;
	border-right-style:none;
	vertical-align: top;
}

.cart-table th {
	border: solid 1px #d5d5d5;
	border-top-style:none;
	border-right-style:none;
	padding: 6px;
}

.cart-footer {
	background-image: url(../img/cart_footer_bg.png);
	background-repeat:repeat-x;
	height: 80px;
	padding: 6px 6px 0px 6px;
} */

#teaser {
	width: 930px;
	height: 210px;
}

#teaser h1 {
	padding-bottom:15px;
}

#teaser h1, p{
	font-size: 14px; 
	font-weight: normal;
	color: #707173;
	line-height:20px;
}
#teaser a, a:visited {
	color: #707173;
}
#teaser a:hover {
	color: #009687;
}
#teaser_top {
	height: 24px;
	padding: 21px 0 0 0;
	background-image: url(../img/graphics/teaser_top.png);
	background-repeat:no-repeat;
}
#teaser_center {
	background-image: url(../img/graphics/teaser_bg.png);
	background-repeat: repeat-y;
	padding: 15px 0 0 0;
	height:155px; /*for ie */
}



#teaser_bottom {
	height: 45px;
	background-image: url(../img/graphics/teaser_bottom.png);
	background-repeat:no-repeat; 
/*	background-color:#ff0000;*/
}

.teaser_column {
	width:310px; 
	text-align:center;
	height:auto;
}


#footer {
	width: 930px;
	text-align:center;
}

#footer p {
	font-size: 11px; 
	color:#58585a;
}

#footer a, a:visited {
	color:#58585a;
}
#footer a:hover {
	color:#009687;
}
/*************** UTILS ***************/

.clearboth {
	clear: both;
}
.right {
	float:right;
}
.left {
	float:left;
}

/*************** MENÜ ****************/

.menu{
font-size: 14px; 
line-height:normal;
padding:6px 0 0 10px;

/*border-bottom: 1px solid #dcc208; /*Add border strip to bottom of menu*/
}

.menu ul{
list-style-type: none;
margin:0;
padding:0;
}

.menu li{
display:inline;
margin:0;
padding:0;
}

.menu a {
text-decoration:none;
color:#707173;
}
.menu a:hover {
color:#009687;
}

/*************** DROPDOWN ************/

.greytabs{
float:left;
width:100%;
font-size: 14px; 
line-height:normal;
/*border-bottom: 1px solid #dcc208; /*Add border strip to bottom of menu*/
}

.greytabs ul{
list-style-type: none;
margin:0;
margin-left: 77px; /*Left offset of entire tab menu relative to page*/
}

.greytabs li{
display:inline;
margin:0;
padding:0;
}

.greytabs a {
float:left;
background:url(../img/graphics/greytab-left.png) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 24px;
text-decoration:none;
}

.greytabs a span {
float:left;
display:block;
background:url(../img/graphics/greytab.png) no-repeat right top;
padding: 7px 24px 8px 0px;
color:#707173;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.greytabs a span {float:none;}
/* End IE5-Mac hack */

.greytabs a:hover span {
color: #009687;
}

.greytabs li.selected a{ /*Selected Tab style*/
background-position:0 -30px; /*Shift background image up to start of 2nd tab image*/
}

.greytabs li.selected a span{ /*Selected Tab style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
color: #009687;
}

.greytabs a:hover, .greytabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -30px; /*Shift background image up to start of 2nd tab image*/
}

.greytabs a:hover span, .greytabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
position:absolute;
margin-top: -1px;
padding: 10px;
/*border: 1px solid #dcc208; /*THEME CHANGE HERE*/
/*border-width: 0 1px;*/
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #b1b3b4;
width: 225px;
visibility: hidden;
}


.dropmenudiv_d a{
font-size: 14px; 
width: auto;
display: block;
text-indent: 12px;
/*border: 0 solid #dcc208; /*THEME CHANGE HERE*/
/*border-bottom-width: 1px;*/
padding: 1px;
text-decoration: none;
color: #fff;
}

* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/
/*background-color: #fef8c8;*/
color: #009687;
}