@charset "UTF-8";
/**
 * Webservice Form Test
 *
 * @version   0.1 alpha
 *
 * @author:   Alexander Stroick <alexander.stroick@telegate.com>
 *
 * @copyright 2010 telegate MEDIA AG. All rights reserved.
 * @license   http://www.klicktel.de/unauthorized.copying.prohibited NoCopying
 */
 
 @media all
{
 /**
  * @section browser reset
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  * { margin:0; padding:0; }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    font-size:100.01%;

    /* (en) Standard values for colors and text alignment */
    background:#fff;
    color:#000;
    text-align:left; /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  div { outline:0 none; }

  /* (en) Clear borders for <fieldset> and <img> elements */
  fieldset, img { border:0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {
    line-height:1.5em;
    margin-left:0.8em; /* LTR */
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } /* LTR */

  blockquote { margin:0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  */

  /* (en) clearfix method for clearing floats */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  *
  * (en) skip links and hidden content
  */

  /* (en) classes for invisible elements in the base layout */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /**
	 * Fonts
	 *
	 * global settings of font-families and font-sizes
	 *
	 * @section content-global-settings
	 */
	/* reset font size for all elements to standard (16 Pixel) */
	html * {
			font-size: 100.01%;
			margin: 0;
			padding: 0;
	}

	/**
	 * reset monospaced elements to font size 16px in all browsers
	 *
	 * @see: http://webkit.org/blog/67/strange-medium/
	 */
	textarea, pre, code, kbd, samp, var, tt {
			font-family: Verdana, Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	/* base layout gets standard font size 12px */
	body {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75.00%;
			color: #444;
	}

	/**
	 * headings
	 * ##############################################################################################
	 */
	h1, h2, h3, h4, h5, h6 {
			font-family: Verdana, "Times New Roman", Times, serif;
			font-weight: normal;
			color: #222;
			margin: 0 0 0.25em 0;
	}

	h1 { font-size:250%; }                       /* 30px */
	h2 { font-size:200%; }                       /* 24px */
	h3 { font-size:150%; }                       /* 18px */
	h4 { font-size:133.33%; }                    /* 16px */
	h5 { font-size:116.67%; }                    /* 14px */
	h6 { font-size:116.67%; }                    /* 14px */
	
	/**
	 * lists
	 * ##############################################################################################
	 */
	ul, ol, dl {
			line-height: 1.5em;
			margin: 0 0 1em 1em;
	}
	
	ul {
			list-style-type: disc;
	}
	
	ul ul {
			list-style-type: circle;
			margin-bottom: 0;
	}
	
	ol {
			list-style-type: decimal;
	}
	
	ol ol {
			list-style-type: lower-latin;
			margin-bottom: 0;
	}
	
	li {
			margin-left: 0.8em;
			line-height: 1.5em;
	}
	
	dt {
			font-weight: bold;
	}
	
	dd {
			margin: 0 0 1em 0.8em;
	}

	/**
	 * general text formatting
	 * ##############################################################################################
	 */
	p {
			line-height: 1.5em;
			margin: 0 0 1em 0;
	}
	
	blockquote, cite, q {
			font-family: Verdana, Georgia, "Times New Roman", Times, serif;
			font-style: italic;
	}
	
	blockquote {pat
			margin: 0 0 1em 1.6em;
			color: #666;
	}
	
	strong, b {
			font-weight: bold;
	}
	
	em, i {
			font-style: italic;
	}
	
	big {
			font-size: 116.667%;
	}
	
	small {
			font-size: 91.667%;
	}
	
	pre {
			line-height: 1.5em;
			margin: 0 0 1em 0;
	}
	
	pre, code, kbd, tt, samp, var {
			font-size: 100%;
	}
	
	pre, code {
			color: #800;
	}
	
	kbd, samp, var, tt {
			color: #666;
			font-weight: bold;
	}
	
	var, dfn {
			font-style: italic;
	}
	
	acronym, abbr {
			border-bottom: 1px #aaa dotted;
			font-variant: small-caps;
			letter-spacing: .07em;
			cursor: help;
	}
	
	sub, sup {
			font-size: 91.6667%;
			line-height: 0;
	}
	
	hr {
			color: #fff;
			background: transparent;
			margin: 0 0 0.5em 0;
			padding: 0 0 0.5em 0;
			border: 0;
			border-bottom: 1px #eee solid;
	}

	/**
	 * links
	 * ##############################################################################################
	 */
	a {
			color: #0190D6;
			background: transparent;
			text-decoration: none;
	}
	
		/* maximum constrast for tab focus - change with great care */
	a:hover, a:active {
			color: #0190D6;
			text-decoration: underline;
			outline: 0 none;
	}

	

	/**
	 * tables
	 * Generic classes for table-width and design definition
	 * ##############################################################################################
	 */
	table {
			width: auto;
			border-collapse: collapse;
			margin-bottom: 0.5em;
			/*border-top: 2px #888 solid;
			border-bottom: 2px #888 solid;*/
	}
	
	table caption {
			font-variant: small-caps;
	}
	
	table.full {
			width: 100%;
	}
	
	table.fixed {
			table-layout: fixed;
	}
	
	th, td {
			padding: 0.5em;
	}
	
	thead th {
			color: #000;
			border-bottom: 2px #800 solid;
	}
	
	tbody th {
			/*background: #e0e0e0;*/
			color: #333;
	}
	
	tbody th[scope="row"], tbody th.sub {
			/*background: #f0f0f0;*/
	}
	
	tbody th {
			border-bottom: 1px solid #fff;
			text-align: left;
	}
	
	tbody td {
			/*border-bottom: 1px solid #eee;*/
	}
	
	tbody tr:hover th[scope="row"],
	tbody tr:hover tbody th.sub {
			/*background: #EBEBEB;*/
	}
	
	tbody tr:hover td {
			/*background: #EBEBEB;*/
	}
}


@media screen, projection {
	/**
	 * Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
	 *
	 * @workaround
	 * @affected IE8, FF, Webkit, Opera
	 * @css-for all
	 * @valid CSS3
	 */
	body {
		overflow-y: scroll;
		background-color:#F2F0FF;
		color:#333333;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-weight:normal;
		line-height:20px;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	#header {
		background: transparent url("../images/header_index.jpg") no-repeat 0 0;
		height: 180px;
	}
	
	body.team #header {
		background: transparent url("../images/header_team.jpg") no-repeat 0 0;
	}
	
	body.praxis #header {
		background: transparent url("../images/header_praxis.jpg") no-repeat 0 0;
	}
	
	body.leistungen #header {
		background: transparent url("../images/header_leistungen.jpg") no-repeat 0 0;
	}
	
	body.kontakt #header {
		background: transparent url("../images/header_zeiten.jpg") no-repeat 0 0;
	}
	
	body.anfahrt #header {
		background: transparent url("../images/header_kontakt.jpg") no-repeat 0 0;
	}

	body.impressum #header {
		background: transparent url("../images/header_impressum.jpg") no-repeat 0 0;
	}
	
	#main {
		margin:10px auto 0;
		text-align:left;
		width:800px;
		background-color:#FFFFFF;
		border:1px solid #AAB3FF;
	}

	#navigation {
		position: relative;
	}
	
	#navigation  ul {
		position: absolute;
		top: 133px;
		left: 88px;
		list-style: none;
	}
	
	#navigation  ul li  {
		width: auto;
		display: inline;
		float: left;
	}
	
	#navigation  ul li  a {
		color: #fff;
		font-weight: bold;
		margin-right: 50px;
	}
	
	#navigation  ul li a.active,
	#navigation  ul li a:hover {
		color:#AAB3FF;
	}
	
	#content {
		margin: 20px 10px 30px 50px;
	}
	
	#content h1 {
		color:#000000;
		font-size:17px;
		font-weight:bold;
	}
	
	#content h1.headline {
		margin-bottom: 20px;
	}

	#content p {
		color:#000000;
		font-size:13px;
	}

	#content div.teasergrp {
		margin: 30px 0 0 70px;
	}
	
	#content div.teaser {
		float: left;
		width: 150px;
		margin-right: 55px;
	}
	
	#content div.teaser a.img {
		border: none;
		margin-bottom: 20px;
		display: block;
	}
	
	#content div.teasergrp div.leistung a.img {
		margin-bottom: 0px;
		margin-top: 20px;
	}
	
	#content div.teaser a.teaserlink {
		color:#000000;
		font-weight:bold;
		text-decoration:none;
		background: transparent url("../images/blauer_pfeil.gif") no-repeat 0 10px;
		padding-left: 30px;
		display: block;
	}
	
	table.teamgallery {
		width: 700px;
	}
	
	table.teamgallery.last tr td {
		padding-left: 33px;
	}
	
	#content div.imgright img {
		float:right;
	}

	#content div.imgright p {
		float:left;
		width: 475px;
	}
	
	body.anfahrt #content div.imgright {
		margin-top: 20px;
	}
	
	body.anfahrt #content div.imgright p {
		width: 345px;
		padding-right: 20px;
	}
	
	body.anfahrt #content p.info2 {
		margin-top: 20px;
	}
	
	#content div.iframe {
		width: 350px;
		float: left;
	}
	
	#content h3.subhead {
		font-size:14px;
		font-weight:bold;
	}
	
	#content div#box_ueberblick {
		float:left;
		width: 180px;
		margin-right: 20px;
	}
	
	#content div.box_leistung {
		background-color:#F2F0FF;
		border-bottom:1px solid #1C2367;
		border-top:1px solid #1C2367;
		margin-bottom: 20px;
	}
	
	#content span.box_leistung_inhalt {
		margin-left:10px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	#content div.box_leistung a {
		color:#1C2367;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
	}

	#content div#box_detail{
		float:left;
		width: 530px;
	}
	
	#content .box_intro {
		margin-left:10px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	#content div.box_content {
		background-color:#F2F0FF;
		border-bottom:1px solid #1C2367;
		border-top:1px solid #1C2367;
	}

	#content div.box_content ul li {
		margin:8px 0 0 17px;
	}
	
	.box_detail_1, .box_detail_2, .box_detail_3, .box_detail_4, .box_detail_5, .box_detail_6, .box_detail_7, .box_detail_8, .box_detail_9, .box_detail_10 {
		display:none;
		margin-left:10px;
		overflow:visible;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	#content div.tel {
		margin: 20px 0;
	}
	
	#content div.tel div.cl {
		float:left;
		width: 300px;
	}
	
	#content div.tel div.cr {
		float:left;
		width: 140px;
		margin-left: 100px;
	}

	#content div.tel span.tel_label {
		font-weight: bold;
		padding-right: 10px;
	}
	
	#content .bold {
		font-weight: bold;
	}
	
	#content a.kwl,
	#content a.maps	{
		background:url("../images/blauer_pfeil.gif") no-repeat scroll 0 3px transparent;
		color:#000000;
		display:block;
		font-weight:bold;
		padding-left:30px;
		text-decoration:none;
	}
	
	#content a.maps	{
		margin-top: 10px;
	}
	
	#content table.sprechzeiten {
		margin: 10px 0 20px 65px;
	}
	
	#content table.sprechzeiten thead tr td {
		background-color:#AAB3FF;
		font-weight: bold;
	}
	
	#content table.sprechzeiten thead tr td.empty {
		background-color:#fff;
	}
	
	#content table.sprechzeiten tr td.day {
		background-color:#AAB3FF;
		font-weight: bold;
	}
	
	#content table.sprechzeiten tr td{
		border-bottom:1px solid #1C2367;
	}
	
	#footer {
		margin:0 auto;
		text-align:left;
		width:800px;
	}
	
	#footer a {
		color:#1C2367;
		display:block;
		font-size:12px;
		font-weight:bold;
		margin-right:10px;
		margin-top:5px;
		padding:0;
		text-decoration:none;
		float: right;
	}
	
	#footer a:hover,
	#footer a.active {
		color:#AAB3FF;
	}
	
}