/* 
==================================================
Skin styles for DotNetNuke for kleinseenplatte.com
==================================================
*/   

/* The general body definition */
body {
	background-color: rgb(255, 255, 240);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 8px 8px 8px 8px;
	overflow: scroll;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* The upper table containing the title, banner and menu */
#tblTop
{
	border-width: 0px;
	background-color: rgb(255,255,204);
	background-image: url('bg-top.gif');
	background-repeat: repeat-x;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* The Top Head row that contains the title and the banner */
#tblTopHead
{
	background-image: url('bg-top-corner-right.gif');
	background-position: right top;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* The title cell */
#tblTopHeadTitle
{
	background-image: url('bg-top-title.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 2px;
	height: 80px;
	width: 486px;
	float: left;
}
/* The center area on top */
#tblTopHeadCenter
{
	margin: 0px 0px 0px 0px;
	width: auto;
	height: 80px;
	overflow: hidden;
	text-align: right;
}

/* The banner on top */
#topBanner
{
	background-color: White;
	border: solid 1px black;
	margin: 8px 3px 0px 0px;
	height: 60px;
	width: 468px;
}

/* The outer box containing the menu and the search */
#tblTopMenuSearch
{
	font-weight: bold;
	overflow: visible;
	height: auto;
}
/* The inner box containing the menu */
#tblTopMenu
{
	border-left: solid 2px rgb(204, 204, 255);
	border-bottom: solid 2px rgb(204, 204, 255);
	border-top: solid 2px rgb(204, 204, 255);
	padding: 0.3em 0.3em 0.3em 0.3em;
	width: auto;
}
/* The inner box containing the search */
#tblTopSearch
{
	border-right: solid 2px rgb(204, 204, 255);
	border-bottom: solid 2px rgb(204, 204, 255);
	border-top: solid 2px rgb(204, 204, 255);
	padding: 0.3em 0.3em 0.3px 0.3em;
	text-align: right;
}

/* The container for the main content */
#tblContent
{
	width: 100%;
	vertical-align: top;
	margin: 8px 0px 8px 0px;
	border-style: none;
}
/* The container for the left content */
#tblContentLeft
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	vertical-align: top;
}
/* The container for the left content */
#contentCell
{
	width: 100%;
	vertical-align: top;
	margin: 8px 0px 8px 0px;
	padding: 8px 0px 8px 0px;
}
/* The container for the right content */
#contentCellRight
{
	width: 210px;
	vertical-align: top;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
}
/* The general breadcrumb div layer */
#breadcrumb
{
	background-color: rgb(255, 255, 204);
	background-image: url('bg-content.gif');
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left-style: none;
	border-right-style: none;
	border-bottom: solid 2px rgb(204, 204, 255);
	height: 30px;
	width: 100%;
}
/* The left corner in the breadcrumb box */
#breadcrumbleft
{
	background-image: url('bg-content-corner-left.gif');
	background-repeat: no-repeat;
	float: left;
	width: 10px;
	height: 100%;
}
/* The right corner in the breadcrumb box */
#breadcrumbright
{
	background-image: url('bg-content-corner-right.gif');
	background-repeat: no-repeat;
	float: right;
	width: 10px;
	height: 100%;
}
/* The the center of the breadcrumb box containing the breadcrumb itself */
#breadcrumbcenter
{
	padding: 0.4em 0.4em 0.4em 0.4em;
}

/* The general bottom box that contains the copyright and some other points */
#centerbottom
{
	border-bottom: solid 2px rgb(204, 204, 255);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px; 
}
/* The left corner in the bottom box */
#centerbottomleft
{
	background-image: url('bg-bottom-corner-left.gif');
	background-repeat: no-repeat;
	float: left;
	width: 10px;
	height: 100%;
}
/* The right corner in the bottom box */
#centerbottomright
{
	background-image: url('bg-bottom-corner-right.gif');
	background-repeat: no-repeat;
	float: right;
	width: 10px;
	height: 100%;
}
/* The the center of the breadcrumb box containing the copyright itself */
#centerbottomcenter
{
	border-top: solid 2px rgb(204, 204, 255);
	padding-top: 0.1em;
	font-size: 0.7em;
	text-align: center;
}

/* Link definitions */
a:link {
	text-decoration: underline;
}

a:visited {
	color: rgb(153, 153, 153);
	text-decoration: underline;
}

a:hover 
{
	color: rgb(255, 0, 0);
	text-decoration: underline overline;
}

a:active 
{
	color: rgb(255, 0, 0);
	text-decoration: underline overline;
}

/* A class of an image that will kee a minimum page width */
.minsizeplaceholderimage
{
	height: 1px;
	width: 767px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* CSS Class for the breadcrumb */
.breadcrumbcss
{
}

/* CSS Class for the terms, privacy statement etc */
.termscss
{
}