/*********************************************************************************

	Project		:	Ferienhaus Kloepsch
	Copyright	:	EDV-Service Foerster - www.edv-service-foerster.de

**********************************************************************************/
/*
	Hintergrundfarbe: #b6c9ab

*/
/* ### undo #################################################################### */

:link,:visited { text-decoration:underline; color:#8c1f25; }
/* ul,ol { list-style:none; } */ /* Firebug */
/* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal;	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; } */
h1,h2,h3,h4,h5,h6,pre,code { /* font-size:1em; font-weight:normal; */ /* Fire bug */	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { /* margin:0; */ /* Fire Bug */ padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

/* p			{margin-bottom: 0em;} */ /* Fire Bug */

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; color: #777;}


.clearer {
	/* display:block; */
	/* clear:both; */
	/* line-height:0;
	height:1px;
	font-size:0;
	/* visibility:hidden; */
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }
.warning { color:#f00; /* background: inherit; */ }

.noscreen {display:none;}

/*******************************************************************************

	Gerüst

*******************************************************************************/
* {
	margin:0;
	padding:0;
}

/* ### HTML ###################################################################### */
html {
	margin:0;
	padding: 0;
	min-height: 99%;
	margin-bottom: 1px;
	overflow: scroll;
	overflow-x: hidden;
}

/* ### BODY ###################################################################### */
body {
	margin: 0;
	padding: 0;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	background:#465666;
	/* background-image: url(layout01/background.jpg);
	background-repeat: repeat-x;
	background-position: top left; */
	text-align:center;
	}
/* \*/ * html body { text-align:center; font-size: x-small; } /* *//* IE 5.5 Hack */


#wrapper{
	position: relative;
	margin: 0;
	padding: 0;
	width: 770px;
	margin-left: auto;
	margin-right: auto;	
	/* background-image: url(layout01/content770.jpg);
	background-position: top center;
	background-repeat: repeat-y; */
	margin-top: 20px;
	padding-bottom: 20px;
}

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	/* display:block; */
	margin:0;
	padding:0;
	width:770px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-image: url(layout01/content770.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}

/* ### Column ##################################################################### */
ul.navsub{margin-top: 175px; }

#photo{
	position:absolute;
	top: 126px;
	left: 0px;
	width: 180px;
	height: 120px;
	z-index: 1;
	background-image: url(layout01/photo_heinemann.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	}

#column {
	margin: 0;
	padding: 0;
	position: relative;
	width: 770px;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	background-image: url(layout01/content770.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	
	}


#search-top{
	display: none;
	margin:0;
	padding:0;
	position: relative;
	padding:0;
	width: 770px;
	height: 32px;
	min-height:32px;
	background-image: url(layout01/search.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-left: auto;
	margin-right: auto;
}


/* ### Header ############################################################### */

#header {
	position:relative;
	/* margin:0 auto; */
	padding:0;
	margin: 0;
	padding: 0;
	width: 770px;
	height:126px;
	background-image: url(layout01/header770.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
	
#header #hnav{
	position: absolute;
	width: 770px;
	height: 32px;
	top: 94px;
	left: 0px;	
	background-image: url("basis/navigation_3col.jpg");
	background-position: 0px -0px;
	background-repeat: repeat-x;

}


#header #hnav #nav-header {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	/*
	width: 770px;
	height: 32px;
	top: 8px;
	left: 0px;
	*/
	/*padding:11px 80px 0 276px; */
	/* float: left; */
}

/* ### Logo ################################################################# */
#header #logo {
	display: none;
}

/* ### Content #################################################################### */
#printheader{
	display: none;
	}
	
#breadcontent{
	display: none;
	position: relative;
	width: 770px;
	margin: 0;
	padding:0;
	height: 32px;
	background-image: url(layout01/bread_nav.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#breadcontent #breadcrumb{
	position:absolute;
	top:6px;
	left: 200px;
	color: #333;
}


#main-content {
	position:relative;
	float: left;
	width: 770px;
	margin:0;
	padding: 0;
	background-image: url(layout01/content770.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	font-size: 1.1em;
	}
/*
* html #content, * html #main-content {
	height:1px;
}
*/

#main-content #conleft{
	position: relative;
	top: 0;
	left:0;
	float: left;
	width: 186px;
	margin:0;
	padding: 0;
	min-height: 380px;
	}
* html body #main-content #conleft { position: absolute; } /* IE 6 / 5.5 Hack */



#main-content #conleft #nav{
	/* position: absolute; */
	width: 186px;
	left: 0px;
	/* top:190px;
	margin-top: 140px;	*/
	}

	
#main-content #main {
	position:relative;
	margin-left:186px;
	margin-top: 0px;
	padding: 0;
	width: 584px;	
	}


#main-content #main #main-block{
	position:relative;
	margin:0;
	padding:0;
	width: 584px;
	min-height: 410px;
	/* oli */
	/* background-color: #f00; */
}
* html body #main-content #main #main-block { height: 200px; } /* IE 6 / 5.5 Hack */


#main-content #main #main-block #main-teaser {
	position: relative;
	text-indent:-700em;
	
}




#main-content #main #main-block #main-content-block {
	padding:0 10px 10px 10px;
}





/* ### Footer ###################################################################### */

#footer {
	margin: 0;
	padding:0;
	float: left;
	/* margin: 0 auto; */
	position: relative;
	/* display:block; */
	width: 770px;
	height: 24px;
	background:#747776;
	background-image: url(layout01/footer770.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 20px;
}
* html #footer { margin-bottom: 0px; } /* IE 6 / 5.5 Hack */


#footercontent{
	position: relative;
	width: 770px;
	margin: 0;
	padding: 0px 0;
	text-transform: uppercase;
}

#footer #footercontent p {
	padding: 5px 5px 5px 0px;
	color:#fff;
	/* background:inherit; */
}

#footer #footercontent p a,
#footer #footercontent p a:link {
	color:#fff;
	text-decoration: underline;
	/* background:inherit; */
}

#footer #footercontent p a:hover {
	color:#fff;
	text-decoration: none;
	/* background:inherit; */
}