@charset "utf-8";
/*
	created by: Klaus Hoermann <klaus@3b-solutions.net>
	created for: 
	Client: 
	Description: Global Style Sheet
	Copyright: (C) 3B-Solutions Klaus Hoermann 2010
*/


/********************************************************************/
/* HTML */

/* html tag */
html {
	height:100%;
	margin-bottom:1px;
}


/********************************************************************/
/* BODY */

/* body tag */
body {
	background-color:#BEC552;
	color:#981134;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:100%;
	margin:0;
	padding:0;
}

/* general link color */
a {
	color:#BEC552;
	font-weight:bold;
	text-decoration:none;
}

/* general link color on hover */
a:hover {
	text-decoration:none;
}


/********************************************************************/
/* GLOBAL CLASSES */

/* clearing the floats */
.clearer {
	clear:both;
}

.padimage1 {
	position:relative;
	left:-45px;
}

.padimage2 {
	position:relative;
	left:-65px;
}

.padimage3 {
	position:relative;
	left:-15px;
}


/********************************************************************/
/* CONTAINER */

/* surrounding container */
#container {	
	margin:0px auto;
	margin-bottom:25px;
	overflow:hidden;
	width:950px;
}


/********************************************************************/
/* SIDEBAR */

/* left column of the main design, called sidebar */
#sidebar {
	background-color:#981134;
	float:left;
	margin-bottom:-2000px;
	padding-bottom:2000px;	
	width:230px;
}


/* TOP IMAGE */

/* the ferienwohnungen image */
#topimage {
	height:500px;
}


/* SUBMENU */

/* the submenu container */
#submenu {
	margin-bottom:80px;
}

/* list style */
#submenu ul {
	list-style-type:none;
}

/* list items */
#submenu ul li {
	height:23px;
	line-height:21px;
}

/* links in the items */
#submenu ul li a {
	color:#BEC552;
	display:block;	
	font-weight:bold;
	height:23px;
	padding-left:30px;
	width:230px;
}

#submenu ul li a:hover {
	background-color:#FCF6D1;
	color:#981134;
}


#submenu .submenuselected {
	background-color:#BEC552;
	color:#981134;
}

/* FOOTER */

/* the footer container*/
#footer {
	padding-bottom:20px;
}

/* image class in the footer */
#footer .logo {
	margin-left:18px;
}

/* paragraph style */
#footer p {
	color:#F9EB92;
	font-size:12px;
	line-height:16px;
	margin-left:30px;
	padding:20px 0 0 0;
}


/********************************************************************/
/* MAIN */

/* right column of the main design, called main */
#main {
	background-color:#FCF6D1;
	float:left;
	margin-bottom:-2000px;
	padding-bottom:2000px;	
	width:720px;
}


/* HEADER IMAGE */

/* header, containing the image */
#headerimage {
	height:450px;
	width:720px;
	cursor:pointer;
	overflow:hidden;
}


/* SCROLLABLE CONTENT */
/* For detailed information look at jquery/scrollable.css */

/* container for the scrollable */
#contentscrollable {
	/*background-image:url(../img/background/gallery_background.png);*/
	background-image:url(../img/home_zimmer_image.jpg) !important;
	background-position:top left;
	background-repeat:no-repeat;
	height:188px;
	position:relative;
	width:720px;
	padding-bottom:30px;
}

/* links in the home room div */
#contentscrollable .overlaylink {
	color:#981134;
	font-size:11px;
	font-weight:bold;
	left:440px;
	padding:0 20px 0 0;
	position:relative;	
	top:136px;
}




/* MAIN MENU */

/* menu content */
#mainmenu {
	float:left;
	height:30px;	
}

/* list style */
#mainmenu ul {	
	list-style-type:none;
}

/* list items */
#mainmenu ul li {
	border-right:1px solid #E8C8B2;
	color:#991134;
	float:left;
	height:22px;
	padding-top:8px;
	text-align:center;
	width:100px;
}

#mainmenu ul li:hover {
	background-color:#981134;
	color:#E8C8B2;
}

/* links in list items */
#mainmenu ul li a {	
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

/* selected state */
#mainmenu .selected {
	background-color:#981134;
}


/* MENU 2 */

/* menu 2 content */
#menu2 {
	float:right;
}

/* list style */
#menu2 ul {	
	list-style-type:none;
}

/* list items */
#menu2 ul li {
	border-left:1px solid #CC9999;
	float:left;
	height:14px;
	margin-top:8px;
}

/* last item no border */
#menu2 ul li:first-child {
	border:0;
}

/* links in the list items */
#menu2 ul li a {
	color:#CC9999;
	font-size:10px;
	padding:0 10px 0 10px;
	text-decoration:none;
	text-transform:uppercase;
}



/* CONTENT */

/* main content holding the page contents */
#content {
	background-image:url(../img/background/main_content_background_image.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	min-height:400px;
	width:720px;
}

/* heading 1 */
#content h1 {
	font-size:32px;
	padding:10px 0 10px 0;
}

/* heading 2 */
#content h2 {
	font-size:18px;
	padding:10px 0 10px 0;
}

/* heading 3 */
#content h3 {
	font-size:14px;
	padding:5px 0 5px 0;
	text-transform:uppercase;
}

/* heading 4 */
#content h4 {
	font-size:13px;
	padding:5px 0 5px 0;
}

/* paragraph style */
#content p {
	line-height:18px;
	padding:0 0 10px 0;
	/*text-align:justify;*/
}

/* ordered list style */
#content ol {
	list-style-type:decimal;	
}

/* unordered list style */
#content ul {
	list-style-type:disc;
}

#content ol, #content ul {
	padding:0 0 10px 0;
	margin-left:20px;
}

/* list items */
#content ul li, #content ol li {
	line-height:20px;
}


/* CONTENT TOP */

/* content top, over the whole width of the container */
#contenttop {
	float:left;
	padding:0 45px 20px 65px;
	width:600px;
}




/* CONTENT LEFT */

/* left column content */
#contentleft {
	float:left;
	padding:0 17px 20px 65px;
	width:338px;
}




/* CONTENT RIGHT */

/* right column content */
#contentright {
	float:left;
	padding:0 45px 20px 17px;
	width:238px;
}







/********************************************************************/
/* TOP LINK */

/* anchor tag with class toTop, jQuery eneabled */
#toTop { 
	background-color:#981134;
	border:5px solid #BEC552;
	border-right:15px solid #BEC552;
	bottom:5px;	
	color:#BEC552;
	cursor:pointer;
	font-weight:bold;
	height:15px;
	padding:5px;
	position:fixed;
	right:0px;
	text-align:center;
	text-decoration:none;	
	width:100px;
}






/********************************************************************/
/* GOOGLE MAP */

/* sourrounding container for the google map */
#map {
	height:500px;
	width:620px;	
}

/* map content */
#mapcontent {
	min-height:130px;
}

#mapcontent h1 {
	font-size:13px !important;
	line-height:15px;
	padding:0 0 10px 0;
}

#mapcontent p {
	font-size:10px !important;
	line-height:15px !important;
	margin:0px;
	padding:0px;
}



.align-left{ text-align: left;}
.align-center{ text-align: center;}
.align-right{ text-align: right;}