html{
	margin:0px;
	padding:0px;
	}

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:150%;
	color:#666666;
	text-align:center;
	background-image:url(/layouts/_pics/_elements/bg.jpg);
	background-attachment:fixed;
	}

/* this div represents the whole webpage-area(optimized for 800x600px) that is centered inside of the browser window */
div.page {
	/*background-color: #efefef;  */
	border: 1px solid #999999;
	width:780px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	text-align:left;
}	

a{	text-decoration:none;}

img {border:0px;}

input { cursor:default;}

td {font-size:11px;}	

/* the logo */
div.logo {
	height:80px;
	/*background-image:url(pics/logo.png);*/
}

.logo_left{
	float:left;
	background-image:url(../_pics/_elements/logo_blue_left.gif);
	width:580px; 
	height:80px;
	border:0px; 
}

.logo_right{
	width:200px !important;
	width:198px;
    height: 115px;
	float:right;
	padding:0px;
	margin:0px;
	/*
	overflow:hidden;	sorgt im Firefox dafür, dass die Logoteile(rechts) als letztes Element angezeigt werden -> sehr störend!!!
	background-image:url(../_pics/_elements/logo_blue_right.gif);*/
	}

.navi{
	float:left;
	width:580px;
	height:19px !important;
	height:20px;
	/*background-color:#4a6f78;*/
	border-bottom:1px solid white;
	}

/*  -------------------------      area of dynamic navi-menu ------------start--------- */	
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
}

#nav a:hover{
	color:#cccccc;
	}

#nav li {
	width:auto;
	float: left;
	display:inline;
}

#nav li ul {
	position: absolute;
	width: 133px !important;
	width: 125px;
	left: -999em;	
	padding:5px 0px 5px 0px;
}

#nav li a{
	padding-left:5px;
	padding-right:5px;
	}
	
li{
	margin-left:14px;
	margin-right:18px;
	}	

ul li ul li{
	margin-left:0px;
	margin-right:0px;
	padding-bottom:3px;}	

#nav li ul a{
	font-size:11px;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/*  -------------------------      area of dynamic navi-menu ------------end--------- */		

/* breadcrumps are thrown out of the concept pending further notice, only the breadcrump-area remains. */
.breadcrump{
	float:left;
	width:580px;
	height:15px;
	background-color:#6c9da4;
	font-size:9px;
	line-height:15px;
	}	
/*
div.breadcrump span a{
	font-size:9px;
	text-decoration:none;
	color:#FFFFFF;
	margin-right:5px;
	}	
	
div.breadcrump span a:hover{
	color:#cccccc;
	}		
*/	

/* this div can be used to force the browser after a row of containers to break into a new row */
div.break, div.clear { /* break with no space between two rows */
	clear:both;
	height:0px; /* necessary because ie would otherwise show a space between two container rows */
	line-height:0px; /* necessary because ie would otherwise show a space between two container rows */
}


/* this container includes all content & subnavigation elements  */	
div.contentcontainer {
	width:780px;
	/* background-color:red; */
}	

/* this class contains the subnavigation-area, parts(e.e background-color) are defined inside of the special-css-files  */
div.subnavi{
	margin:10px 0px 10px 10px;
	width:140px !important;
	width:150px;
	padding:5px;
	float:left;
	display:inline;
	}
	
/* block within the subnavi */	
div.subnavi .block{
	margin-top:-5px;
	}
	
/* decoration-line below the headline, parts(e.e color) are defined inside of the special-css-files  */
div.subnavi .hl{
	/*color:#486e79; color of the headline */
	width:140px;
	font-weight:bold;
	border-bottom:1px solid #486e79;
	margin-bottom:4px;
	margin-top:10px;
	}		

/* spacer between blocks of subnavi-columns */
div.subnavi .spacer{
	height:10px;
	line-height:10px;
	}	

/* the links inside of the subnavigation */
div.subnavi .link a {
	color:#666666;
	font-size:11px;
	line-height:150%;
	text-decoration:none;
	}
	
div.subnavi .link a:hover {
	color:#333333;
	}

/* the content area (the centerpart of the page) */		
div.content{
	width:380px;
	margin:10px 0px 10px 10px;
	float:left;
	padding:5px;
	}
	
div.content a{
	/*text-decoration:none;*/
	color:#000000;
	}

div.content a:hover{
	color:#444444;
	}			

div.content p{
	margin: 10px 0px 10px 0px;
	}	

/* the headline */
h1, div.content .h1{
	width:380px;
	border-bottom:1px solid #486e79;
	margin-bottom:5px;
	font-size:14px; 
	font-weight:bold;
	line-height:140%;
}

h2, div.content .h2{
	/*color:#486e79;  color of the headline 
	width:380px;
	border-bottom:1px solid #486e79;*/
	margin:25px 0px 0px 0px;
	font-size:12px; 
	font-weight:bold;
	/*text-decoration:underline;*/
}

h3, div.content h3{
	/*color:#486e79;  color of the headline 
	width:380px;
	border-bottom:1px solid #486e79;*/
	margin:0px;
	padding:0px;
	font-size:11px; 
	font-weight:bold;
}


/* the main text */
div.content .text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* everything, that has to be positioned left floating, e.g. pictures */	
div.content .text .left{
	float:left;
	margin:5px 5px 5px 0px;
	display:inline;
	}

/* everything, that has to be positioned right floating, e.g. pictures */	
div.content .text .right{
	float:right;
	margin:5px;
	display:inline;
	}	

/* the caption (description) of the pictures inside of the content */	
div.content .text .caption{
	font-size:9px;
	padding:0px 5px;
}	

/* the link at the bottom to get back to the top of the page */
div.content .text .topLink{
	float:right;
	}
	
div.content .text .topLink a{
	text-decoration:none;
	color:#999999;
	}	
	
div.content .text .topLink a:hover{
	text-decoration:none;
	color:#666666;
	}	
	
/* the news area (contains news & appointments) */
div.news{
	/*background-color:#efefef;*/
	width:190px !important;
	width:190px;
	margin:10px 0px 10px 10px;
	padding:5px;}				

/* a headline inside of the news(/appointment) area */	
div.news .h1{
	/*color:#486e79;  color of the headline */
	width:190px;
	border-bottom:1px solid #486e79;
	margin-bottom:5px;
	font-weight:bold;
}
	
div.news .kraftsport{
	color:#486e79;
	}

div.news .fitness{
	color:#9d4e01;
	}

/* contains date & corresponding description)*/
div.news .entry a{
	text-decoration:none;
	color:#666666;
	}	
	
div.news .entry a:hover{
	color:#333333;
	}	
	
/* the date floats left...	font-size:10px;
	margin-right:3px;
	float:left;
    overflow: hidden;
	background-color:#00FF33;  */
div.news .entry a .date{
/* hellgrün */
	}

/* the description (news or appointment) floats right beside the date font-size:10px;
	margin-bottom:5px;*/
.entry{
	
	}	

/* clears all floating after each entry (date & corresponding description) */	
div.news .clear{
	clear:both;}	

/* link to archives of dates & news */
div.news .more a{
	float:right;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	}	
	
div.news .more a:hover{
	color:#333333;
	}