/*
* main CSS of praxisvalentien.de
*
* W3C conform CSS standard is used.
* for all CSS 2.0 compatible browsers
*/

/* MAIN STURCTURE / GLOBAL TEMPLATE STYLE */
body {
	margin:0;
	background-color:#fff;
	}

.hide {
	display:none;
	}
/*body{*/

div#window {
	min-width:460px;
	max-width:920px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	border:1px solid #fff;
	}

div#banner {
	height:250px;
	border:solid 1px #fff;
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	color:#ccf; 
	}

div#banner a#banner-title {
  display:block;
  float:left;
  height:50px;
  width:500px;
  margin: 150px 0 0 50px;
  background: url(../graphics/titel.png) no-repeat ;
  }
div#banner img {
  float:right;
  margin: 15px 40px 0 0;
  }
div#banner-info {
  clear:both;
	height:30px;
	position:absolute;
	bottom:0;
	width:100%;
	background: url(../graphics/transparent.png) ;
	}	

/* bread crump */
div#banner-info div#breadcrumb {
  margin:5px 5px 0 20px;
	}
	
div#breadcrumb  a {
	display:inline;
  text-decoration:none;
	color:#4474ae;
	font-size:0.8em ; 
	font-family:arial, sans-serif;
	font-weight:300;
	}

div#breadcrumb  a:hover {
	color:#f90;
	}
	
div#breadcrumb  span {
	/*color:#ccf;*/
	font-size:0.8em;
	font-family:arial, sans-serif;
	font-weight:300;
	}

div#banner-info div#lang {
	float:right;
	font-size:0.8em;
	margin:10px 5px 0 0;
	font-family:arial, sans-serif;
	/*color:#ccf/*#605da9;*/
	}

/*language flag*/
div#banner-info div#lang a img {
	display:none;
	}
	
div#banner-info div#lang a:hover img {
	display:block;
	position:absolute;
	right:0;
	top:-55px;
	}
/*end Breadcrumb*/	
div#left {
	float:left;
	width:260px;
	min-height:300px;
	background-color:#fff;
	padding: 0 0 0 15px;
	border-right:solid 1px #ccf;
	}
/* main navigation menu */
div#left ul#mainmenu {
  margin: 30px  0 4px 20px;
  }
  
div#left ul {
	list-style-type:none;
  padding:2px;
  margin: 0  0 4px 20px;
  }

ul#mainmenu li a {
	/*display:block;*/
	text-decoration:none;
	color:#7e7e7e;
	font:0.8em/1.4em verdana, serif ;
	padding:2px;
	}
	
ul#mainmenu li.open a, ul#mainmenu li.open ul li.open a, ul#mainmenu li.open ul li.open ul li.open ul li a {
	font-weight:bold;
	}
	
ul#mainmenu li.open ul li a, ul#mainmenu li.open ul li.open ul li a , ul#mainmenu li.open ul li.open ul li.open ul li a{
	font-weight:normal;
	}
	
ul#mainmenu li#here  a {
	color:#f90;
	}
ul#mainmenu li a:hover {
	color:#f90;
	}
/* end - main menu */	
div#content { 
	padding:20px 3px 10px 20px;
	margin:0 0  auto 280px;
	}
/* footer */
div#bottom {
	clear:both;
	text-align:center;
	color:#ccf;
	font-family: 'courier new', monospace;
	padding:30px 0 0 260px;	
	}
	
div#bottom div#links {
	padding-right:5px;
	font:5pt 'courier new', monospace;
	/*font-size:0.6em;
	font-family:arial, sans-serif; verdana, serif;*/
	}	
	
div#bottom div#links {
	font-size:0.7em;
	line-height:2em;
	word-spacing:2px;
	word-spacing:3px;
	display:block;
	margin-bottom:10px;
	}

div#bottom div#links a {
	text-decoration:none;
	font-family: verdana, serif;
	font-size:1em;
	color:#4474ae;
	}
	div#bottom div#links a:visited {
		text-decoration:none;
		color:#4474ae;
		}
	div#bottom div#links a:hover {
		text-decoration:underline;
		color:#c00;
		}
	div#bottom div#links a:active {
		color:#f90;
		}

div#bottom div#links a img {
	margin-right:5px;
	}
	
div#baseline {
	border-top:1px #ccf solid;
	text-align:right;
	padding:1px 20px 0 0;
	font-size:15px; 
	color:#ccf;
	font-family: 'courier new', monospace;
	font-weight:100;
	}

div#baseline div#valid {
	padding-left:20px;
	float:left;
	}
 div#baseline div#valid a {
	text-decoration:none;
	color:#ccf;
	font:7pt verdana, serif;
	line-height:9pt;
	font-weight:100;
	}
	
 div#baseline div#valid a:hover {
	text-decoration:underline;
	color:#f00;
	}
/* END - MAIN STURCTURE / GLOBAL TEMPLATE STYLE */

/* STYLE FOR CONTENT AREA / USUAL ELEMENTS*/
/* sub menu (right side) */
div#content div#sub-menu {
	float:right;
	width:9.4em;
	margin:15px 0 0 10px;
	padding:0; 
	border-left:1px solid #f0f0f0;
	background-color:#fff;
	z-index:4;
	}
	
div#content div#sub-menu  {
	margin-left:5px;
	margin-bottom:5px;
	}
	
div#content div#sub-menu h3 {
	width:8em;
	font:10pt  'courier new', monospace;
	font-weight:600;
	line-height:14pt;
	color:#666;
	padding-left:10px;
	margin:3px auto 10px 0;
	white-space:nowrap;
	border-bottom:#999 1px solid;
	}
	
div#content div#sub-menu ul {
	padding:0;
	margin-left:0;
	}


/* headlines */
h1 {
	font:9pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:700;
	border-left:solid 4px #f90;
	height:16px;
	white-space:nowrap;
	max-width:28em;
	padding: 0 0 0 10px;
	margin:0 0 40px 0;
	letter-spacing: 1px;
	}
	
	h2 {
	font:14pt/20pt Georgia, verdana, serif;
	letter-spacing: 1px;
	color:#4474ae;
	font-weight:100;
	border-bottom:#f0f0f0 1px solid;
	white-space:nowrap;
	max-width:500px;
	margin-right:10px;
	padding:0 0 0 5px;
	}
	
h3 { font:14pt/20pt verdana, serif;
	font-weight:normal;
	color:#4474ae;
	margin-top:10px;
	margin-bottom:5px;
	white-space:nowrap;
	}
	
h4 { font:12pt/20pt verdana, serif;
	font-weight:normal;
	color:#4474ae;
	margin-top:10px;
	margin-bottom:5px;
	white-space:nowrap;
	}
	
h5 {
	font:10pt/15pt verdana, serif;
	color:#4474ae;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	white-space:nowrap;
	}
	
h6 {
	font:9pt/13pt verdana, serif;
	color:#4474ae;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
	white-space:nowrap;
	}

h1 span, h2 span {
	font:8pt arial, sans-serif;
	color:#605da9;
	margin:0 8px 0 5px;
	}
/* text formatation */
p {
	color:#333;
	font:9pt/13pt verdana, serif;
	margin:5px 30px 10px 10px;
	max-width:550px;
	
	}
.eingeruckt {
	margin-left:50px;
	}
.blue {
	color:#605da9;
	}
	
.grey {
	color:#ccc;
	}
	
.kb {
	color:#666;
	font:7pt verdana, serif;
	line-height:10pt;
	font-weight:100;
	}

.clear {
	clear:both;
	}
/* text in submenu */
div#sub-menu p {
	margin:5px 5px 10px 5px;
	font-size:8pt;
	
	}
/*lists*/
div#content ul {
	margin-left:20px;
	color:#333;
	font:9pt/22pt verdana, serif;
	list-style-type:none;
	}
	
div#content table tr td ul {
	margin:0;
	padding: 0 0 0 10px;
	}
	
div#content ul.disc {
	list-style-type:disc;
	color:#333; 
	}
	
div#content ul.decimal {
	list-style-type:decimal;
	}
	
div#content ul.lower-latin {
	list-style-type:lower-latin;
	}

/*table*/
div#content table { 
	margin:5px 30px 10px 15px;
	width:500px;
	border-collapse:collapse;
	color:#333;
	font:9pt/16pt verdana, serif;
	border:1px #ccc solid;/*#f0f0f0*/
	}
	
div#content table td { 
	border:1px #ccc solid;/*#f0f0f0*/
	padding:5px;
	vertical-align: top;
	}
/*table color*/
div#content table.color {
	border-collapse:collapse;
	border:none;
	}
	
div#content table.color tr td {
	border-bottom:solid 1px #4474ae;
	border-top:solid 1px #4474ae;
	border-left:none;
	border-right:none;
	padding:0;
	}
	
div#content table.color tr.bg-on {
	background-color:#fff/*#eee;*/
	}
	
div#content table.color tr.bg-off {
	background-color:#fff;/*#e5e5e5;*/
	}

div#content table.color tr#new {
	background-color:#f90;
	}
	
div#content table.color tr td table, div#content table.color tr th table {
	border:none;
	}
	
div#content table.color tr td table tr td {
	border:none;
	height: 20px;
	color:#333;
	font:7pt verdana, serif;
	line-height:10pt;
	font-weight:100;
	}
	
div#content table.color tr th , div#content table.color tr th table tr th {
	height:15px;
	color:#AFC3DB;
	font:8pt verdana, serif;
	line-height:9pt;
	font-weight:bold;
	background-color:#fff;/*#f8e8a0;*/
	text-align:left;
	}

div#content table.color tr td table tr td.id, div#content table.color tr th table tr th.id  {
	width:60px;
	}
div#content table.color tr td table tr td.title, div#content table.color tr th table tr th.title {
	width:250px;
	}
div#content table.color tr td table tr td.date, div#content table.color tr th table tr th.date {
	width:250px;
	}
div#content table.color tr td table tr td.by, div#content table.color tr th table tr th.by {
	width:70px;
	}

div#content table.color tr td img{
	max-width: 40px;
	max-height: 40px;
	margin: 2px;
	padding: 2px;
	border:solid 1px #ccc;
	background-color:#fff;
	}
/*end table color*/
/*table light*/
div#content table.light {
	border:none;
	border-collapse:collapse;
	margin:20px 10px 15px 10px;
	width:540px;
	}

div#content table.light tr td {
	border-top:dotted 1px #f0f0f0;
	border-bottom:dotted 1px #f0f0f0;
	border-left:none;
	border-right:none;
	}
	
div#content table.light tr td.word {
	padding:6px 15px 4px 5px;
	vertical-align:top;
	color:#333;
	font:9pt/14pt verdana, serif;
	font-weight:bold;
	width:20%;
	}
	
/*end table light*/
/* links */
a {
	font-family: verdana, serif;
	font-size:10pt;
	text-decoration:none;
	}
	
li a {
	font-family: 'courier new', monospace;
	}
	
a.a1 {
	text-decoration:none;
	font-weight:700;
	}
	
a:link {
	color:#c00;
	}
a:visited {
	color:#c00;
	}
a:hover {
	text-decoration:underline;
	color:#c00;
	}
a:active {
	color:#c00;
	}
	
a.a_i {
	text-decoration:none;
	font-size:9pt;
	padding-left:15px;
	margin-left:5px;
	background: url(../graphics/linkarrow.png) no-repeat left;
	}
	
		
a.a_ext {
	text-decoration:none;
	font-size:9pt;
	padding-left:15px;
	margin-left:5px;
	background: url(../graphics/extern.png) no-repeat left;
	}

a.a_pdf {
	text-decoration:none;
	padding-left:20px;
	background: url(../graphics/pdf.png) no-repeat left;
	}
		
a.a_mp3 {
	text-decoration:none;
	padding-left:20px;
	background: url(../graphics/mp3.png) no-repeat left;
	}


a.a_close {
	float:right;
	margin-top:10px;
	margin-right:10px;
	text-decoration:none;
	font-size:16pt;
	font-family: 'courier new', monospace;
	padding-left:8px;
	background: url(../graphics/close.png) no-repeat left;
	}
	
	

div#content a img:hover {
	background-color:#f0f0f0;
	}
/* end links */
/* images */
img {
	border:none;
	padding:0;
	}

div#content img {
	border: solid 1px;
	border-color: #f0f0f0 #ccc #ccc #f0f0f0;
	padding:4px;
	}
	/*bilder in text*/
div#content p img {
	float:left;
	margin: 0.5em 10px 0 0;
	}	

div#content img.noborder {
	border: none;
	margin:0;
  padding:0;
  float:none;
	}

form img {
	border:none;
	}
/* forms */
form {
	text-align:left;
	max-width:500px
	}	

fieldset {
	border-style:none;
	}
	
div#sub-menu form fieldset {
	padding:0 5px 10px 8px;
	margin:2px;
	}
	
form fieldset p,  div#sub-menu form fieldset p {
	color:#AFC3DB;
	margin-bottom:0;
	}

input {
	font-size:12px;
	font-family: verdana ; /*'courier new', monospace*/
	border:solid 1px #ccc;
	padding:1px 1px 1px 3px;
	}
	
form fieldset textarea {
	border:solid 1px #ccc;
	padding:1px 1px 1px 3px;
	font-size:12px;
	font-family: verdana ;
	line-height:20px;
	}
	
input.submit {
	border:solid #AFC3DB 1px;
	color:#c00;
	background-color:#fff;
	width:7em;
	font-size:8pt;
	font-family: verdana ; /*'courier new', monospace*/
	padding:0;
	}
	
input.submit:hover {
	background-color:#ccf;
	border:1px solid;
	border-color:#ccf #4474ae #4474ae #ccf;
	}

form fieldset select {
	font-size:12px;
	font-family: 'courier new', monospace ;
	border:solid 1px #ccc;
	padding:1px 1px 1px 3px;
	color:#333;
	margin: 0 0 10px 5px;
	}
	
form fieldset select option.title {
	color:#4474ae;
	}
	
form fieldset select option.choice {
	color:#333;
	}
form fieldset select option.nochoice {
	color:#ccc;
	}
/* messages */
div.status_0 {
	border:#fc3702 1px solid;
	padding:5px 10px 5px 40px;
	width:23em;
	min-height:50px;
	background-image: url(../graphics/fail.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	}
div.status_0 a, div.status_1 a {
	margin:0;
	}
div.status_1 {
	border:#5cfc04 1px solid;
	padding:5px 10px 5px 40px;
	width:23em;
	min-height:50px;
	background-image: url(../graphics/ok.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	}
/* end forms */
/* END STYLE FOR CONTENT AREA / USUALL ELEMENTS*/

/* STYLE FOR CERTAIN ELEMENTS */
/* link list */
ul.links li {
	margin-top:15px;
	font:9pt/12pt verdana, serif;
	color:#605da9;
	font-weight:600;
	}

ul.links li ul li {
	margin:5px 0 5px 20px;
	color:#333;
	font-weight:normal;
	}
	
ul.links li ul li a {
	margin-right:20px;
	}
/* end link list */
/* photo gallery */
div#pre-thumb {
	height:25px;
	}
	
div.thumb {
	float:left;
	height:160px;
	width:151px;
	}

div.thumb p {
	color:#999; font-size:8pt; margin:0; 
	margin:0 0 0 10px;
	white-space:nowrap
	}
		
/* .control ist die steuerung fürs blättern*/		
div.control {
	text-align:center;
	margin: 20px 30px 0 0;
	}

div.control p{
	margin-right:auto;
	margin-left:auto;
	}
	
div.control .back , .next {
	font-weight:700;
	font-size:10pt;
	font-family: 'courier new', monospace;
	color:#999;
	}

div.control a.back, a.next  {
	color:#c00;
	}

div.control .next {
	margin-left:30px;
	}
	
div.control .back {
	margin-right:30px;
	}

div.control .jump_n, .jump_b {
	margin:20px;
	}
/*großes Bild*/
div.big-img {
 	max-width:650px;
	float:left;
	position:relative;
	}
	
div#bildinfo {
  clear:both;
  }
  
div#bildinfo p {
	margin:10px 0 10px 20px;
	text-align:left;
	width:30em;
	color:#999;
	}
	
div#bildinfo p span {
	color:#666;
	}

div#click {
	position:absolute;
	width:100%;
	z-index:2;
	height:100%;
	}
a#click_l {
	display:block;
	float:left;
	width:50%;
	height:100%;
	font-size:100em;
	overflow:hidden;
	}
	
a#click_l:hover {
	background:url(../graphics/pfeil_l.png) left top no-repeat;
	}
	
a#click_r {
	display:block;
	width:50%;
	height:100%;
	float:left;
	font-size:100em;
	overflow:hidden;
	}
	
a#click_r:hover {
	background:url(../graphics/pfeil_r.png) right top no-repeat;
	}
a#click_r[class=no-gb]:hover, a#click_l[class=no-gb]:hover {
	background:none;
}
/*end photo gallery */
/* sitemap */
ul.sitemap a {
	text-decoration:none;
	font-weight:300;
	font-size:10pt;
	font-family: 'courier new', monospace;
	}
	
ul.sitemap a:link {
	color:#c00;
	}
	
ul.sitemap a:visited {
	color:#c00;
	}

ul.sitemap a:hover{
	text-decoration:underline;
	color:#f00;
	background-color:#fff;
	}
	
ul.sitemap a:active {
	color:#f90;
	}

ul.sitemap {
	list-style-type:none;
	margin-left:0.5cm;
	padding-left:0;
	}

ul.sitemap li a {
	background:transparent url(../graphics/sitemapdocbullet.gif) no-repeat;
	margin-left:-1em;
	padding-left:1.2em;
	}

ul.sitemap li a:hover {
	background:transparent url(../graphics/sitemapdocbullethover.gif) no-repeat;
	}

ul.sitemap li a.parent {
	background-image:none;
	z-index:3;
	position:relative; /*für überlappung*/
	}

ul.sitemap li ul {
	background:transparent url(../graphics/sitemapfolderbullet.gif) no-repeat ;
	list-style-type:none;
	margin:-2.1em 0 10px 0;
	padding:1.4em 0 0 5em;
  position:relative; /**/
  left:-3.0em; 
  z-index:1;
	}

ul.sitemap li ul:hover {
	background:transparent url(../graphics/sitemapfolderbullethover.gif) no-repeat;
  }
/* end sitemap */

/*small text with image on left side */
div.smlltxt {
	min-height:140px;
	}
/* _h image higer than wide*/
div.smlltxt_h {
	min-height:170px;
	}
	
div.smlltxt img, div.smlltxt_h img {
	margin:auto 10px auto 10px;
	float:left;
	border: solid 1px;
	border-color: #f0f0f0 #ccc #ccc #f0f0f0;
	padding:4px;
	}
	
div.smlltxt p {
	margin-left:135px;
	max-width:30em;
	}
	
div.smlltxt_h p {
	margin-left:100px;
	max-width:30em;
	}



