/* CSS-Datei für www.aquarius-borken.de 

Farben:
Rot (Aquarius)		#B84C17
Rot 30%				#
Blau (Freizeitbad)	#1384B4
30%					#b5daee
20%					#cee6f4
10%					#e6f2f9
Grün (Saunagarten)	#0AA551
Grün 30%			#b5daee
Schrift dunkelgrau	#555555

*/

/* D I V S
************************************************************************************************/

body, h1, h2, h3, p, ul, li, a,
#container, #flash, #navigation, #content, #box1, #box2, #box3, #box12, #box23, #box123, #logo, #picture,
#termine h3, input, form  {
	margin: 0;
	border: 0;
	padding: 0;
}

body {
    text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
}
#popup {
	font-size: 0.8em;
}
input, textarea, td {
	font-size: 1em;
	color: #555;
}
* html input {
	font-size: 1em;
}

#container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	font-size: 0.8em;
	background: #FFF;
	width: 961px;
	height: 595px;
}
#pageheader img {
	margin-bottom: 2px;
}
#text {
	position: absolute;
}
#content {
	text-align: left;
}
#col1 {
	width: 139px; 
	float: left;
}
#col2 {
	margin: 0;
	border: 0;
	padding: 0;
	width: 533px;
	float: left;
	margin: 18px 14px 10px 14px;
	padding-bottom: 10px;
	/*background: #CCF;*/
}
#col2_1 {
	margin: 0;
	border: 0;
	padding: 0;
	/*background: #Fcc;*/
	float: left;
	width: 262px;
	margin-right: 9px;
}
#col2_2 {
	margin: 0;
	border: 0;
	padding: 0;
	width: 262px;
	/*background: #cFc;*/
	float: left;
}

#col3 {
	width: 261px;
	float: left;
	margin-top: 50px;
	/*background: #EEE;*/
}


/* T E X T
************************************************************************************************/

h1 {
	font-size: 1em;	
	margin-bottom: 10px;
}
h2  {
	font-size: 1em;	
	margin-top: 10px;
}
.aquarius h2  {
	color: #B84C17;
}
.bad h2  {
	color: #1384B4;
}
.sauna h2  {
	color: #0AA551;
}

h3 {
	font-size: 1em;	
	margin-bottom: 10px;
}

p {
	x_margin-bottom: 10px;
}
a {
	font-weight: bold;
	color: #d46b27;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
a.aquarius {
	color: #B84C17;
}
a:hover.aquarius {
	color: #B84C17;
	text-decoration: underline;
}
a.bad {
	color: #1384B4;
}
a:hover.bad {
	color: #1384B4;
	text-decoration: underline;
}
a.sauna {
	color: #0AA551;
}
a:hover.sauna {
	color: #0AA551;
	text-decoration: underline;
}

ul {
	margin-left: 1.4em;
	margin-bottom: 1em;
}

img .right {
	float: right;
	margin: 0 0 10px 10px;
}

.table_aquarius td, 
.table_bad td, 
.table_sauna td {
	border-left: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	margin-left: 3px;
	margin-bottom: 3px;
	padding: 3px;
}

.table_aquarius td.hg20 {
	background: #f1dbd1;
}
.table_aquarius td.hg10 {
	background: #f8ede7;
}

.table_bad td.hg20 {
	background: #d0e6f0;
}
.table_bad td.hg10 {
	background: #e7f2f7;
}

.table_sauna td.hg20 {
	background: #e6f6ed;
}
.table_sauna td.hg10 {
	background: #e6f6ed;
}




.rot, .orange, .red {
	color: #B84C17;
}	
.gruen, .green {
	color: #0AA551;
}	
.blau, .blue {
	color: #1384B4;
}	
.blau_hell, .blue_light {
	background: #e7f2f7;
}	
.blau_top_line {
	border-top: 1px solid #1384B4;
}	

/* C O N T E N T  2    A K T U E L L E S
************************************************************************************************/

#col2.aktuelles h1 { 
	color: #73994c;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#col2.aktuelles .news img { 
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#col2.aktuelles .news img.border { 
	border: 1px solid #DDD;
}
#col2.aktuelles .news {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid #CCC;
}

/* B O X   F R E I Z E I T B A D  und  B O X   S A U N A G A R T E N
************************************************************************************************/

#box_freizeitbad div, #box_saunagarten div { 
	display: none;
}
#box_freizeitbad img, #box_saunagarten img { 
	margin-bottom: 10px;
}
#box_freizeitbad h3, #box_saunagarten h3 {
	color: #1384B4;
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
}
#box_saunagarten h3 {
	color: #0AA551;
}

#box_freizeitbad p.bildunterschrift, #box_saunagarten p.bildunterschrift { 
	margin-top: -10px;
	margin-bottom: 10px;
}

/* B O X   T E X T
************************************************************************************************/

#box_text h1 { 
	font-size: 1.2em;
	margin-bottom: 10px;
}
#box_text h2 { 
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
}
#box_text.aquarius h1 { 
	color: #B84C17;
}
#box_text.aquarius h2 { 
	color: #B84C17;
}
#box_text.bad h1 { 
	color: #1384B4;
}
#box_text.bad h2 { 
	color: #73994c;
}
#box_text.sauna h1 { 
	color: #0AA551;
}
#box_text.sauna h2 { 
	color: #73994c;
}

/* A U F Z Ä H L U N G E N */
#box_text.aquarius ul,
ul.aquarius,
#box_text.bad ul,
ul.bad,
#box_text.sauna ul,
ul.sauna { 
	list-style: none;
	list-style-image: url(../img/layout/icons/bullet_aquarius.gif);
	border: 0;
}
#box_text.bad ul, ul.bad { list-style-image: url(../img/layout/icons/bullet_bad.gif); }
#box_text.sauna ul, ul.sauna { list-style-image: url(../img/layout/icons/bullet_sauna.gif); }

* html #box_text.aquarius ul, 
* html ul.aquarius,
* html #box_text.bad ul, 
* html ul.bad,
* html #box_text.sauna ul, 
* html ul.sauna { 
	margin-left: 15px;
	border: 0;
	padding: 0;
}
li,
#box_text.aquarius li,
#box_text.bad li,
#box_text.sauna li { 
	margin: 0;
	border: 0;
	padding: 0;
}


/* B O X   B A U F O R T S C H R I T T
************************************************************************************************/

#box_baufortschritt { 
	margin-top: 24px;
}

#box_baufortschritt img { 
	border: 0;
}
#box_baufortschritt a { 
	display: block;
	margin-top: 10px;
	vertical-align: top;
	width: 116px;
	height: 142px; /* für IE */
	voice-family: "\"}\""; 
	voice-family:inherit;  
	height: 132px;
	background: url(../img/icon_lupe.gif) bottom left no-repeat;
}

/* B O X   T E A S E R
************************************************************************************************/

#box_teaser .aquarius h1,
#box_teaser .bad h1,
#box_teaser .sauna h1 {
	margin: 0;
	border: 0;
	padding: 10px 0 0 10px;
	height: 35px;
	color: #FFFFFF;
	font-size: 10px;
}
#box_teaser .aquarius h1 {
	background: url(../img/layout/teaser_header_aquarius.jpg);
}
#box_teaser .bad h1 {
	background: url(../img/layout/teaser_header_bad.jpg);
}
#box_teaser .sauna h1 {
	background: url(../img/layout/teaser_header_sauna.jpg);
}
#box_teaser .aquarius p,
#box_teaser .bad p,
#box_teaser .sauna p {
	margin: 10px 0 20px 0;
	font-size: 10px;
}

#box_teaser img { 
	border: 0;
}

#box_teaser .sauna a {
	color: #0AA551;
	text-decoration: none;
}
#box_teaser .sauna a:hover {
	color: #0AA551;
	text-decoration: underline;
}
#box_teaser .bad a {
	color: #1384B4;
	text-decoration: none;
}
#box_teaser .bad a:hover {
	color: #1384B4;
	text-decoration: underline;
}
#box_teaser .aquarius a {
	color: #B84C17;
	text-decoration: none;
}
#box_teaser .aquarius a:hover {
	color: #B84C17;
	text-decoration: underline;
}


/* B O X   V O R S C H A U
************************************************************************************************/

#box_vorschau { 
	margin-top: 24px;
}

#box_vorschau img { 
	border: 0;
	margin-bottom: 3px;

}
#box_vorschau a { 
}


/* P A G E   B A U F O R T S C H R I T T
************************************************************************************************/

.baufortschritt a img { 
	margin-right: 0px;
}
.baufortschritt p.headline { 
	padding: 0;
	margin: 0;
	margin-top: 10px;
}


/* B O X   T E R M I N E   
************************************************************************************************/

#termine {
	padding-top: 10px;
}

#termine h3, .termine h3 {
	color: #73994c;
	font-size: 1em;
	margin-top: 10px;
}

/* L I N K S
************************************************************************************************/
#links p {
	margin-top: 10px;
}


/* I M P R E S S U M    und    K O N T A K T
************************************************************************************************/

.impressum td, .kontakt td, .information td {
	font-size: 1em;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 20px;
}
.impressum table, .kontakt table, .information table {
	margin-top: 20px;
} 
#kontakt p {
	margin-top: 10px;
}

/* B O X   N E W S L E T T E R
************************************************************************************************/

#box_newsletter {
	margin-top: 20px;
	color: #555;
}
input.email_newsletter {
	width: 125px;
	voice-family: "\"}\""; 
	voice-family:inherit;  
	width: 133px;
	border: 1px solid #555;
	padding: 2px;
	margin-top: 5px;
}

input .senden {
	width: 139px;
	height: 20px;
	background: url(../img/layout/button_senden.gif);
	color: #FFFFFF;
	
}


/* S O N S T I G E S
************************************************************************************************/

.error {
	color: #FF0000;
	font-weight: bold;
}

/* M E N U   M A I N
***********************************************************************************************/

#menu_main {
	height: 26px;
}
#menu_main ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_main li {
	display: block;
	float: left;
	margin-right: 2px;
}
#menu_main li a:link,
#menu_main li a:visited  {
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	width: 135px;
	height: 26px;
	line-height: 23px;
}

#menu_main a.menu_point_1 { background: url(../img/layout/menu_main/menu_main_bg_1.jpg);}
#menu_main a:hover.menu_point_1, #menu_main #active a.menu_point_1 { background: url(../img/layout/menu_main/menu_main_bg_1_hover.jpg); }
#menu_main a.menu_point_2 { background: url(../img/layout/menu_main/menu_main_bg_2.jpg); }
#menu_main a:hover.menu_point_2, #menu_main #active a.menu_point_2 { background: url(../img/layout/menu_main/menu_main_bg_2_hover.jpg); }
#menu_main a.menu_point_3 { background: url(../img/layout/menu_main/menu_main_bg_3.jpg); }
#menu_main a:hover.menu_point_3, #menu_main #active a.menu_point_3 { background: url(../img/layout/menu_main/menu_main_bg_3_hover.jpg); }
#menu_main a.menu_point_4 { background: url(../img/layout/menu_main/menu_main_bg_4.jpg); }
#menu_main a:hover.menu_point_4, #menu_main #active a.menu_point_4 { background: url(../img/layout/menu_main/menu_main_bg_4_hover.jpg); }
#menu_main a.menu_point_5 { background: url(../img/layout/menu_main/menu_main_bg_5.jpg); }
#menu_main a:hover.menu_point_5, #menu_main #active a.menu_point_5 { background: url(../img/layout/menu_main/menu_main_bg_5_hover.jpg); }
#menu_main a.menu_point_6 { background: url(../img/layout/menu_main/menu_main_bg_6.jpg); }
#menu_main a:hover.menu_point_6, #menu_main #active a.menu_point_6 { background: url(../img/layout/menu_main/menu_main_bg_6_hover.jpg); }
#menu_main a.menu_point_7 { background: url(../img/layout/menu_main/menu_main_bg_7.jpg); }
#menu_main a:hover.menu_point_7, #menu_main #active a.menu_point_7 { background: url(../img/layout/menu_main/menu_main_bg_7_hover.jpg); }


/* M E N U   S U B
***********************************************************************************************/

#menu_sub {
	width: 139px;
	background: #dbdbdb;
	margin-top: -1px;
	padding-top: 20px;
}
#menu_sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_sub li {
	display: block;
	background: url(../img/layout/menu_sub/menu_sub_normal.gif);
}
#menu_sub li a:link,
#menu_sub li a:visited  {
	display: block;
	color: #555;
	text-decoration: none;
	height: 29px;
	line-height: 28px;
	padding-left: 24px; 
}
#menu_sub.aquarius li a:hover, 
#menu_sub.aquarius #active a {
	color: #FFF;
	background: url(../img/layout/menu_sub/menu_sub_hover_aquarius.gif);
}
#menu_sub.bad li a:hover, 
#menu_sub.bad #active a {
	color: #FFF;
	background: url(../img/layout/menu_sub/menu_sub_hover_bad.gif);
}
#menu_sub.sauna li a:hover, 
#menu_sub.sauna #active a {
	color: #FFF;
	background: url(../img/layout/menu_sub/menu_sub_hover_sauna.gif);
}