/* BODY */

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	color: #2E2927;
	background: #EFEFEF;
}


/* HEADER MENU */

div#header-menu {
	background: #4f4f4f;
	margin: 30px auto 0 auto;
	padding: 0;
	text-align: left;	
	width: 970px;
	overflow: hidden;	
}

div#header-menu ul {
	color: white;
	font-size: 80%;	
	margin: 0 0 0 10px;
	padding: 8px 0 8px 0;
	text-align: center;	
}

div#header-menu ul li {
	display: inline;
}

div#header-menu ul li a {
	padding: 8px 12px 8px 12px;
	color: white;
	font-weight: bold;	
	text-decoration: none;
	border-right: 1px solid #4f4f4f;
	border-left: 1px solid #fff; /* the borders have the same size */
	margin-left: -1px; /* the value has to be like the above but negative */
	
}

div#header-menu ul li a:hover, .selected {
	background: #f68603;
	color: #fff;
}




/* HEADER */

#header {
	background: #FFF;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	width: 970px;
	overflow: hidden;
}

#header_left {
	background: #FFF;
	height: 65px;
	float: left;
	margin: 0;
	padding: 50px 0 0 40px;
	text-align: left;
	width: 400px;
}

#header_right {
	background: #FFF;
	float: right;
	font-size: 90%;
	line-height: 1.8;
	margin: 0;
	padding: 30px 40px 0 0;
	text-align: right;
	width: 490px;
}

#header_right  a, a:visited {
	color: #375276;
	text-decoration: none;
}

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





/* INTRO */

#intro {
	background: #FFF;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	width: 970px;
	overflow: hidden;
}

#intro  a, a:visited {
	color: #375276;
	text-decoration: underline;
}

#intro a:hover {
	color: #375276;
	text-decoration: none;
}

#intro_left {
	background: #FFF;
	float: left;
	font-size: 100%;
	line-height: 1.8;
	margin: 0;
	padding: 10px 0 0 40px;
	text-align: left;
	width: 350px;
}

.navi-header {
	background: #d9d9d9;
	font-weight: bold;
	line-height: 2.0;
	padding: 3px 10px 0 10px;
	margin: 0 30px 0 0;
}

.navi {
	border: 1px solid #D9D9D9;
	line-height: 2.0;
	padding: 10px;
	margin: 0 30px 0 0;
}

.highlight {
	background: #EFEFEF;
	margin: 20px 30px 20px 0;
	padding: 10px;
	font-size: 90%;
}

#intro_right {
	background: #FFF;
	float: right;
	font-size: 100%;
	line-height: 1.8;
	margin: 0;
	padding: 10px 40px 0 0;
	text-align: left;
	width: 540px;
}

#intro_right h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
}

#intro_right p {
	font-size: 90%;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-align: left;
}




/* CONTENT */

#content {
	background: #FFF;
	clear: both;
	font-size: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: left;
	width: 890px;
	padding: 20px 40px 40px 40px;
}

#content h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 130%;
	font-weight: normal;
	margin: 40px 0 10px 0;
}

#content p {
	font-size: 90%;
	font-weight: normal;
	line-height: 1.8;
	margin: 5px 0 10px 0;
}

#content a, a:visited {
	color: #375276;
	text-decoration: underline;
}

#content a:hover {
	color: #375276;
	text-decoration: none;
}




/* CONTENT TABELLE */

table {
	border-spacing: 0; 
	width: 100%;
	margin: 5px 0 10px 0;
	font-size: 90%;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	padding: 1px;
}

table th {
	background: #D9D9D9;
	padding: 8px;
	font-weight: normal;
	font-size: 90%;
}

table td {
	padding: 8px 8px 8px 8px;
	border-top: 1px solid #D9D9D9;
	line-height: 1.8;
	vertical-align: top;
	font-size: 90%;
}

.even {
	background: #EFEFEF;
}

.hover-even, .hover-even a, .hover-even a:link, .hover-even a:visited, .hover-even a:hover, .hover-even a:active { 
	background: #EFEFEF;
    cursor: pointer; 
}

.uneven {
	background: #FFFFFF;
}

.hover-uneven, .hover-uneven a, .hover-uneven a:link, .hover-uneven a:visited, .hover-uneven a:hover, .hover-uneven a:active { 
	background: #EFEFEF;
    cursor: pointer; 
}

.tdcenter {
	text-align: center;
}




.fazit_left {
	background: #FFF;
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
	width: 150px;
}

.fazit_right {
	background: #FFF;
	float: right;
	font-size: 100%;
	line-height: 1.8;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	text-align: justify;
	width: 740px;
}



.gutschein {
	font-size: 100%; 
	margin: 10px 0 0 0;
	border: 1px dotted #fff;	
	background: #FFF;
	padding: 0 5px 0 10px;  
	text-align: left; 
	width: 875px;
	float: left;
}

.gutschein-hover {
	font-size: 100%; 
	margin: 10px 0 0 0; 
	border: 1px solid #d9d9d9; 
	background: #EFEFEF;
	padding: 0 5px 0 10px;  
	text-align: left; 
	float: left;
	width: 875px;	
	cursor: pointer;
}





.gutschein-left {
	font-size: 100%; 
	margin: 20px 5px 0 5px; 
	border: 1px dotted #000; 
	background: #FFF;
	padding: 5px 10px 5px 10px; 
	width: 410px; 
	text-align: left; 
	float: left;
}

.gutschein-left-hover {
	font-size: 100%; 
	margin: 20px 5px 0 5px; 
	border: 1px dotted #000; 
	background: #EFEFEF;
	padding: 5px 10px 5px 10px;  
	width: 410px; 
	text-align: left; 
	float: left;
	cursor: pointer;
}

.gutschein-right {
	font-size: 100%; 
	margin: 20px 0 0 0; 
	border: 1px dotted #000; 
	background: #FFF;
	padding: 5px 10px 5px 10px; 
	width: 415px; 
	text-align: left; 
	float: right;
}

.gutschein-right-hover {
	font-size: 100%; 
	margin: 20px 0 0 0; 
	border: 1px dotted #000; 
	background: #EFEFEF;
	padding: 5px 10px 5px 10px; 
	width: 415px; 
	text-align: left; 
	float: right;
	cursor: pointer;
}


/* ANBIETER */

#content_anbieter {
    background: #FFF;
	clear: both;
	font-size: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: left;
	width: 890px;
	padding: 20px 40px 40px 40px;
}

#content_anbieter h2 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 130%;
	font-weight: normal;
	margin: 20px 0 0 0;
}

#content_anbieter .keineanbieter {
    font-size: 90%;
    font-weight: normal;
	line-height: 1.8;
	margin: 5px 0 0 0;
}

#content_anbieter a, a:visited {
    color: #375276;
	text-decoration: underline;
}

#content_anbieter a:hover {
	color: #375276;
	text-decoration: none;
}

.anbieter {
    border: 1px solid #d9d9d9;
    clear: both;
    margin: 20px 0 0 0;
    padding: 0;
    width: 888px;
}

.anbieter_name {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
    font-size: 120%;
	font-weight: normal;
    line-height: 1.8;    
	margin: 0 0 0 0;
    padding: 10px 10px 0 10px;    
}

.anbieter_beschreibung {
    font-size: 90%;
    font-weight: normal;
	line-height: 1.6;
	margin: 0; 
    padding: 0 10px 0 10px;    
}

.anbieter_anschrift {
    background: #efefef;
    float: left;
    width: 276px;
    font-size: 90%;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
    padding: 10px;    
}

.anbieter_telefon {
    background: #efefef;    
    float: left;
    width: 276px;    
    font-size: 90%;
    font-weight: normal;
	line-height: 1.6;
	margin: 0;
    padding: 10px;    
}

.anbieter_url {
    background: #efefef;    
    float: left;
    width: 276px;    
    font-size: 90%;
    font-weight: normal;
	line-height: 1.6;
	margin: 0;
    padding: 10px;    
}

.anbieter_oeffnungszeiten {
    font-size: 90%;
    font-weight: normal;
	line-height: 1.8;
	margin: 0;  
    padding: 0 10px 10px 10px;
}



/* FOOTER */

#footer {
	margin: 0 auto 10px auto;
	padding: 20px;
	text-align: center;
	width: 920px;
}

#footer p {
	font-size: 80%;
	margin: 0;
}

#footer a, a:visited {
	color: #2E2927;
	text-decoration: none;
}

#footer a:hover {
	color: #2E2927;
	text-decoration: underline;
}