/* ---------------------------------------------------------- */
/* StyleSheet fuer http://www.smaland-ferienhaus.de/          */
/* Version Screen (smaland1.css)                              */
/*                                                            */
/* Copyright (c) 2004-2005 by JAB-Design, www.jab-design.de   */
/* ---------------------------------------------------------- */

a,body,h1,h2,h3,h4,h5,h6,input,li,p,select,td,textarea,th,ul
{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

body
{
	color: #000000;
	font-size: 90%;
	background-color: #FFFFFF;
}

h2
{
	font-size: 130%;
}

h2.neg
{
	font-size: 130%;
	color: #FFCC00;
	background-color: #990000;
	padding: 0 0 0 3px;
	border-color: #990000;
	border-width: 3px;
	border-style: solid;
}

h2.orange
{
	font-size: 130%;
	color: #990000;
	background-color: #FFCC00;
	padding: 0 0 0 3px;
	border-color: #FFCC00;
	border-width: 3px;
	border-style: solid;
}

h3
{
	font-size: 100%;
}

h3.neg
{
	font-size: 100%;
	color: #FFCC00;
	background-color: #990000;
	padding: 0 0 0 3px;
	border-color: #990000;
	border-width: 3px;
	border-style: solid;
}

h3.orange
{
	font-size: 100%;
	color: #990000;
	background-color: #FFCC00;
	padding: 0 0 0 3px;
	border-color: #FFCC00;
	border-width: 3px;
	border-style: solid;
}

h4
{
	font-size: 8.5pt;
	line-height: 10.5pt;
	border-bottom: black;
	border-width: 0 0 1px 0;
	border-style: none none dashed none;
	padding: 0 0 3px 0;
}

h4.neg
{
	font-size: 80%;
	color: #FFCC00;
	background-color: #990000;
	padding: 0 0 0 3px;
	border-color: #990000;
	border-width: 3px;
	border-style: solid;
}

h4.orange
{
	font-size: 80%;
	color: #990000;
	background-color: #FFCC00;
	padding: 0 0 0 3px;
	border-color: #FFCC00;
	border-width: 3px;
	border-style: solid;
}

hr
{
	color: #990000;
	background-color: transparent;
	border-width: 0 0 1px 0;
	border-style: solid;
}

.news_head
{
	font-size: 85%;
}

.news_small
{
	font-size: 80%;
}

.news_text
{
	font-size: 80%;
}

.news_text_links
{
	font-size: 80%;
	padding: 0 8px 8px 8px;
}

.fliesstext
{
	font-size: 8.5pt;
	line-height: 10.5pt;
	margin: 0 0 8pt 0;
}

div.fliesstext ul li
{
	font-size: 8.5pt;
}

.backweiss
{
	background-color: #FFFFFF;
}

.weiss
{
	color: #FFFFFF;
}

p.small
{
	font-size: 7.5pt;
	line-height: 9.5pt;
	padding: 0 8px 8px 8px;
}

p.text
{
	font-size: 8.5pt;
	line-height: 10.5pt;
}

.center
{
	text-align: center;
}

td
{
	font-size: 80%;
}

td.small
{
	font-size: 70%;
}

th
{
	font-size: 80%;
}

td.head,td.head1,td.head2,td.head3,td.head4,td.head5,td.head6,td.head7,td.head8,td.head9,td.head10,td.head11,td.head12,td.head13,td.head14,td.head15
{
	color: #000000;
	font-weight: bold;
	font-size: 90%;
}

td.dotline_li
{
	background-image: url(bilder/dotline_li.gif);
}

td.dotline_re
{
	background-image: url(bilder/dotline_re.gif);
}

td.head
{
	border: 1px solid #EA6567;
}

td.head1 { background-color: #C999C1; }

td.head2 { background-color: #EA6567; }

td.head3 { background-color: #BFD265; }

td.head4 { background-color: #9FB6D5; }

td.head5 { background-color: #86AA88; }

td.head6 { background-color: #F4BB85; }

td.head7 { background-color: #FBD779; }

td.head8 { background-color: #CDCCE4; }

td.head9 { background-color: #FFFFFF; }

td.head10 { background-color: #F2E644; }

td.head11 { background-color: #F4B5C3; }

td.head12 { background-color: #BFD1C2; }

td.head13 { background-color: #C6AC86; }

td.head14 { background-color: #8BC4E7; }

td.head15 { background-color: #C7DC98; }

td.head
{
	background-color: #FFCC99;
	color: #000000;
	font-weight: bold;
	font-size: 90%;
	border: 1px solid #EA6567;
}

th.head
{
	background-color: #EA6567;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	border: 1px solid #000000;
}

th.info
{
	background-color: #ADC0FF;
	color: #000000;
	border: 1px solid #4583C0;
}

td.info
{
	background-color: #D2DCFC;
	color: #000000;
}

td.header
{
	background-color: #9BBCE4;
	color: #000000;
}

th.header
{
	background-color: #9BBCE4;
	color: #000000;
}

td.left { background-color: #B5C6FF; }

td.left1 { background-color: #C999C1; }

td.left2 { background-color: #EA6567; }

td.left3 { background-color: #BFD265; }

td.left4 { background-color: #9FB6D5; }

td.left5 { background-color: #86AA88; }

td.left6 { background-color: #F4BB85; }

td.left7 { background-color: #FBD779; }

td.left8 { background-color: #CDCCE4; }

td.left9 { background-color: #FFFFFF; }

td.left10 { background-color: #F2E644; }

td.left11 { background-color: #F4B5C3; }

td.left12 { background-color: #BFD1C2; }

td.left13 { background-color: #C6AC86; }

td.left14 { background-color: #8BC4E7; }

td.left15 { background-color: #C7DC98; }



td.right { background-color: #DACDDA; }

td.right1 { background-color: #E3CDE2; }

td.right2 { background-color: #F6B9B1; }

td.right3 { background-color: #E0E9B8; }

td.right4 { background-color: #D0DAEA; }

td.right5 { background-color: #C6D4C3; }

td.right6 { background-color: #FADEC2; }

td.right7 { background-color: #FDEBC0; }

td.right8 { background-color: #E6E5F1; }

td.right9 { background-color: #FFFFFF; }

td.right10 { background-color: #F9F3B0; }

td.right11 { background-color: #FADCE2; }

td.right12 { background-color: #E0E8E0; }

td.right13 { background-color: #E2D4C1; }

td.right14 { background-color: #CAE2F3; }

td.right15 { background-color: #E4EECE; }



td.haus1,td.haus2,td.haus3,td.haus4,td.haus5,td.haus6,td.haus7,td.haus8,td.haus9,td.haus10,td.haus11,td.haus12,td.haus13,td.haus14,td.haus15
{
	color: #000000;
	font-weight: bold;
	font-size: 90%;
}

td.haus { background-color: #DACDDA; }

td.haus1 { background-color: #DAD0DA; }

td.haus2 { background-color: #F2A1A4; }

td.haus3 { background-color: #D8E4A3; }

td.haus4 { background-color: #C4D2E5; }

td.haus5 { background-color: #B6D6B7; }

td.haus6 { background-color: #ECCD9E; }

td.haus7 { background-color: #FCE6AE; }

td.haus8 { background-color: #EBEBF7; }

td.haus9 { background-color: #FFFFFF; }

td.haus10 { background-color: #F2E644; }

td.haus11 { background-color: #F4B5C3; }

td.haus12 { background-color: #BFD1C2; }

td.haus13 { background-color: #C6AC86; }

td.haus14 { background-color: #8BC4E7; }

td.haus15 { background-color: #C7DC98; }



td.odd { background-color: #E2E2E2; }
td.even { background-color: #F2F2F2; }

td.weiss { background-color: #FFFFFF; }


/* Anker-Pseudo-Klasse Standard (Links) */

a:link
{
	text-decoration: underline;
	color: #990000;
}

a:visited
{
	text-decoration: underline;
	color: #990000;
}

a:active
{
	text-decoration: underline;
	color: #FF0000;
}

a:hover
{
	text-decoration: underline overline;
	color: #990000;
	background-color: #FFCC00;
}

/* Zweite Anker-Pseudo-Klasse .weiss (Links) */

a.weiss:link
{
	text-decoration: underline;
	color: #FFFFFF;
}

a.weiss:visited
{
	text-decoration: underline;
	color: #FFFFFF;
}

a.weiss:active
{
	text-decoration: underline;
	color: #FF0000;
}

a.weiss:hover
{
	text-decoration: underline overline;
	color: #FFFFFF;
	background-color: #000000;
}

/* Dritte Anker-Pseudo-Klasse .schwarz (Links) */

a.schwarz:link
{
	text-decoration: underline;
	color: #000000;
}

a.schwarz:visited
{
	text-decoration: underline;
	color: #666666;
}

a.schwarz:active
{
	text-decoration: underline;
	color: #999999;
}

a.schwarz:hover
{
	text-decoration: underline overline;
	color: #FFFFFF;
	background-color: #000000;
}

/* Vierte Anker-Pseudo-Klasse .schwarzmenu (Links) */

a.schwarzmenu:link
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

a.schwarzmenu:visited
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.schwarzmenu:active
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.schwarzmenu:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.img, a.img:link, a.img:visited, a.img:active, a.img:hover
{
	text-decoration: none;
	background-color: transparent;
}

/* Formularfelder */

input.image
{
	margin: 0;
	padding: 0;
	border-width: 0;
}

input
{
	border-style: groove;
	background-color: #F1F1F1;
	color: #000000;
}

input.send
{
	border-style: groove;
	background-color: #F1F1F1;
	color: #000000;
}

select
{
	border-style: groove;
	background-color: #F1F1F1;
	color: #000000;
}

textarea
{
	border-style: groove;
	background-color: #F1F1F1;
	color: #000000;
	font-size: 11px;
}

/* Sonstige Buttons */

.anfragebutton
{
	border-style: solid;
	background-color: #FFCC00;
	color: #990000;
	border-color: 990000;
	border-width: 1px;
	padding: 2px;
}






table.def { background-color: #dce2f2; }

leer
{
	color: #adb4be;
	font-size: 11px;
	font-family: arial;
}

td.kopf
{
	font-size: 11px;
	font-family: arial;
	background-color: #ddd;
}

td.eingabe1
{
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
	background-color: #ffffff;
}

td.eingabe2
{
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
	background-color: #ffffff;
	text-align: center;
}

td.eingabe3
{
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
	background-color: #def2ff;
	text-align: center;
}

td.ausgabe1  /* Bsp. 30 Februar */
{
	background-color: #FFFFFF;
}

td.ausgabe2  /* Nicht belegt */
{
	background-color: #070;
}

td.ausgabe3  /* Belegt */
{
	background-color: #E00;
}

td.ausgabe4  /* Anreise */
{
	background-color: #DDD;
	background-image: url(http://www.smaland-ferienhaus.de/haeuser/zibepla/images/li_tr-re_ro.gif);
	background-position: center center;
}

td.ausgabe5  /* Abreise */
{
	background-color: #DDD;
	background-image: url(http://www.smaland-ferienhaus.de/haeuser/zibepla/images/li_ro-re_tr.gif);
	background-position: center center;
}

td.ausgabe6  /* Reserviert */
{
	background-color: #FF0;
}

td.ausgabe7  /* Reserviert Anreise */
{
	background-color: #DDD;
	background-image: url(http://www.smaland-ferienhaus.de/haeuser/zibepla/images/li_tr-re_ge.gif);
	background-position: center center;
}

td.ausgabe8  /* Reserviert Abreise */
{
	background-color: #DDD;
	background-image: url(http://www.smaland-ferienhaus.de/haeuser/zibepla/images/li_ge-re_tr.gif);
	background-position: center center;
}

td.ausgabe9  /* Uebergang Reserviert - Belegt */
{
	background-color: #DDD;
	background-image: url(http://www.smaland-ferienhaus.de/haeuser/zibepla/images/li_ge-re_ro.gif);
	background-position: center center;
}

td.ausgabe10  /* Uebergang Belegt - Reserviert */
{
	background-color: #DDD;
	background-image: url(http://www.smaland-ferienhaus.de/haeuser/zibepla/images/li_ro-re_ge.gif);
	background-position: center center;
}



/* Appearance of the Calendar-Modul */

.calendar
{
	width: 180px;
	height: 180px;
	font-size: 140%;
}

.calendar .headline
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #990000;
	border-color: black;
	border-width: 1pt;
	border-style: solid;
}

.calendar .headline A:link
{
	color: #000000;
	text-decoration: none;
}

.calendar .headline A:visited
{
	color: #000000;
	text-decoration: none;
}

.calendar .headline A:hover
{
	color: #000000;
	text-decoration: none;
}

.calendar .headline .today_select
{
	background-color: #FFCC00;
	border-top: 1pt solid Black;
	font-weight: normal;
	text-align: center;
	text-decoration: underline;
}

.calendar .overview
{
	background-color: #FFF2BE;
	text-align: center;
	border-left: black;
	border-right: black;
	border-bottom: black;
	height: 100%;
	width: 100%;
	border-width: 0 1pt 1pt 1pt;
	border-style: none solid solid solid;
}

.calendar .overview .last_month { color: #CCCCCC; }
.calendar .overview .next_month { color: #CCCCCC; }

.calendar .overview #today
{
	color: #990000;
	background-color: #FFCC00;
}

.calendar .overview #selected
{
	color: #FFFFFF;
	background-color: #FF0000;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .dayname
{
	background-color: #FFF2BE;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .reserved
{
	font-weight: bold;
	text-decoration: underline;
}

.qs_months, .qs_prev_years, .qs_next_years
{
	zindex: 1000;
	position: absolute;
	width: 50px;
	background-color: #77AADD;
	border: 1pt solid Black;
	padding-left: 5px;
	padding-right: 5px;
	visibility: hidden;
}

.qs_months table A, .qs_prev_years table A, .qs_next_years table A
{
	display: block;
	width: 30px;
	text-decoration: none;
	color: black;
}

.qs_months table A:hover, .qs_prev_years table A:hover, .qs_next_years table A:hover
{
	display: block;
	width: 30px;
	background-color: red;
	color: white;
}


/* Aktionsmodul auf der Startseite */

.indexaktion
{
	width: 100%;
	border-color: #990000;
	border-width: 2pt;
	border-style: solid;
}

.aktionorange
{
	font-size: 100%;
	font-weight: bold;
	color: #990000;
	background-color: #FFCC00;
	border-color: #FFCC00;
	border-width: 6px;
	border-style: solid;
}

.aktion
{
	font-size: 100%;
	color: #990000;
	padding: 6px;
}

.aktionbild
{
	margin: -6px 6px 3px 0px;
	position: relative;
	top: -6px;
}

/* Weisse Texte */
.textwhite
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal;
}


/* Bilder-Klassen */

img.kleinrechts_galerie
{
	border: 1px solid black;
	margin: 3px 10px -10px 0px;
	position: relative;
	float: right;
}

img.kleinrechts
{
	border: 1px solid black;
	margin: 0px 0px 15px 15px;
	position: relative;
	float: right;
}

img.kleinlinks
{
	border: 1px solid black;
	margin: 0px 15px 15px 0px;
	position: relative;
	float: left;
}

img.lupe
{
	top: 5px;
	left: -15px;
	top: -15px;
	position: relative; 
	float: right;
}

* html img.lupe
{
	left: 0px;
}

.galeriecaption
{
	color: #990000;
	width: 220px;
	border: 1px solid #ffcc00;
	background-color: #fff2be;
	padding: 5px 0px 0px 12px;
	margin: 0px 0px 15px 15px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	float: right;
}