/*

-
- Concept, design and implementation by
- Futurecom interactive AG
- P.O. Box
- 8037 Zurich
- Switzerland
- http://www.futurecom.ch
-
- NMC: dec
- NMD: bur
- ITS: rsh, ufe, pga
-

*/
/* ************************************************************************** */
/* common style sheet for www.ksw.ch */
/* ************************************************************************** */

/* html selectors */

body 
{
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	text-align:center;
}

/* ignore all the p tags */
p {
	margin:0px;
	padding:0px;
}
/* END ignore all the p tags */

img 
{
	display:block;
	border:none;
}

div.cleaner {
	clear:both;
	height: 10px;
}

h1, h2 , h3
{
	margin:0px;
	padding:0px;
	
	font-weight:normal;
}

h1 
{
	
	margin-bottom:12px;
	
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:18px;
	line-height:21px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

h2 
{
	margin-bottom:3px;
	color:#5c5c5c;
	font-size:14px;
	font-weight:bold;
/*	margin-left:5px;*/
}


h3
{
	margin-bottom:3px;
	color:#5c5c5c;
	font-size:11px;
	font-weight:bold;
/*	margin-left:5px; */
}



a
{
	color:#3e74e0;
	text-decoration:none;
}

a:hover
{
	color:#9b5055;
}

div.positionAnchor {
	position:absolute;
}


div.content ul.fliesstext {
	/*
	padding-left:0px;
	margin-left:0px;
	list-style-position:inside;
	list-style-image: url(../_img/img/img_aufzaehlung.gif);
	*/
}


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

div.pageWrapper 
{
	width:965px;
	margin:0px auto;
	text-align:left;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height:14px;
	color:#5c5c5c;
	z-index:1;
}

div.header 
{
	margin-top:10px;
}


div.contentWrapper
{
	padding:25px 22px 30px 10px;
	border:1px solid #a0afb5;
	width:933px;
}

div.contentWrapperPrint
{
    padding:5px;
	width:720px;
	text-align:left;
}

div#disclaimer {
	position: relative;
	width: 100px;
	margin-left: 885px;
	top: -25px;
}


/* ************************************************************************** */
/* navigation */

/*
div.navWrapper 
{
    height:22px;
    position:relative;
    z-index:99;
}

div.navWrapper a {
	display:block;
	font-weight:bold;
	text-decoration:none;
}

ul.mainNav 
{
	margin:0px; 
	padding:0px;
}

ul.mainNav li 
{
	list-style:none;
	float:left;
	position:relative;
}

ul.mainNav a
{
    color:#3366cc;
    padding:4px 7px 5px 6px;
}

ul.mainNav a:hover, ul.mainNav a.active
{
	color:#ffffff;
	background-color:#3366cc;
}

ul.mainNav a:hover span.plus, ul.mainNav a.active span.plus
{
	color:#3366cc;
}

	div.dropNavi {
		position:absolute;
		top:22px;
		z-index:500;
		width:200px;
		visibility:hidden;
	}
	
	ul.mainNav li div.dropNavi a {
		display:block;
		font-weight:normal;
		text-decoration:none;
		color:#ffffff;
		background:#3366cc;
		height:27px;	
	}
	
	div.dropNavi a span.nav {
		position:relative;
		top:6px;
	}

	div.dropNavi a:hover {

	}
*/

div.navWrapper 
{
	height:22px;
}

div.navWrapper a {
	display:block;
	font-weight:bold;
	text-decoration: none;
}

ul.mainNav 
{
	margin:0px; 
	padding:0px;
}

ul.mainNav li 
{
	list-style:none;
	float:left;
	position:relative;
}

ul.mainNav a {
    color:#3366cc;
	padding:4px 7px 5px 6px;
}

ul.mainNav a.active {
	color:#ffffff;
	background-color:#3366cc;
	background-color:#134ab8;
}

ul.mainNav a.active span.plus {
	color:#3366cc;
	color:#134ab8;
}

ul.mainNav a:hover.active span.plus {
	color:#ffffff;
}
	/* drop downs */

	ul.mainNav div.dropdown table {
		background-color:#134ab8;
		border-top:1px solid #a0afb6;
		border-bottom:1px solid #a0afb6;
	}

	ul.mainNav div.dropdown table td a {
		color:#ffffff;
		font-weight:normal;
	}

	ul.mainNav div.dropdown table td a span {
		color:#3366cc;
		color:#134ab8;
	}

	ul.mainNav div.dropdown table td a:hover {
		font-weight:bold;
	}

	ul.mainNav div.dropdown table td a:hover span {
		color:#ffffff;
	}

	ul.mainNav div.dropdown table td.snavseparator {
		height:1px;
		background-color:transparent;
		background-image:url(/portaldata/_img/img/img_punkte_linie.gif);
		background-repeat: repeat-x;
	}
	
/* ************************************************************************** */
div.utilities {
	float:right;
	width:344px;
}

div.utilities a 
{
	float:left;
	padding:4px 8px 5px 7px;
	color:#7a858a;
	
}

div.utilities a:hover 
{
	color:#ffffff;
	background-color:#7a858a;
}

div.utilities a.emergency {
	color:#ff0606;
	margin-right:4px;
}

div.utilities a.emergency:hover 
{
	color:#ffffff;
	background-color:#ff0606;
}

div.utilities a.emergency:hover span.plus 
{
	color:#ff0606;
}


/* ************************************************************************** */
/* content layout */

div.subnavigation {
	float:left;
	width:200px;
	/*height:200px;*/	/* minimal height */
	min-height: 200px;
	height: auto;
}

div.subnavigation div.subnavigation 
{
	min-height: 1px;
}

div.content {
	float:left;
	width:474px;
	margin-left:20px;
	min-height:300px;
	height: auto;
}

div.contentprint {
	float:left;
	width:474px;
	margin:5px;
}

div.highlights {
	float:right;
	width:227px;
	/*background-color:#f4f4f4;*/
}
div.highlightsprint
{
    float:right;
    width:227px;
}

/* TODO temporarily here --> move to kliniken.css */

div.subclinicHeader {
	float:left;
	width:713px;
	margin-left:20px;
}

div.subclinicHeader div.box464 h1 {
	padding:0px;
	margin:0px;
	color:#5d5d5d;
	background-color:#ffffff;
}

div.subclinicHeader div.box464 p {
	margin-bottom:28px;
}

/* ************************************************************************** */
/* testimonial */

#testimonialWrapper {
	position:absolute;
	z-index:997;
}

#testimonialWrapper #batch {
	position:absolute;
	left:725px;
	top:-10px;
	width:260px;
	height:161px;
	z-index:999;
}
/* ie hack */
* html #testimonialWrapper #batch {
	top:0px;
}

#testimonialWrapper #testimonial {
	position:absolute;
	top:20px;
	left:376px;

	width:539px;
	height:404px;
	visibility:hidden;
	z-index:998;
}

/* ************************************************************************** */
/* subnavigation */

div.subnavigation ul {
	width:200px;
	margin:0px;
	padding:0px;
	
	font-weight:bold;
	background-color:#ffffff;
	
	border-top:solid 1px #a0afb5;
	border-bottom:solid 1px #a0afb5;
	
	list-style-type:none;
}

div.subnavigation ul li {
	width:200px;
	
	margin-top:-1px;	/*hack to remove top line */
	padding-top:1px;

	background-image:url(/portaldata/_img/img/img_punkte_linie.gif);
	background-repeat: repeat-x;
}

div.subnavigation ul li a {
	width:200px;
	display:block;
	
	margin:0px;
	padding:0px;
	
	text-decoration:none;
}

div.subnavigation ul li a span {
	margin-left:5px;
	width:190px;
	display:block;
}

div.blanklink{
height:22px;	
border-top:solid 1px #a0afb5;
margin-top:-1px;
}


div.subnavigation a {
	cursor:pointer;
}

	/* level 1 */

	/*
	div.subnavigation ul li.level1 {
		height:21px;
	}
	
	div.subnavigation ul li.level1active {
		height:20px;
	}
	*/
	
	div.subnavigation ul li.level1 a {
		margin-top:4px;
		margin-bottom:4px;
		color:#3366cc;
	}
	
	div.subnavigation ul li.level1 a:hover {
		color:#9b5055;
		background-color:#f2e8e7;
	}
	
	div.subnavigation ul li.level1active a {
		margin-top:4px;
		margin-bottom:3px;
		color:#9b5055;
		background-color:#f2e8e7;
	}

	div.subnavigation ul li.level1active a:hover {
		color:#9b5055;
		background-color:#f2e8e7;
	}
	
	/* level 2 */
	
	div.subnavigation ul li.level2, div.subnavigation ul li.level2active {
		margin-top:0px;
		padding-top:0px;
		line-height:18px;
		background-image:none;
	}
	
	div.subnavigation ul li.level2 a span, div.subnavigation ul li.level2active a span {
		margin-left:15px;
		width:180px;
		display:block;
	}
	
	div.subnavigation ul li.level2 a, div.subnavigation ul li.level2active a {
		font-weight:normal;
	}

	div.subnavigation ul li.level2 a:hover {
		color:#9b5055;
		background-color:#ffffff;
		background-image:url(/portaldata/_img/icon/icon_pfeil_rot.gif);
		background-repeat:no-repeat;
		background-position:6px 4px;
	}

	div.subnavigation ul li.level2active a {
		color:#9b5055;
		background-color:#ffffff;
		background-image:url(/portaldata/_img/icon/icon_pfeil_rot.gif);
		background-repeat:no-repeat;
		background-position:6px 4px;
	}

	div.subnavigation ul li.level2active a:hover {
		color:#9b5055;
		background-color:#ffffff;
	}

	
	/* level 3 */
	
	div.subnavigation ul li.level3, div.subnavigation ul li.level3active {
		margin-top:0px;
		padding-top:0px;
		line-height:18px;
		background-image:none;
	}

	div.subnavigation ul li.level3 a span, div.subnavigation ul li.level3active a span {
		margin-left:25px;
		width:170px;
		display:block;
	}
	
	div.subnavigation ul li.level3 a, div.subnavigation ul li.level3active a {
		font-weight:normal;
	}
	
	div.subnavigation ul li.level3 a:hover {
		color:#9b5055;
		background-color:#ffffff;
		background-image:url(/portaldata/_img/icon/icon_pfeil_rot.gif);
		background-repeat:no-repeat;
		background-position:16px 4px;
	}

	div.subnavigation ul li.level3active a {
		color:#9b5055;
		background-color:#ffffff;
		background-image:url(/portaldata/_img/icon/icon_pfeil_rot.gif);
		background-repeat:no-repeat;
		background-position:16px 4px;
	}

	div.subnavigation ul li.level3active a:hover {
		color:#9b5055;
		background-color:#ffffff;
	}

	
/* # # # # # # # # # # # # # # # # */

div.subnavigation form {
	margin:0px;
	padding:0px;
}

div.subnavigation div.search {
	margin-top:20px;
	padding-left:5px;
	
	height:24px;
	line-height:24px;
	
	font-weight:bold;
	color:#7a858a;
	background-color:#ffffff;
}

div.subnavigation div.search input {
	width:117px;
	height:14px;
	
	padding:0px;
	font-size:11px;
	border:solid 1px #a0afb5;
}

div.subnavigation div.search img.inputimg {
	width:auto;
	height:auto;
	border:none;
	position:relative;
	left:5px;
	top:2px;
	z-index: 1;
}

/* reassign
div.editor464 {
	width:auto;
}
*/



/*

    search
*/
div.search 
{
    height:10px;
    background-color:#f4f4f4;
    padding:5px;

}
div.search  div.searchleft
{
    float:left;
}
div.search div.searchmiddle
{
    float:left;
    text-align:center;
    font-weight:bold;
    width:350px;
    vertical-align: middle;
}
div.search div.searchright
{
    float:right;
}

div.search img
{
		vertical-align: middle;
    display:inline;
    z-index: 1;
}


div.highlightbody{

BACKGROUND-COLOR: #f4f4f4; 
BORDER-COLLAPSE: collapse;
BORDER-BOTTOM: #808d95 1px solid; 
PADDING-BOTTOM: 12px; 
PADDING-LEFT: 5px; 
PADDING-RIGHT: 5px; 
PADDING-TOP: 12px
}

div.highlightbodydotted{

BACKGROUND-COLOR: #f4f4f4; 
BORDER-COLLAPSE: collapse;
PADDING-BOTTOM: 12px; 
PADDING-LEFT: 5px; 
PADDING-RIGHT: 5px; 
PADDING-TOP: 12px;
background-image:url(/portaldata/_img/img/img_punkte_linie.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

.tagcloud {

  margin: -25px 0 -15px 0;

}

/* NEWSLETTER STYLES */

div.Newsletter-Form
{ 
    width: 460px;
    clear: both;
}
div.Newsletter-Form input
{
    width: 326px;
    margin: 2px 0 2px 0;
    border: 1px solid #a0afb6;
}
.newsletter-dropdownlist
{
    margin: 2px 0 2px 0;
    border: 1px solid #a0afb6;
}
div.Newsletter-Bereiche
{
    width: 322px;
    margin-top: 5px;
}
div.Newsletter-Form hr
{
    
}
div.Newsletter-Bereiche table
{
    float: right;
    margin-bottom: 12px;
}
div.Newsletter-Info
{
    width: 130px; float:left; padding-top: 5px; 
}
div.Newsletter-Anrede
{
    width: 300px;
    clear: right;
}
div.Newsletter-Anrede input
{
    margin: 0 0 5px;
    padding: 0;
}
div.Newsletter-Anrede label
{
    margin: 0 5px;
}
div.Newsletter-Bereiche-Info
{
    width: 110px; float:left; padding-top: 5px; 
}
div.Newsletter-Button
{
    float:right; padding-right: 14px; margin-top: 15px; width: 315px;
}
.Newsletter-Button-Left
{
    float: left;
    padding-left: 10px;
}
.Newsletter-Button-Right
{
    float: right;
    padding-right: 120px;
}