/* v1.0 | 20080212 */
#favorites
{
 width: 200px;
 float:right;
 text-align: right;
 padding-right: 10px;
}
#favorites a
{
 color:white;
}

html, body, div, span, applet, object, iframe, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../images/bg.jpg); background-color: #edecd9; background-repeat: repeat-x; }

#flash img { border: solid 1px #375d81; padding: 1px;}

p { padding-left: 10px; line-height: 1.3; }
p a { color: #375d81; text-decoration: none; }
p a:hover { color: #ffa200; text-decoration: underline; }


h1 { color: white; font-size: 20px; margin: 0; padding: 0; padding-left: 10px; padding-top: 7px; letter-spacing:-1px; }

h1 a { color: white; text-decoration: none;}
h1 a:hover { text-decoration: underline;}
h2 { font-size: 16px; margin: 0; padding: 0; font-weight: bold; }

.size10 {font-size: 10px;}
.size12 {font-size: 12px;}
.size14 {font-size: 14px;}
.size16 {font-size: 16px;}
.size18 {font-size: 18px;}
.size20 {font-size: 20px;}


#page-container { width: 960px; height: auto; margin: 0 auto; background-color: white; border: solid 1px #484848; }
#header { width: 960px; height: 120px; background-image: url(../images/header.jpg) }
#navigation { width: 960px; height: 37px; margin-bottom: 10px; }
#navigation ul { width: 960px; height: 37px; background-image: url(../images/nav_bg.jpg); background-repeat: repeat-x; }
#navigation ul li { height: 37px; list-style-type: none; float: left; border-right: 1px solid #363636; }
#navigation ul li a { color: black; display: block; height: 37px; text-decoration: none; padding-left: 20px; padding-right: 20px; padding-top: 12px; }
#navigation ul li a:hover { background-image: url(../images/nav_bg_over.jpg); background-repeat: repeat-x;  }

#left-column { width: 220px; height: auto; margin: 10px; float: left; }
.left-outline { width: 218px; height: auto; background-color: white; border: solid 1px #375d81; margin-bottom: 10px; }
.left-item { width: 216px; height: auto; margin: 1px; background-color: #e1e6fa; background-repeat: repeat-x; }
.left-item p { padding: 10px; }
.left-item p a img { margin: -10px; }
.left-headline { width: 216px; height: 36px; background-image: url(../images/headline_bg.jpg) ; background-repeat: repeat-x; border-bottom: 1px solid #375d81; }
.picture-headline { width: 216px; height: 45px; background-image: url(../images/picture_headline.jpg) ; background-repeat: repeat-x; border-top: 1px solid #375d81; padding-top: 7px; }
.frakr { font-size: 11px; text-align: right; }
.floatright { float: right; margin-right: 10px; }
.floatleft { float: left;  }

#destination-nav {}
#destination-nav ul { width: 214px; height: auto; border: solid 1px #abc8e2; }
#destination-nav ul li { height: 25px; list-style-type: none; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
#destination-nav ul li a { height: 18px; color: black; display: block; text-decoration: none; padding-left: 10px; padding-top: 7px; }
#destination-nav ul li a:hover { background-color: #ffca10; }


#main-column { width: 700px; height: auto; margin: 10px; float: left; }
#main-column-full { width: 960px; height: auto; margin: 10px; float: left; }
#main-top { width: 700px; height: auto; }
#main-bottom { width: 700px; height: auto; }
.left { float: left; width: 460px; }
.right { float: right; width: 220px; }
.right-outline { width: 218px; height: auto; background-color: white; border: solid 1px #375d81; margin-bottom: 10px;  }
.right-item { width: 216px; height: auto; margin: 1px; background-color: #e1e6fa; background-repeat: repeat-x; }
.right-item p { padding: 10px; }
.right-headline { width: 216px; height: 36px; background-image: url(../images/headline_bg.jpg) ; background-repeat: repeat-x; border-bottom: 1px solid #375d81; }
.flash-element { width: 460px; height: 150px; background-color: black; float: left; margin-bottom: 10px; }
.brown-outline { width: 460px; height: auto; background-color: white; border: solid 1px #b6b697; margin-bottom: 10px; float: left; }
.brown-item { width: 458px; height: auto; margin: 1px; background-color: #ecead7; background-repeat: repeat-x; }
.brown-item p { padding: 10px; }
.brown-headline { width: 458px; height: 36px; background-image: url(../images/brownheadline_bg.jpg) ; background-repeat: repeat-x; border-bottom: 1px solid #b6b697; }
.brown-headline h1 { color: black; float: left; }
.icon { float: left; padding-left: 10px; padding-top: 3px; }
.brownlarge-outline { width: 700px; height: auto; background-color: white; border: solid 1px #b6b697; margin-bottom: 20px; float: left;  }
.brownlarge-headline { width: 698px; height: 36px; background-image: url(../images/brownheadline_bg.jpg) ; background-repeat: repeat-x; border-bottom: 1px solid #b6b697; margin: 1px;}
.brownlarge-headline h1 { color: black; float: left; }
.brownlarge-content { width: 698px; height: auto; margin: 1px; background-color: #ecead7; background-repeat: repeat-x; }
.brownlarge-outline-full { width: 940px; height: auto; background-color: white; border: solid 1px #b6b697; margin-bottom: 20px; float: left;  }
.brownlarge-headline-full { width: 938px; height: 36px; background-image: url(../images/brownheadline_bg.jpg) ; background-repeat: repeat-x; border-bottom: 1px solid #b6b697; margin: 1px;}
.brownlarge-headline-full h1 { color: black; float: left; }
.brownlarge-content-full { width: 938px; height: auto; margin: 1px; background-color: #ecead7; background-repeat: repeat-x; }
#main-column li { margin-left: 45px; list-style-type: disc;  }
.brownlarge-content p { padding: 10px; }
.brownlarge-content table tbody { padding: 10px; }
.iframe { margin: 10px; border: solid 1px #b6b697; }

#hoteller {  }
#hoteller ul { width: 678px; height: auto; background-color: #ecead7; padding: 10px; float: left; }
#hoteller ul li { width: 300px; height: auto; list-style-type: none; float: left; background-color: white; margin: 7px; border: 1px solid #abc8e2; padding: 10px; }
#hoteller ul li a { color: black; display: block; text-decoration: none; padding: 5px; margin-top: 5px; background-color: #e1e6fa; }
#hoteller ul li a:hover { background-color: #ffca10; }
#hoteller ul li h1 a { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #ffa200; background-color: white; margin-left: -15px; margin-top: -10px; }
#hoteller ul li h1 a:hover { background-color: white; text-decoration: underline; }

.hotel { width: 300px; float: left; margin-bottom: 10px; }
.hotelimage { float: left; }
.description { float: left; margin-left: 20px; }
.name { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #ffa200; }
.city { padding-bottom: 2px; }
.citycity { padding-bottom: 2px; font-weight: bold; }
.clearleft { clear: left; }

#footer-outline { width: 940px; height: 37px; background-color: white; float: left; border: solid 1px #484848; margin: 10px; }
#footer { width: 938px; height: 25px; background-color: #c31319; float: left; margin: 1px; color: white; text-align: center; padding-top: 10px}
#footer a { color: white; text-decoration: none; }
#footer a:hover { color: grey; text-decoration: underline; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
























































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
font-size: 16px; margin: 0; padding: 0; font-weight: bold;  padding-left: 10px;
}

.size10 {
font-size: 10px;
}

.size12 {
font-size: 12px;
}

.size14 {
font-size: 14px;
}

.size16 {
font-size: 16px;
}

.size18 {
font-size: 18px;
}

.size20 {
font-size: 20px;
}


