/*
* Project: www.arthrose-experte.de
* Author: VisualActing GmbH <www.visualacting.de>
*/

@media screen, projection {
  html {
    font-size: 100%
  }
  body {
    font: 62.5%/1.3 Verdana, Arial, Helvetica, sans-serif;
    color: #000
  }
  strong, b {
    font-weight: bold
  }
  em {
    font-style: italic
  }
  a, a:link, a:visited {
  	position: relative;
  	z-index: 9999;
  	background-color: transparent;
    text-decoration: underline;
    color: #34831d
  }
  a:hover {
  	color: #34831d;
  	text-decoration: underline
  }
  th {
    font-weight: bold
  }
  p {
    font-size: 1.1em
  }
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold
	}


  /** headlines */
  .content h3, .content h4, .content h5, .content h6,
  .subcontent h3, .subcontent h4, .subcontent h5, .subcontent h6 {
  	font-weight: bold;
  	margin-bottom: .3em
  }
	.content h3, .subcontent h3 {font-size: 1.2em}
	.content h4, .subcontent h4 {font-size: 1.1em}

  /** menues */

  /* mainmenu */
  ul.topMenu {
  	margin: 0 0 10px 0;
  	padding: 0
  }
  ul.topMenu li {
  	margin: 0;
  	padding: 0;
  	width: 100%
  }
  ul.topMenu li a,
  ul.topMenu li a:visited {
  	position: relative;
  	display: block;
  	font-weight: bold;
  	color: #000;
  	text-decoration: none;
		line-height: 22px;
		background: url(../images/trenner.gif) left bottom repeat-x
  }
  ul.topMenu li ul.level2 li a,
  ul.topMenu li ul.level2 li a:visited {
  	font-weight: normal;
		color: #000
  }
  ul.topMenu li ul.level2 li {
  	margin: 0;
  	padding: 0
  }
  ul.topMenu li ul.level2 li ul.level3 li a,
  ul.topMenu li ul.level2 li ul.level3 li a:visited {
  	font-weight: normal;
		color: #000
  }
  ul.topMenu li ul.level2 {
  	padding-left: 5px
  }
	ul.topMenu li ul.level3 {
  	padding-left: 5px
  }
  ul.topMenu a.active {
  	color: #34831d !important
  }

  /* breadcrumb */
  ul.breadMenu {
		margin-bottom: 10px;
  }
  ul.breadMenu li {
  	display: inline;
  }
  ul.breadMenu li a,
  ul.breadMenu li a:visited {
  	color: #646464;
  	text-decoration: none;
  }
  ul.breadMenu li a:hover {
  	text-decoration: underline;
  	color: #646464;
  }

  /* footer */
  ul.menuBtm {
  	position: relative;
  	text-align: center;
		width: auto;
		padding: 17px 0 0 0;
  }
  ul.menuBtm li {
  	border-left: 1px solid #9c9c9c;
    display: inline;
  }
  ul.menuBtm li a,
	ul.menuBtm li a:visited {
  	color: #9c9c9c;
  	padding: 0 3px 0 5px;
  	text-decoration: none
  }
  ul.menuBtm li a:hover {
		color: #9c9c9c;
		text-decoration: underline
	}
  ul.menuBtm li.active a {
    color: #9c9c9c
  }
  ul.menuBtm li.first {
  	border-left: 0
  }


  /* fontsize */
  #header div#fontSize {
  	position: absolute;
  	bottom: 3px;
  	right: 25px;
  	font-weight: bold;
  	font-size: 1.1em;
  	color: #34831d;
  }
  #header div#fontSize span {
  	float: left;
  	padding-right: 5px;
  }

  /** left */
  .leftCoCon {
  	font-size: 1.1em;
  	background: url(../images/left_container_con.png) repeat-y;
  	width: 159px;
  	padding: 0 30px 0 34px;
  	min-height: 662px;
  }
  .leftCoCon .trenner {
  	background: url(../images/trenner.gif) repeat-x;
  	padding: 0;
  	height: 1px;
  	overflow: hidden
  }

  /* search */
  .leftCoCon div#search {
  	margin: 15px 0 10px 0;
  }
  .leftCoCon div#search h3.search {
  	font-weight: bold;
  	margin-bottom: .3em;
  }
  .leftCoCon h2.partner {
  	text-align: center;
  	font-weight: bold;
  	margin: 45px 0 30px 0;
  	color: #7b7b7b;
  }

  /* partner */
  .leftCoCon img {
  	padding-bottom: 15px;
  }
  .leftCoBtm {
  	background: url(../images/left_container_btm.png) no-repeat;
  	width: 223px;
  	height: 19px;
  	overflow: hidden;
  }


  /** right */
  .rightCoTop {
  	background-color: #3F9223;
  	background: url(../images/subheader_h2_bg.png) no-repeat;
		padding-left: 37px;
  	margin-left: -10px;
  	width: 536px;
  	height: 27px;
  	overflow: hidden
  }
  .rightCoTop h2 {
  	font-size: 1.5em;
  	font-weight: bold;
  	color: #fff;
  	width: auto;
  	margin-top: -2px;
  }

  /** content */
  .rightCoCon {
  	background: url(../images/right_container_con.png) repeat-y;
  	margin-left: -10px;
  	min-height: 190px;
  	padding: 19px 0 5px 38px;
  	width: 534px;
  }
  .rightCoCon .content {
		padding-right: 30px;
  }
  .rightCoCon .content p {
		padding-bottom: 1.3em;
  }
  .rightCoCon .content ul, .rightCoCon .content ol, .rightImageCon ul, .rightImageCon ol  {
  	position: relative;
  	padding: 5px 0;
  	list-style-type: disc;
  	margin-left: 20px;
  }
  .rightCoCon .content ol,
  .rightImageCon ol {
  	list-style-type: decimal;
  	margin-left: 25px;
  	padding-right: 5px;
  }
  * html .rightCoCon .content ol {
  	margin-left:30px
  }
  .rightCoCon .content ul li,
  .rightCoCon .content ol li,
  .rightImageCon ol li,
  .rightImageCon ul li {
  	line-height: 1.3em;
  	margin-bottom: .3em;
  	font-size: 1.1em
  }


	/** print & send */
	#printSend {
		clear: both;
		text-align: right;
		padding-right: 20px
	}
	#printSend a.print,
	#printSend a.print:visited {
		color: #646464;
		background: url(../images/icons/print.gif) 0 1px no-repeat;
		padding-left: 15px;
		padding-right: 10px;
		text-decoration: none
	}
	#printSend a.send,
	#printSend a.send:visited {
		color: #646464;
		background: url(../images/icons/mail.gif) 0 1px no-repeat;
		padding-left: 15px;
		padding-right: 0;
		margin-right: 10px;
		text-decoration: none
	}
	#printSend a.print:hover,
	#printSend a.send:hover {
		text-decoration: underline
	}

	/** imagebox */
  .rightCoBtm {
  	background: url(../images/right_container_btm.png) no-repeat;
  	width: 573px;
  	height: 19px;
  	margin-left: -10px;
  	overflow: hidden
  }
  .rightImageTop {
  	background: url(../images/right_image_top.png) no-repeat;
  	width: 573px;
  	height: 20px;
  	margin: -10px 0 0 -10px;
  	overflow: hidden
  }
  .rightImageCon {
  	background: url(../images/right_image_con.png) repeat-y;
  	width: 507px;
  	padding: 8px 30px 0 36px;
  	margin-left: -10px;
  	overflow: hidden
  }
  .rightImgBox {
  	float: left;
  	width: 160px;
  	margin-right: 8px;
  	padding-bottom: 8px
  }
  .rightImgBox .imgBoxBtm a img {
		filter: alpha(opacity=100);
	  -moz-opacity: 1.0;
	  opacity: 1.0;
  }
  .rightImgBox .imgBoxBtm a:hover img {
	  filter: alpha(opacity=70);
	  -moz-opacity: .7;
	  opacity: .7;
  }
  .rightImageCon .imgBoxTop {
  	color: #fff;
  	width: 148px;
  	height: 46px;
  	overflow: hidden;
  	padding: 2px 6px 6px;
  }
	.rightImageCon .imgBoxTop h3 {
		font-size: 1.2em;
		font-weight: bold;
	}
	.rightImageCon .imgBoxTop h3 a,
	.rightImageCon .imgBoxTop h3 a:visited {
		color: #fff;
		text-decoration: underline
	}
	.rightImageCon .imgBoxTop p {
		font-size: 1.1em;
		line-height: 1.5em
	}
	.rightImageCon .imgBoxBtm {
		height: 104px;
		overflow: hidden
	}
  .rightImageBtm {
  	background: url(../images/right_image_btm.png) no-repeat;
  	width: 573px;
  	height: 19px;
  	margin-left: -10px;
  	overflow: hidden
  }
  /* green */
  .imgColGreen {
  	border: 1px solid #449533;
  }
  .imgColGreenBg {
  	background: url(../images/imgbox/left_imgboxTop_green.jpg) no-repeat;
  }
  /* darkblue */
  .imgColDarkblue {
  	border: 1px solid #286186;
  }
  .imgColDarkblueBg {
  	background: url(../images/imgbox/left_imgboxTop_darkblue.jpg) no-repeat;
  }
  /* lightblue */
  .imgColLightblue {
  	border: 1px solid #1d96bf;
  }
  .imgColLightblueBg {
  	background: url(../images/imgbox/left_imgboxTop_lightblue.jpg) no-repeat;
  }

	table{border-collapse:collapse;width:100%;margin-bottom:15px}
	table th{background:#34831D;color:#fff;padding:3px 10px 6px 10px;border:1px solid #34831D}
	table td{padding:4px 10px;border:1px dotted #D6D6D6}
	.quelle{font-size:smaller}

}