/*
##########################################
#		Default Setting
##########################################
*/

/*font-size:12px, line-height:16px as default */

/*Fuer IE 6*/
html {font-size:100%;}
* html body { font-size:75%; }

/* Fuer Moderne Browser ohne IE 7 */
html>/**/body {font-size:12px}

/* Fuer nur IE 7 */
*+html body { font-size:75%; }

body, img, form, table, input, label, textarea, select,h1, h2, h3, h4, h5, h6, p, ul, li {
	border:0;
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
}
ul {
	list-style:none;
}

body {
	width:1004px;
	font-family:Arial, sans-serif;
	color:#56606A;
	line-height: 1.33em;
	border-top:7px solid #E8E9EA
}
input, label, textarea, table, select {
	font-size:1em;
	line-height: 1.33em;
	font-family:Arial, sans-serif;
	color:#56606A;
}

/*##################################
	Header
##################################*/
#logo {
	position:absolute;
	top:47px;
	left:627px;
}
#logo img {
	display:block;
}
#langPos {
	position:absolute;
	top:7px;
	left:685px;
	border-right:1px solid #D2D5D7;
	width:318px;
}
#langPos a {
	display:block;
	float:right;
	border-left:1px solid #D2D5D7;
	padding: 7px 12px 2px 11px;
	font-weight:normal;
}

#header  {
	border-left:#648A9D 8px solid;
	height:200px;
	width:945px;
}
#header img {
	display:block;
}
#cover  {
	width:600px;
	height:200px;
	position:relative;
}
#sprechblase {
	background:transparent url(../img/dialog.png) no-repeat scroll 0 0;
	position:absolute;
	top:25px;
	left:200px;
	width:380px
}
#headerTitle {
	position:absolute;
	right:0;
	bottom:0;
}


/*##################################
	Service Navigation
##################################*/

#serviceNavCol {
	float:left;
	width:218px;
}
.serviceNav  a{
	color:#56606A;
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	line-height:20px;
	font-size:1em;
	padding:10px 0 9px 9px;
	width:172px;
}
.serviceNav  a:hover {
	text-decoration:none;
}
.serviceNav {
	position:relative;
	line-height:20px;
	font-size:1em;
	height:39px;
	border-bottom: 1px solid #D2D5D7;
	width:181px;
}
.serviceNav.active .serviceNavArrow {
	left:-18px;
	display:block
}
.serviceNav.active a {
	color:#56606A;
}
.serviceNavArrow {
	width:213px;
	height:41px;
	background-image:url(../img/serviceNavArrow0.gif);
	background-repeat:no-repeat;
	z-index:5;
	position:absolute;
	left:-197px;
	top:-1px;
	display:none
}

/***  �ber diese Plattform ****************/
#serviceNav0 {
	border-left:8px solid #7F8B93;
	z-index:1
}
#serviceNav0 .serviceNavArrow {
	background-image:url(../img/serviceNavArrow0.gif);
}
#header.serviceNav1Border {
	border-color: #5E9065;
}

/***  Forum *****************************/
#serviceNav1 {
	border-left:8px solid #8E99A1;
	z-index:1
}
#serviceNav1 .serviceNavArrow {
	background-image:url(../img/serviceNavArrow1.gif);
}
#header.serviceNav1Border {
	border-color: #5E9065;
}

/***  Sch�tzen & Gewinnen ***************/
#serviceNav2 {
	border-left:8px solid #A2ADB4
}
#serviceNav2 .serviceNavArrow {
	background-image:url(../img/serviceNavArrow2.gif);
}
#header.serviceNav2Border {
	border-color: #5E9065;
}

/***  Spartacus meint� ****************/
#serviceNav3 {
	border-left:8px solid #B8C2C9
}
#serviceNav3 .serviceNavArrow {
	background-image:url(../img/serviceNavArrow3.gif);
}
.serviceNav3Border {
	border-color: #5E9065;
}

/***  Medien ***********************/
#serviceNav4 {
	border-left:8px solid #CCD6DC
}
#serviceNav4 .serviceNavArrow {
	background-image:url(../img/serviceNavArrow4.gif);
}
#header.serviceNav4Border {
	border-color: #5E9065;
}

/***  FAQ ***********************/
#serviceNav5 {
	border-left:8px solid #E0E9EF
}
#serviceNav5 .serviceNavArrow {
	background-image:url(../img/serviceNavArrow5.gif);
}
#header.serviceNav5Border {
	border-color: #5E9065;
}

/***  Suche **********************/
.search {
	padding:10px 0 15px 17px;
	border-bottom:1px solid #D2D5D7;
	width:173px
}
.search label {
	color:#5D6772;
	line-height:20px;
	font-size:1em;
	padding:0px 0 5px 0;
	display:block;
	font-weight:bold;
}
.search .textField {
	color:#5D6772;
	font-size:1em;
	line-height:15px;
	display:block;
	border:1px solid #D2D5D7;
	width:135px;
	padding:2px;
	float:left;
}
.search .submitSearch {
	padding:8px 0 0 8px;
}

/*##################################
	Main Navigation
##################################*/

#mainNavigation {
	position:absolute;
	bottom:0px;
	left:210px;
	width:600px;
	height:93px;
}

/***  Primary Navigation **********************/
#priNav ul {
	position:relative;
}
#priNav li {
	display:block;
	float:left;
	margin-right:10px;
}
#priNav li a{
	background-color:#F3F3F5;
	width:170px;
	padding:7px 9px 8px 9px;
	display:block;
	line-height:16px;
	border-top:1px solid #D2D5D7;
	border-left:1px solid #D2D5D7;
	border-right:1px solid #D2D5D7;
}
#priNav li a:hover{
	background-color:#FFFFFF;
	text-decoration:none;
}

#priNav li#priNavArzt a:hover {
	border-top-color:#26D2FC;
	border-right-color:#26D2FC;
	border-left-color:#26D2FC;
	background-color:#26D2FC;
	color:#FFFFFF;

}
#priNav li#priNavArzt li a:hover {
	background-color:#FFFFFF;
	color:#00C5FB;
}
#priNav li#priNavPatienten	a:hover{
	border-top-color:#FF029A;
	border-right-color:#FF029A;
	border-left-color:#FF029A;
	background-color:#FF029A;
	color:#FFFFFF;
}
#priNav li#priNavPatienten li a:hover {
	background-color:#FFFFFF;
	color:#FF029A;
}
#priNav li#priNavVersicherer a:hover {
	color:#FFFFFF;
	border-top-color:#666699;
	border-right-color:#666699;
	border-left-color:#666699;
	background-color:#666699;
}
#priNav li#priNavVersicherer li a:hover {
	background-color:#FFFFFF;
	color:#666699;
}

/***  Secondary Navigation **********************/
#priNav ul {
	width:587px;
	position:absolute;
	top:32px;
	left:0;
	background-color:#FFFFFF;
	height:58px;
}

#priNav li li a{
	background-repeat:no-repeat;
	background-position:165px 7px;
	padding:6px 14px 6px 10px;
	width:166px;
	color:#56606A;
	display:block;
	border:0;
	margin-bottom:1px;
	background-color:#FFFFFF;
}

#priNav li li.right {
	margin-right:0px;
}
#priNav li li.right a {
	width:163px;
}


/*##################################
	Content
##################################*/

#contentArea {
	float:left;
	width:786px;
}
.colA {
	width:190px;
	margin-right:10px;
	float:left;
}
.colC {
	width:390px;
	float:left;/*  need for IE 6, otherweise does not show border-left */
	overflow:hidden;
}

.colC ul{
	list-style: disc;
	padding:0px 10px 10px 10px;
	margin-left: 20px;

}

#colCIframe {
	width:400px;
	margin:0;
	height:1200px;
}

.colCombi2 {
	width:400px;
	float:left;

}
/*  need for IE 6 */
.colCombi2 .colA {
	margin-right:0px;
	padding-right:10px;
}
.colCombi2 .colA .box {
	width:188px
}
/* end of for IE 6 */


/*  for Blog & Forum */
.colD {
	width:586px;
	float:left;
	/*padding-left:10px;*/
	margin-right:10px;
}
.colB {
	width:190px;
	float:left;
}

/*  Forum */
.colE {
	width:786px;
}

p em {
	color: white;
	font-style: normal;
}

/*######### Box Teaser ######################################*/

.box {
	margin-top:10px; /*need for IE 6 margin-top benutzt statt margin-bottom fuer Abstand*/
	border: 1px solid #D2D5D7;
	padding-bottom:5px;
	background-color:#FFFFff;/*need for IE 6*/
}
.box.noPadBtm {
	padding-bottom:0px;
}
.titleImgBlock {
	padding-bottom:5px;
}
/*
.box.noPadBtm h3{
	border-bottom:0px;
}
*/
.box h3 {
	border-bottom: 1px solid #D2D5D7;
	background-color:#F3F3F5;
	margin:0;
	padding:0;
	line-height:17px;
}

.box h3.noLink {
	padding:6px 9px 6px 9px
}
.box h3 a {
	background-image:none;
	padding:6px 9px 6px 9px;

}
.box h3 a:hover {
	background-image:none
}
.box a {
	display:block;
	background-image:url(../img/arrowNext.png);
	background-repeat:no-repeat;
	background-position:9px 5px;
	padding:0px 9px 2px 21px;
	line-height:17px;
}
.box p, .boxBg p {
	padding:12px 9px 10px 9px;
}

.imgFloatR {
	float:right;
	display:inline
}
.box a.download {
	background-position:0px 5px;
	padding:0px 9px 2px 12px;
	margin-top:-12px
}

/*######### Forum box Teaser ######################################*/

.box ul {
	padding-top:7px;
}
.box li a {
	display:block;
	background-image:none;
	padding:6px 9px 2px 9px;
	/*line-height:1.16em;*/
	line-height:1.33em;
	color:#56606A;
}
.box li a:hover {
	color:#56606A;
	background-image:none;
}
span.subInfo {
	display:block;
	font-weight:normal;
}

/*######### Vorteile - Liste with folded Content  ######################################*/

.listBlock {
	margin-top:10px;

}
.listTitle {
	background-image:url(../img/arzt/iconPlus.png);
	background-repeat:no-repeat;
	background-position:11px 7px;
	background-color:#F3F3F5;
	padding:6px 10px 6px 33px;
	border: 1px solid #D2D5D7;
	margin-top:4px;
	cursor:pointer;
	font-weight:bold;
	/*height:16px;*/
	line-height:16px;
}
.listTitle.opened {

}
.listContent {
	padding:13px 20px 12px 33px;
	display:none
}
.listContent p {
	padding:0px;
}
/*##################################
	Footer
##################################*/

#footer {
	margin-top:30px;
	margin-left:218px;
	width:590px;
	border-top: 1px solid #D2D5D7;
	line-height:1em;

}
#footer p {
	padding:10px 0 20px 5px;
}
#footer a {
	font-weight:normal;
}
.sparator {
	padding:0 4px
}

/*##################################
	pop up window info Style
##################################*/

#black_overlay{
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index:1001;
	-moz-opacity: 0;
    opacity:0;
    filter: alpha(opacity=0);
	background-color: black;
}
#infoIFrame {
	width:100%;
	height:160px;
	border:0;
}
.white_content {
    display: block;
    position: absolute;
/*    top: 25%;*/
    left: 25%;
    width: 442px;
    height: 50%;
    background-color: white;
    z-index:1002;
    overflow: hidden;
	background-color:#FFFFFF;
}

#infoPopupBox {
	height:200px;
	border: 1px solid #D2D5D7;

}
.infoPopupTitle {
	background-repeat:no-repeat;
	background-position:10px 6px;
	display:block;
	padding:6px 0px 6px 30px;
	background-color:#F3F3F5;
	font-weight:bold;
	border-bottom: 1px solid #D2D5D7;
}
.infoPopupContent {
	padding:5px 20px 20px 20px;
}
.infoPopupContent p {
	padding:15px 10px 20px 10px;
}
#closePopup {
	margin-left:30px;
	margin-bottom:20px;
}

/*##################################
	Formular
##################################*/
fieldset{
	border: none;
	padding:10px
}

form.formBlock {
	margin-top:10px;
}
.formBox {
	border-right: 1px solid #D2D5D7;
	border-left: 1px solid #D2D5D7;
	border-bottom: 1px solid #D2D5D7;
	width:387px
}
.formBox.first {
	border-top: 1px solid #D2D5D7;
}

.formBlock h3 {
	position:relative;
	width:369px;
	border-bottom: 1px solid #D2D5D7;
	background-color:#F3F3F5;
	padding:6px 9px 6px 9px;
	line-height:17px;

}
.formBlock h3 a.info {
	position:absolute;
	right:0;
	top:0;
	color:#56606A;
	background-repeat:no-repeat;
	background-position:0 7px;
	background-image:url(../img/service/iconInfo.png);
	display:block;
	width:31px;
	padding:6px 0px 0px 20px;
}
.formBlock a.info.infoNoBg {
	float:none;
	color:#56606A;
	background-repeat:no-repeat;
	background-position:0 15px;
	background-image:url(../img/service/iconInfo.png);
	display:block;
	padding:7px 9px 0px 20px;
	line-height:30px;
	height:30px;
}

.formBox .formElement {
	padding:0px 9px 10px 9px;
	width:368px;
	margin-top:12px
}
.formBox h3 label {
	font-weight:bold;
}
.formBox label {
	display:block;
}
.selector {
	color:#56606A;
	display:block;
	border: 1px solid #D2D5D7;
	float:left;
	margin:0 0 12px 0;
}

.formBox td{
	vertical-align:top;
}
.formBox td.tdCol1, .formBox td.tdCol3{
	width:110px;
}
.formBox td.tdCol2{
	width:140px;
}
.formBox input.radio {
	border: 0;
	width:14px;
	height:17px;
}
.formBox input.checkbox {
	border:none;
	display:block;
	float:left;
	width:14px;
	height:17px;
	margin:0 5px 0 0;
}
input.textField, .csc-mailform-field input {
	border: 1px solid #D2D5D7;
	display:block;
	line-height:16px;
	padding:2px 2px 3px 2px;
	font-size:1em;
	width:229px;
	margin:4px 0 12px 0;
}
.submitButton, .csc-mailform-submit {
	cursor:pointer;
	text-align:left;
	background-image:url(../img/service/arrowSquareNext.png);
	background-position:9px 6px;
	background-repeat:no-repeat;
	padding:2px 0px 4px 30px;
	display:block;
	background-color: #F3F3F5;
	font-weight:bold;
	color:#56606A;
	border: 1px solid #D2D5D7;
	width:110px;
	height:30px;
	line-height:22px;
	margin-top:10px;
	margin-bottom:5px;

}
.submitButton:active, .csc-mailform-submit:active {
	border: 1px solid #D2D5D7;
}

.submitButton:hover, .csc-mailform-submit:hover  {
	color:#FFFFFF;
	background-color:#5D6772;
}

/* Each botton width Definition */
.submitButton.print {
	width:95px;
	margin-top:15px;
	margin-bottom:0px;
}

/*##################################
	Fonts
##################################*/

a {
	text-decoration:none;
	font-weight:bold;
	color:#56606A;
}
a:hover {
	text-decoration:underline
}
a.default {
	display:block;
	background-image:url(../img/arrowNext.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	padding:0px 10px 2px 21px;
	line-height:17px;
}
p a.default {
	padding:0px 0px 2px 11px;
	background-position:0px 5px;
}
a.download{
	padding:0px 0px 2px 11px;
	background-position:0px 5px;
	display:block;
	background-image:url(../img/arrowNext.png);
	background-repeat:no-repeat;
	line-height:17px;
}


h1 {
	font-size:2.05em;
	line-height:1em;
	color:#56606A;
	font-weight:normal;
	padding:19px 0 23px 10px;
	width:705px;
}
h1 span {
	display: block;
	height: 0;
	overflow: hidden;
	width: 0;
}
h2 {
	font-size:1.16em; /*20px*/
	line-height:1.3em;
	font-weight:normal;
	padding:6px 10px 16px 10px;
}
h3 {
	font-size:1em;
	line-height:1.33em;
	padding:6px 10px 6px 10px;
}
h4 {
	font-size:1em;
	line-height:1.33em;
	padding:9px 10px 0px 10px;
}
h5 {
	font-size:1em;
	line-height:1.33em;
	padding:0px;
}

p {
	padding:0px 10px 10px 10px;
}
.highlight {
	font-weight:bold;
}
.imgL {
	float:left;
	padding-right:10px;
}
.imgR {
	float:right;
	padding-left:10px;
}
.clearL {
	clear:left
}
.clearR {
	clear:right;
}
.clearB {
	clear:both
}
.clearL hr, .clearR hr, .clearB hr, .spacer hr  {
	display:none
}
.marginR10 {
	margin-right:10px
}
.spacer {
	height:7px
}

/*##################################
	Default  Table
##################################*/

table{
	border-collapse: collapse;
	empty-cells: show;
}

/*##################################
	Google Map
##################################*/

#map,
#map-spinner {
	width: 584px;
	height: 436px;
}
#map-spinner {
	background: #fff url(../img/spinner.gif) no-repeat center;
	opacity: 0.9;
	filter: alpha(opacity=50);
	position: relative;
	top: -437px;
	left: 1px;
}
div.map-legend {
	margin-top: 87px;
}
div.map-tooltip {
	background: transparent url(../img/mapTooltipBackground.png) no-repeat left bottom;
	padding-bottom: 10px;
	width: 199px;
}
div.map-tooltip div.map-tooltip-content {
	background-color: #fff;
}

#monthLinks {
	background-color:#F3F3F5;
	border-left: 1px solid #D2D5D7;
	border-right: 1px solid #D2D5D7;
	padding:0 10px;
	background-image:url(../img/border_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	width:564px;
}
#monthLinks li {
	float:left;
}
#monthLinks li.newYear {
	background-image:url(../img/yearSeparator.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	position:relative
}
.newYearText {
	position:absolute;
	font-weight:bold;
	top:40px;
	left:-13px
}
#monthLinks li a {
	display:block;
	font-weight:bold;
	padding:11px 9px 10px 9px;
}
#monthLinks li a.active {
	color:#FF029A;
	background-image:url(../img/monthActive.png);
	background-repeat:no-repeat;
	background-position:center 30px
}
#monthLinks li a:hover {
	color:#FF029A;
}
td.iconLegend {
	height: auto;
	text-align: center;
	padding-bottom: 8px;
}
td.iconLegend div.iconPin {
	margin-left: 10px;	
}
td.iconLegend img {
	padding-bottom: 0px;	
}
td.textLegend p {
	margin-bottom: 8px;
}
.customerView input.checkbox {
	border:none;
	display:block;
	float:left;
	width:14px;
	height:17px;
	margin:0 0px 8px 13px;
}
.customerView label {
	padding:0px 9px 10px 17px;
}


@media print {
	body {

		border-top:0;
	}
	#logo, #langPos, #serviceNavCol, #mainNavigation, .box.login, .box.user, .box.categories, .box.comments, .box.archive {
		display:none
	}
	#footer {
		margin-left:0px;
	}
	.colA {
		width:189px;
		margin-right:10px;
	}
}

/*##################################
	Index Search Button Mouse over, wenn man html code angepasst hat, kann man diese Style aktivieren
##################################*/
/*
.search input.submitSearch {
	margin-left:7px;
	margin-top:6px;
	background-image:url(../img/arrowNextBig.png);
	background-repeat:no-repeat;
	background-position:4px 5px;
	width:14px;
	height:14px;
	background-color:#FFF;
	float:left;
	padding:0;

}
.search input.submitSearch:hover {
	background-image:url(../img/arrowCircle.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
*/