html, body {
	background-color:#93b97b;
	margin:0;
	padding:0;
	background-image:url(../images/_hgrd.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

h1,h2,h3,p,li,ul,td,tr {
	font-family:Arial, Helvetica, sans-serif;
	color:#282828;
}

ul {
	margin:0;
	padding:0;
}

#main_content li {
	font-size:12px;
	line-height:1.5em;
	list-style-type:square;
	margin-left:200px;
}

#main_content li.list {
	font-size:12px;
	line-height:1.5em;
	list-style-type:square;
	margin-left:50px;
}

#sub_content li {
	font-size:12px;
	line-height:1.5em;
	color:#fff;
	padding-left:205px;
	padding-right:20px;
	margin-left:250px;
	list-style-type:square;
}

#sub_content li a  {
	font-size:12px;
	line-height:1.5em;
	color:#fff;
	font-weight:300;
}

#sub_content li a:hover  {
	font-weight:300;
	text-decoration:underline;
}

h1 {
	font-size:18px;
	padding-top:20px;
	color:#496c32;
}

h2 {
	font-size:16px;
	color:#6b3d6c;
	font-weight:bold;
	text-align:left;
	padding-left:0px;
}

#sub_content_content h2 {
	text-align:center;
}

#start_drittel h2, #start_drittel h2 a {
	font-size:16px;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	color:#6b3d6c;
	padding:0;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

p {
	font-size:12px;
	line-height:1.5em;
	color:#282828;
	padding-left:30px;
}

p.start_box {
	text-align:center;
	padding:0 20px;
}

#sub_content p {
	color:#FFFFFF;
}

p.dunkelgrau {
	color:#282828;
	padding:0 20px;
}

p.nicht_fett {
	font-size:14px;
	line-height:1.4em;
	font-weight:300;
}

p.impressum {
	font-size:14px;
	line-height:1.4em;
	font-weight:bold;
}

p.kleiner {
	font-size:0.8em;
	font-weight:300;
}

p.rot_fett {
	color:#914586;
	font-weight:bold;
	font-size:16px;
}

.eng {
	letter-spacing:-1px;
	color:#00ffff;
	font-size:14px;
}

td, tr {
	font-size:12px;
	padding:2px;
	color:#282828;
	line-height:1.5em;
}

table {
	margin-left:50px;
	margin-top:-20px;
}

tr {
	height:25px;
}

a {
	color:#6b3d6c;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:hover {
	text-decoration:underline;
}

#text_box a:hover {
	text-decoration:underline;
}

#text_box a {
	text-decoration:none;
	color:#FF5e00;
}

.fett {
	font-weight:bold;
}

.rot {
	color:#990066;
}

.pics {
	padding-top:10px;
	padding-left:1px;
}

.pics_border {
	border:1px solid #000000;
}

p.footer {
	color:#FFFFFF;
}

p.formular_unten {
	font-size:12px;
	line-height:1.2em;
	color:#666666;
	font-weight:300;
}

input, select {
	border:1px solid #999999;
	background-color:#FFFFFF;
	font-size:14px;
	padding:3px;
}

input:focus {
	border:1px solid #999999;
	background-color:#E5E5E5;
}

.form_text {
	width:300px;
}

.form_plz {
	width:94px;
}

.form_ort {
	width:194px;
}

.form_tel {
	width:144px;
}

.form_anreise {
	width:110px;
}

.form_send {
	padding:4px;
	border:1px solid #fff;
	background:#6b3d6c;
	color:#FFFFFF;
}

.form_captcha {
	width:150px;
} 

.textarea_font {
	border:1px solid #999999;
	width:305px;
}

.footer_text {
	font-size:13px;
	line-height:1.2em;
	color:#333333;
	font-weight:300;
}
img.abstand {
	margin-bottom:10px;
}

.unter_bild {
	padding:3px;
	font-size:10px;
	background-color:#666666;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:178px;
	margin-left:7px;
}

.gruen {
	color:#006600;
}

.black {
	color:#000;
}


li.content {
	font-size:14px;
	line-height:2em;
	color:#666666;
	margin-left:45px;
}

/* Layout - Aufbau ***********************************************/

#top_top {
	height:20px;
	background-color:#496c32;
	width:100%;
}	

#header {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:355px;
	background-color:#fff;
	margin-top:65px;
	overflow:hidden;
	background-image:url(../images/_navigation_hgrd.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#wrapper {
	width:898px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	background-color:#FFFFFF;
	border-bottom:1px solid #6b3d6c;
	border-left:1px solid #6b3d6c;
	border-right:1px solid #6b3d6c;
	overflow:hidden;
}

#footer {
	background-image:url(../images/_footer_hgrd.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-top:-2px;
}

#footer_content {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	overflow:hidden;
}

#footer_content_box {
	float:left;
	width:260px;
	margin-left:30px;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	color:#FFFFFF;
}

#navigation {
	height:45px;
	background-repeat:no-repeat;
	width:880px;
	overflow:hidden;
	padding-top:3px;
}

ul.navigation_menu {
	position:relative;
	padding-top:14px;
	padding-left:15px;
	word-spacing:1px;
}

li.menu {
	display:inline;
	color:#4e4e4e;
	font-size:13px;
	padding:12px 8px 10px 8px;
	text-decoration:none;
}

/* ----------------------- Navigation */

#nav-home {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_willkommen.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 65px;
	width:100px;
	height:30px;
}

#nav-home:hover, #home #nav-home {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_willkommen_hover.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 65px;
	width:100px;
	height:30px;
}

#nav-ferienwohnung {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_fewo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 80px;
	width:100px;
	height:30px;
}

#nav-ferienwohnung:hover, #ferienwohnung #nav-ferienwohnung {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_fewo_hover.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 80px;
	width:100px;
	height:30px;
}

#nav-region {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_region.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 80px;
	width:100px;
	height:30px;
}

#nav-region:hover, #region #nav-region {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_region_hover.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 80px;
	width:100px;
	height:30px;
}
#nav-reservierung {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_reservierung.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 65px;
	width:100px;
	height:30px;
}

#nav-reservierung:hover, #reservierung #nav-reservierung {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_reservierung_hover.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 65px;
	width:100px;
	height:30px;
}

#nav-anreise {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_anreise.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 40px;
	width:100px;
	height:30px;
}

#nav-anreise:hover, #anreise #nav-anreise {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_anreise_hover.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 40px;
	width:100px;
	height:30px;
}

#nav-kontakt {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_kontakt.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 50px;
	width:100px;
	height:30px;
}

#nav-kontakt:hover, #kontakt #nav-kontakt {
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/nav_kontakt_hover.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:15px 50px;
	width:100px;
	height:30px;
}

#navigation li a span {
display: none;
}


/* ---------- Navigation  Ende ------- */

/*
li.menu a:hover, li.menu a:active, #home #nav-home, #it #nav-it, #unternehmen #nav-unternehmen, #adress #nav-adress, #consulting #nav-consulting, #kontakt #nav-kontakt, #downloads #nav-downloads, #it-meg-adress #nav-it, #it-meg-globe #nav-it, #it-meg-rental #nav-it, #it-meg-trade #nav-it, #it-netzwerk #nav-it, #it-weitere #nav-it {
	text-decoration:none;
	background-color:#FFFFFF;
	font-size:13px;
	padding:12px 6px 5px 6px;
	border-bottom:3px solid #00ffff;
}

#it-meg-globe #subnav-globe, #it-meg-rental #subnav-rental, #it-meg-trade #subnav-trade, #it-meg-adress #subnav-adress, #it-netzwerk #subnav-netzwerk, #it-weitere #subnav-weitere {
	font-weight:bold;
	text-decoration:underline;
}
*/

#content {
	margin:0 5px;
}

#head_bild {
	height:300px;
	z-index:1;
	margin-left:-1px;
}

.head_bild {
	width:888px; 
	height:300px; 
	overflow:hidden; 
	margin:0 7px 0 7px;;
}

#head_bild_text {
	filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75 ! important;
	position:relative;bottom:50px ! important;
	background-color:#000000;
	z-index:20 ! important;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	padding-top:18px;
	height:32px;
	margin:0 7px 0 7px;
}

#sub_content {
	width:200px;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
	background-image:url(../images/_sub_hgrd.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	height:100px;
}

#sub_content_content {
	width:200px;
	float:right;
	margin:0px 10px 0px 0px;
}

#sub_content_content1 {
	background-color:#fdc3ff;
	background-image:url(../images/_sub-content_hgrd.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding:10px 0;
}

#main_content {
	margin:0 0 10px 10px;
	width:570px;
	background-image:url(../images/_h1_hgrd.jpg);
	background-repeat:no-repeat;
	min-height:120px;
	padding-left:50px;
}

#start_drittel {
}

#start_mitte {
	width:275px;
	float:left;
	margin:10px 11px;
	height:225px;
	background-color:#fdc3ff;
}

#start_rechts {
	width:275px;
	float:right;
	margin:10px;
	height:225px;
	background-color:#fdc3ff;
}

#start_links {
	width:275px;
	float:left;
	margin:10px;
	height:225px;
	background-color:#fdc3ff;
}

#start_bild {
	width:260px;
	height:100px;
	margin:5px;
	background-color:#FFFFFF;
	padding:2px;
	border:1px solid #6b3d6c;
}

.start_weitere_box {
	width:120px;
	height:23px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	text-align:center;
	margin-left:160px;
	position:relative;bottom:2px; right:20px;

}

.start_weitere_box2 {
	width:120px;
	height:23px;
	background-color:#d5d5d5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	text-align:center;
	margin-left:160px;
	position:relative;bottom:-12px; right:20px;
}

.start_weitere_box3 {
	width:120px;
	height:23px;
	background-color:#FFF5EF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	text-align:center;
	margin-left:140px;
	position:relative;bottom:-13px;
}

.weitere_info_box a {
	width:140px;
	height:23px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	text-align:center;
	margin-right:20px;
	vertical-align:middle;
	font-weight:300;
	display:block;
}

.weitere_info_box_start_links a {
	width:120px;
	height:23px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	margin-right:20px;
	vertical-align:middle;
	font-weight:300;
	display:block;
	bottom:0;
}

.weitere_info_box_start_links a:hover {
	text-decoration:underline;
}
	
.weitere_info_box_start_mitte a {
	width:120px;
	height:23px;
	background-color:#d5d5d5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	margin-right:20px;
	vertical-align:middle;
	font-weight:300;
	display:block;
}

.weitere_info_box_start_mitte a:hover {
	text-decoration:underline;
}

.weitere_info_box_start_orange a {
	width:120px;
	height:23px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:12px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	margin-right:20px;
	vertical-align:middle;
	font-weight:300;
	display:block;
}

.weitere_info_box_start_orange a:hover {
	text-decoration:underline;
}

.weitere_info_box a:hover {
	background-color:#FF5e00;
	color:#FFF ! important; 
	text-decoration:none ! important;
}

#text_box {
	background:#d5d5d5;
	background-image:url(../images/ecke_grau.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:620px;
	margin-bottom:20px;
}


#content_left {
	width:645px;
	padding:0;
	overflow:hidden;
	min-height:460px;
}

#content_left_1_top {
	background-image:url(layout/content_links_1_top.jpg);
	background-repeat:no-repeat;
	height:13px;
}
#content_left_1_inhalt {
	background-image:url(layout/content_links_1_inhalt.jpg);
	background-repeat:repeat-y;
	min-height:200px;
	margin-top:-13px;
	padding-bottom:15px;
}
#content_left_1_bottom {
	background-image:url(layout/content_links_1_bottom.jpg);
	background-repeat:no-repeat;
	height:13px;
	background-position:center;
}

#cl_rechts {
	float:right;
	width:200px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
}

#cl_links {
	width:580px;
	padding-left:30px;
}

#content_right {
	width:200px;
	float:right;
}

#content_right_box_1 {
	background-image:url(layout/cr_box_1_1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:181px;
	width:200px;
	margin:0;
	margin-bottom:15px;
	margin-top:-15px;
}

#content_right_box_2 {
	background-image:url(layout/cr_box_2_1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:251px;
	width:200px;
	margin:0;
}

#content_right p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
}


.layout_bottom {
	height:12px;
	background-image:url(layout/layout_bottom.jpg);
	background-repeat:repeat-x;
	width:825px;
	margin-left:auto;
	margin-right:auto;
}


#footer_top {
	background-image:url(layout/footer_top_hgrd.jpg);
	background-repeat:no-repeat;
	height:10px;
}

#footer_bottom {
	background-image:url(layout/footer_bottom_hgrd.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:10px;
}

#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	color:#666666;
}

#footer_links {
	float:left;
	width:450px;
	padding-left:10px;
}

#footer_mitte {
	margin-left:500px;
}

#footer_rechts {
	float:right;
	width:200px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:300;
	font-size:11px;
}

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

#haftungsausschluss p {
	font-size:12px;
}

#inner_left {
	width:250px;
}

#inner_right {
	width:250px;
	float:right;
}

img.start_box {
	float:right;
	padding-left:2px;
	padding-bottom:2px;
	padding-top:5px;
}

#xtra_box {
	background-image:url(layout/xtra_box.jpg);
	background-repeat:no-repeat;
	width:360px;
	height:307px;
}

#xtra_box p {
	padding-top:60px;
	padding-left:60px;
	padding-right:30px;
}


/* Runde Ecken
***********************************************/

.box { 
  background: #fff;
  width:100%;
  margin-bottom:5px;
  color:#006600;
}

.box p {
	line-height:1em;
	margin-bottom:0;
	padding-bottom:0;
	color:#999999;
	font-size:11px;
	padding:0 3px 0 3px;
}

.boxtop { 

}
.boxtop div { 
  background: url(layout/start_TOP_border_oben.jpg) no-repeat top center;
  height: 12px;  
}
.boxbottom { 
  background: url(layout/border_ur.jpg) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  background: url(layout/start_TOP_border_unten.jpg) no-repeat bottom;
  height: 12px;  
}

.boxcontent {
  padding: 0px 5px 0px 9px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  background: url(layout/start_TOP_border_mitte.jpg);
  background-repeat:repeat-y;
  background-position:center;
  min-height:100px;
  font-size:18px;
  font-weight:300;
  overflow:hidden;
}

h2.content_right_box  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:300;
	color:#000;
	padding-left:50px;
	padding-top:40px;
}

div.box_fade p {
	padding-left:25px;
	padding-right:8px;
}

#start_slider {
	min-height:353px;
}

#start_TOP_3_links {
	width:201px;
	float:left;
	margin-left:1px;
}

#start_TOP_3_mitte {
	width:200px;
	margin-left:222px;
	margin-right:222px;
}

#start_TOP_3_rechts {
	width:200px;
	float:right;
	margin-right:1px;
}

/* formular
***********************************************/

#captcha {
	border:1px solid #999999;
	background-color:#f9f3fe;
	padding:20px;
	text-align:center;
}




/* ================================================================ 
NAVIGATION
=================================================================== */

.nav {
height:80px; 
background: url(layout/menu_top_hrgd.jpg) no-repeat; 
position:relative;
background-position:center top; 
font-family:arial, verdana, sans-serif; 
font-size:13px; 
width:863px; 
z-index:500;
color:#4e4e4e;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
color:#4e4e4e;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
color:#fff;
}

.nav .select a {
display:block; 
height:31px; 
float:left; 
background: url(pro_line_0.gif); 
padding:0 20px;; 
text-decoration:none; 
line-height:31px; 
white-space:nowrap; 
color:#fff;
}

.nav .current a {
display:block; 
height:31px; 
float:left; 
background:url(layout/menu_top_hover.jpg);
background-repeat:repeat-x;
text-decoration:none; 
line-height:31px; 
white-space:nowrap; 
color:#000;
padding:0 20px;; 
}

/*
.nav .current a b {
display:block; 
padding:0 20px;; 
background:url(pro_line_2.gif) right top;
color:#000;
}
*/

.nav .select a:hover, 
.nav .select li:hover a {
background:url(layout/menu_top_hover.jpg);
background-repeat:repeat-x;
cursor:pointer; 
color:#000;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
cursor:pointer;
color:#000;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
color:#fff;

}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#fff;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:840px; 
top:30px; 
background:url(layout/menu_sub_hrgd.jpg);
background-position:center;
padding:0;
z-index:100; 
left:0; 
text-align:center;
color:#fff;
height:26px;
margin-left:10px;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
font-size:11px;
font-weight:300;
color:#fff;
}

.nav .current .sub li.sub_show a {
color:#fff; 
cursor:default; 
background:url(menus/back_1.gif);
font-weight:bold;
text-decoration:underline;}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#fff; 
background:url(menus/back_1.gif);
text-decoration:underline;
}



/* ================================================================ 
KONTAKT-BUTTON
=================================================================== */

a#kontakt_button {
	top: 25%;
	right: -2pt;
	width: 46px;
	height: 182px;
	color: #ffffff;
	cursor: pointer;
	text-indent: -100000px;
	overflow-x: hidden;
	overflow-y: hidden;
	position: fixed;
	z-index: 100000;
	margin-left: -7px;
	background-image:url(layout/kontakt_button.jpg);
	background-repeat:no-repeat;
}

a#kontakt_button:hover {
	margin-right: 2px;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(images/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

.rechts {
	float:right;
	padding-right:20px;
}

.mainFormError {	
	background-color: #fadadd;
	width:300px;
}

#bild {
	width:150px;
	/*
	height:1200px;
	float:left;
	*/
	padding-left:25px;
	margin-right:10px;
}

.galerie_bild {
	margin-bottom:20px;
	border:1px solid #6b3d6c;
	height:90px;
	width:150px;
	overflow:hidden;
}


