/*	==================================================================
//	FARBEN
// ==================================================================
Blau - dunkel			(TopNavi BG und Schrift)		#105aa1
Blau - mittel			(Trenner)							#8c98c5
Blau - hell				(Teaser-Header BG)				#dfe2f1
Blau - superhell		(SubNavi & Teaser-Content BG)	#eff0f7
Grün						(Header und ON)					#2b8e2f
Weiß						(TopNavi Schrift)					#ffffff
// --------------------------------------------------------------- */



/*	==================================================================
//	AUFTEILUNG
// ==================================================================
Gesamtbreite immer:
	750px

Standardspacer immer:
	10px

Seite mit SubNavi:
	sn:	5 + 165 + 5 = 175px
	c:		20 + 530 + 20 = 570px
	sep:	5px
// --------------------------------------------------------------- */




/* ------------------------------------------------------------------
//	Standardschrift
// --------------------------------------------------------------- */
body,td,input,button,select,option,textarea,p,a,div
{
	font-family:Arial;
	font-size:13px;
	color:#105aa1;
}
a:hover
{
	color:#2b8e2f;
}


/* ------------------------------------------------------------------
//	Body
// --------------------------------------------------------------- */
body
{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}



/* ------------------------------------------------------------------
//	Header mit Logo und TopNavi
// --------------------------------------------------------------- */
table.header
{
	width: 750px;
}
td.logo
{
	width: 750px;
	height: 150px;
	background-color: #eff0f7;
	background-image: url(../img/logo_waldemar_viol.gif);
}
td.tn
{
	background-color:#105aa1;
	color:#ffffff;
	font-weight:bold;
}



/* ------------------------------------------------------------------
//	Haupttabelle mit SubNavi und Content
// --------------------------------------------------------------- */

/* Tabelle um sn und c */
table.cfs
{
	width: 750px;
	border-top: 5px #8c98c5 solid;
}

/* Zelle mit sn */
td.sn
{
	width: 175px;
	vertical-align: top;
	background-color: #eff0f7;
}

/* Absatz in sn */
div.sn_separator
{
	width: 175px;
	height: 2px;
	background-color: #8c98c5;
}
div.sn,div.sn_on
{
	width: 140px;
	padding: 5px 5px 5px 30Px;
}
div.sn_on
{
	background: url(../img/sn_bg_on.gif);
	background-repeat: no-repeat;
}
div.ssn,div.ssn_on
{
	width: 120px;
	padding: 0px 5px 0px 50px;
}
div.ssn_on
{
	background: url(../img/ssn_bg_on.gif);
	background-repeat: no-repeat;
}
a.sn,a.sn_on
{
	font-weight: bold;
	text-decoration: none;
}
a.ssn,a.ssn_on
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.sn:hover,a.sn_on:hover,a.ssn:hover,a.ssn_on:hover
{
	text-decoration: underline;
}
a.sn_on,a.ssn_on
{
	color: #2b8e2f;
	text-decoration: none;
}




/* Zelle mit c */
td.c
{
	width: 530px;
	padding: 20px;
	vertical-align:top;
	background-color:#ffffff;
}

/* Zelle mit c + Mindest-Höhe */
td.c_height
{
	width: 530px;
	padding: 20px;
	vertical-align:top;
	background-color:#ffffff;
	height:340px; 
}

/* Tabelle in der Zelle mit c */
table.c
{
	width: 530px;
}


/* Spalte mit Text in c */
td.c_col_txt
{
	vertical-align:top;
}

/* Spalte mit Bildern in c */
td.c_col_img
{
	vertical-align:top;
}

/* Absatz in c */
div.c
{
	margin-bottom:10px;
}

/* Absatz mit Spacer in c */
div.c_spacer
{
	width:10px;
	height:10px;
}

/* Zelle mit rechter Abschlusslinie */
td.separator,div.separator
{
	width: 5px;
	background-color:#dfe2f1;
}

/* Horizontale Linie */

div.hr
{
	width: 100%;
	height : 2px;
	margin: 6px 0px 9px 0px;
	background-color : #dfe2f1;
}

/* Spalte mit Teaser */
td.c_col_ts
{
	width: 275px;
	vertical-align: top;
	background-color: #eff0f7;
}



/* ------------------------------------------------------------------
// Typo
// --------------------------------------------------------------- */
div.header
{
	font-size: 20px;
	font-weight: bold;
	color: #2b8e2f;
	margin-bottom:10px;
}
div.headline
{
	font-size: 15px;
	font-weight: bold;
}
div.headline_italic
{
	font-size: 16px;
	font-style: italic;
}


.header_ts
{
	padding: 5px;
	background-color: #dfe2f1;
	font-size: 20px;
	font-weight: bold;
	color: #2b8e2f;
}
.headline_ts
{
	padding-left: 20px;
	background-image: url(../img/bullet_blue_headline.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
}
.content_ts
{
	padding: 5px;
	font-size: 12px;
}
.spacer_ts
{
	height:10px;
}
.separator_ts
{
	height:2px;
	background-color: #dfe2f1;
}

/* Zeile mit More-Link im Teaser */
.link_ts
{
	text-align:right;
}


/* Liste mit Dreieck */
li
{
	list-style-image:url(../img/bullet_blue_li.gif);
	margin-left:10px;
}

/* Formular auf der Seite "Kontakt" */
.form_text
{
	width: 300px;
	border: 1px #105aa1 solid;
}
.form_textarea
{
	width: 300px;
	height: 150px;
	border: 1px #105aa1 solid;
}
.form_checkbox
{
}
.form_button
{
	width: 200px;
	background-color: #dfe2f1;
	border: 1px #105aa1 solid;
}


/* Tabelle mit Reisen */
.voyage_a
{
	padding:5px;
	background-color: #eff0f7;
	font-size:12px;
}
.voyage_b
{
	padding:5px;
	background-color: #ffffff;
	font-size:12px;
}
.voyage_c
{
	padding:5px;
	text-align:center;
	background-color: #eff0f7;
	font-size:12px;
}
.voyage_d
{
	padding:5px;
	text-align:center;
	background-color: #dfe2f1;
	font-size:12px;
}


/* ------------------------------------------------------------------
//	Footer
// --------------------------------------------------------------- */
table.footer
{
	width: 750px;
	background-color: #eff0f7;
}
a.footer
{
	color: #8c98c5;
	font-size:10px;
	text-decoration:none;
	padding:5px;
}