/* CSS Chiemsse-akademie.de */



/* Default */

html, body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	margin:0px;

	height:100%;

	color:#555;

	line-height:auto;

	}

a {color:#00879f;/* VarColor */ text-decoration:none;}

a:hover {text-decoration:underline;}

	

	h1, h2, h3 {

		font-weight:normal;

		margin-bottom:5px;

		color:#00879f;/* VarColor */}

	

	h1 {font-size:15px; line-height:17px;}

	h2 {font-size:13px; margin:10px 0 4px 0;}

	h3 {font-size:12px; color:#797979;}

	

hr {border:none;border-top:1px dotted #777; height:1px;}

#ColMiddle table {

	padding:1px;

	border:1px solid #ccc;

	}

#ColMiddle table td {

	margin: 0 1px 1px 0;

	}

#ColMiddle ul {

	list-style-image:url(../images/framework/MenuListIcon.gif);}

#ColMiddle li {

	margin:5px 0 0 0;}

strong {color:#00B2D1}

/* Framework */

#BoxPagePosition {

	display:block;

	position:relative;

	width:955px;

	left:50%;

	margin-left:-448px;

}

	#Header {

		display:block;

		position:relative;

		height:125px;}

	#ContentHeader {

		margin:0 -10px 1px -10px;

		width:620px;height:auto;}

	#ContentHeader a {

		width:154px;

		display:block;

		float:left;

		border-left:1px solid #fff;

		height:18px;

		line-height:18px;

		text-indent:10px;

		background:url(../images/framework/TopMenuBg.gif);}

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

		#LinkSchule:hover  {background-position:0 -18px;}

		#LinkAkademie:hover {background-position:0 -36px;}

		#LinkWellness {background-position:0 -72px !important; color:#fff;}

		#LinkStore:hover {background-position:0 -54px;}

		#LinkForum {border:none !important; width:124px !important;}

		#LinkForum:hover {background-position:0 -90px;}

		

		#HeadPic {

			width:620px;

			clear:both;

			height:221px;

			background:url(../images/framework/head.jpg) 0 -221px;}

	#LinkLogo {

		position:absolute;

		top:20px;

		left:20px;

		display:block;

		width:120px;

		height:89px;

		background:url(../images/framework/framework.gif) no-repeat;

		line-height:200px;

		overflow:hidden;

		font-size:0px;

	}

	/* SubMenu */

	#BoxSubMenu {

		position:absolute;

		top:53px;

		right:0px;

		width:250px;

		line-height:21px;

		color:#ccc;

		}

		#SearchSubmit {

			height:22px;

			width:13px;

			cursor:pointer;

			border:none;

			position:absolute;

			top:0px;

			right:0px;

			font-size:0px;

			background:url(../images/framework/framework.gif) -245px -57px no-repeat;

			}

		#SearchText {

			border:none;

			height:22px;

			color:#666;

			width:99px;

			font-size:10px;

			position:absolute;

			top:0px;

			right:13px;

			text-indent:3px;

			padding:2px;

			background:url(../images/framework/framework.gif) -141px -57px no-repeat;

			}

	/* End SubMenu */

	

	/*3 Table Content Yaml like */

	#BoxContentPosition {clear:both;}

		#ColLeft {

			float:left;

			width:160px;

			z-index:3;}

		#ColRight {

			float:right;

			width:173px;

			z-index:5;}

		#ColMiddle {

			width:600px;

			position:relative;

			display:block;

			overflow:hidden;}

		#Footer {clear:both;}

		/* Table Style */

		#BoxContentPosition {clear:both; background:url(../images/framework/NewsBg.gif) right repeat-y;}

		#ColLeft, #ColRight {background:#e6e6e6;}

		#ColMiddle {margin:0 1px; padding:0 10px 10px 10px;}

		* html #ColMiddle {

			width:620px;

			position:relative;

			float:right;

			overflow:hidden;

			w\idth:550px;}

	/* End 3 Table*/

	

	/* Navigation */

	#MenuTop {

		display:block;

		height:18px;

		background:url(../images/framework/framework.gif) no-repeat -127px -19px}

	#MenuBottom {

		width:12px;

		display:block;

		height:13px;

		margin-top:-10px;

		background:url(../images/framework/framework.gif) -294px -19px no-repeat;}

	#ColLeft ul {margin:0px; padding:0px; list-style:none;}

	#ColLeft li {margin:0px; padding:0px;}

	#ColLeft li {

		text-indent:8px;

		line-height:24px;

		border-bottom:1px dotted #ABABAB;}

	#ColLeft a {

		 width:100%;

		 display:block;

		 color:#898989;}

	#ColLeft a:hover {text-decoration:none; color:#00879f;/* VarColor */}

	#ColLeft li:last-child {border:none;}

	

	/* Active */

	.MainLinkActive a {text-decoration:none; color:#00879f; font-weight:bold;}

	.MainLinkActive ul {display:block;}

		/* Second Lvl */

		#ColLeft ul li ul li {

			text-indent:26px;

			color:#00B2D1;

			line-height:15px;

			

			background:url(../images/framework/MenuListIcon.gif) 18px 5px no-repeat;

			border:none;}

		#ColLeft ul li ul li a {display:inline;}

		#ColLeft ul li ul {margin-bottom:6px;}

		

		/* Active */

		.SecondLinkActive a {text-decoration:none; color:#00879f;}

		.SecondLinkActive ul {display:block;}

		/* Third Lvl */

		#ColLeft ul li ul li ul li {

			text-indent:35px;

			background-position:27px 5px}

	/* News Col */

		#NewsTop {

			display:block;

			height:18px;

			background:url(../images/framework/framework.gif) -142px -38px no-repeat;}

		#NewsLink a:hover {

				text-decoration:none;}

			#NewsLink {

				display:block;

				width:160px;

				margin:5px 5px 5px 0;

				background:#efefef;

				height:79px;

				overflow:hidden;

				position:absolute;

				border:1px solid #dcdcdc;

			}

			#NewsLink:hover {

				border:1px solid #ccc;

				background:#fff;

				}

			#NewsLink a {color:#545454; margin:3px; display:block;}

			#NewsLink h3 {

				font-size:12px;

				color:#00B2D1;/* VarColor */

				margin:3px 0;

				font-weight:bold;

				}

			#NewsLink a:hover {

			text-decoration:none;}

			#newsbox {

				 position:relative;

				 height:89px;

				 overflow:hidden;

				}

			#Aktuelles{display:block; margin:0 0 20px 5px;}

			#Aktuelles h2 {

				 font-weight:bold;

				}

	/* End News Col */

	

	/* Content */

	#Breadcrumb {

		background:#00B2D1;/* VarColor */

		text-indent:5px;

		display:block;

		margin:0 -10px 10px -10px;

		line-height:18px;

		height:18px;

		color:#fff;}

	#Breadcrumb a {color:#fff;}

	#Content { margin:0 5px;line-height:135%; width:552px;}

	/* End Content */

	

	/* Footer */

	#Footer {position:relative; line-height:18px; color:#1e71B4;  /* VarColor */}

	* html #Footer {right:-26px;}

	#NewsFooter {

		display:block;

		width:174px;

		right:0px;

		position:absolute;

		background:url(../images/framework/framework.gif) -141px 0px no-repeat;}

	* html #NewsFooter {

		margin-right:25px;}

	#ContentFooter{

		display:block;

		width:621px;

		background:#90D9E6;/* VarColor */

		position:absolute;

		right:174px}

	* html #ContentFooter {

		width:621px;

		right:199px;}

	#RoundFooter {

		display:block;

		float:left;

		width:9px;

		height:18px;

		background:url(../images/framework/framework.gif) -259px -57px;}

	#Footer a {color:#00879f; /* VarColor */}

	#KuseLink {position:absolute; right:5px;}



/* TABS */

.dynamic-tab-pane-control.tab-pane { /* Rahmen Ganz Außenrum */

	color:#444 !important;

	background:#fff;

	padding:1px;

	margin-top:10px;

	border:1px solid #CECECE;

}

.dynamic-tab-pane-control.tab-pane a {color:#000;}

	

/* Tab inaktiv*/

.dynamic-tab-pane-control .tab-row .tab { 

	width:auto;

	background:url(../images/framework/TabBg.gif);

	height:24px;

	overflow:hidden;

	margin:0 1px 0 0;

	padding:0 7px;

	z-index:1;

	font:12px Arial;

	text-align:center;

	color:#fff !important;

}

/* Alle TextLinks in Tabs */

.dynamic-tab-pane-control .tab-page a {

	color:#00879f !important; /* VarColor */

}

/* Tab aktiv */

.dynamic-tab-pane-control .tab-row .tab.selected {

	background:url(../images/framework/TabBg.gif) 0 -25px !important;

	height:24px;

	width:auto;}

/* TextLinks TabAktiv */

.dynamic-tab-pane-control .tab-row .tab.selected a { 

	color:#00879f; /* VarColor */

}

/* Tab Hover */

.dynamic-tab-pane-control .tab-row .tab.hover {

	font:12px Arial;

	line-height:24px;

	width:auto;

	height:24px;

	background:url(../images/framework/TabBg.gif) 0 -25px !important;

	background-repaet:no-repeat;

}

/* Tab Content */

.dynamic-tab-pane-control .tab-page { 

	border:none !important;

	background:#F3F3F3;

	clear:both;

	z-index:2;

	position:relative;

	top:0px;

	font:11px Arial;

	line-height:auto;

	padding: 7px;

}

.dynamic-tab-pane-control .tab-page ul li { margin-top:3px;}

.dynamic-tab-pane-control .tab-page .Site_Part h2:first-child {display:none}

.dynamic-tab-pane-control .tab-row { 

	z-index:		1;

	white-space:	nowrap;

	background:url(../images/framework/TabBg.gif); 

	width:100%; 

	height:24px;}

/* END TABS */



/* Sitemap */



#BoxSitemap ul, #BoxSitemap li {

	list-style-image:none;}

#BoxSitemap > ul > li { margin:28px 0 0 0; clear:both}

#BoxSitemap > ul > li > a {

	background:#ccc;

	margin-left:-7px;

	text-indent:7px;

	width:100%;

	display:block;

	-moz-border-radius:5px;}

#BoxSitemap ul li ul li a {color:#444;}

#BoxSitemap ul li ul li a:hover {color:#1e71B4;}

#BoxSitemap ul li ul li {float:left; position:relative; background:url(../images/framework/MenuListIcon.gif) no-repeat scroll 0px 7px !important; background:none; padding:0px; margin-right:10px; text-indent:7px;}





/* Webcam */

#Webcam{display:block; margin:10px 0 20px 5px;}

/* News Box */

#Aktuelles{display:block; margin:0 0 20px 5px;}

#NewsLink {

	display:block;

	width:150px;

	margin:5px 5px 5px 0;

	border:1px solid #e6e6e6;

	}

#NewsLink:hover {

	border:1px solid #ccc;

	}

#NewsLink > a {color:#797979; margin:3px; display:block;}

#NewsLink h3 {

	font-size:12px;

	color:#00879F;/* VarColor */

	margin:3px 3px;

	text-indent:15px;

	background:url(../images/framework/framework.gif) -304px -58px no-repeat;

	}

#NewsLink a:hover {

text-decoration:none;}

/* PageList */
.PageList {margin-bottom:20px;
	width:180px;
	float:left;
	margin-right:20px;}
.PageList h3 {
	font-size:15px;
	margin-bottom:5px;
	}	
	
.PageList h3 a  {text-decoration:underline;}
	
	.PageList .RoundCorners {margin:10px 0;}
	
.PageList p {
	line-height:15px;
	height:60px;
	margin-top:0;
	overflow:hidden;
	display:block; 
	}

.RoundCorners {
	position:relative;
	display:block;
	font-size:0;
	line-height:0;
	}
	
	.RoundCorners b {
		display:block;
		position:absolute;
		left:0;
		text-decoration:none !important;
		font-size:0;
		line-height:100px;
		overflow:hidden;
		top:0;
		background:url(../images/framework/ImgCorners5.png) no-repeat;
		height:5px;
		width:5px;
	}
	
	.RoundCorners b.LeftTop {
		left:auto;
		right:0;
		background-position:-5px 0;
	}
	
	.RoundCorners b.LeftBottom {
		top:auto;
		bottom:0;
		background-position:0px -5px;
		}
		
	.RoundCorners b.RightBottom {
		top:auto;
		left:auto;
		right:0;
		bottom:0;
		background-position:-5px -5px;
	}
	
	* html .RoundCorners b {display:none !important;}
