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

CSS-Datei:					olbertz-screen.css
Version:						1.0.1
	
angelegt: 					21.7.09
letzte Aenderung:		8.9.09
	
Autor:							Gabriele Engmann
Webseite:					praxis-olbertz.de
Beschreibung:				CSS-Anweisungene fuer die Bildschirmausgabe

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

/***************************************
	GENERERAL ELEMENTS STYLES
****************************************/

* { margin: 0; padding: 0; }

body, html { border: 0; margin: 0; font-size: 12px; line-height: 1.5em; font-family: arial,sans-serif; height: 98%; }
body { background-color: #fff; color: #313840; padding: 0; }

pre { font-family: monospace; }
a { color: #fff; text-decoration: none; }
a:hover { color: #b3cf73; }
form { margin: 0px 0px 0px 0px;}
p, pre, ul, ol { margin: 0 0px 1em 0px; }
ul, ol { padding-left: 14px; margin: 0; }
li { margin: 0; }

input, textarea, select { padding: 1px 2px 0; font-family: arial,sans-serif; border: 1px solid #fff; color: #313840; font-size: 1em; }
img { border: 0; }

hr { margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #fff; /* for ie */
	background-color: #fff; /* for everyone else */
	height: 1px;
	margin: 1em 0; 
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #fff; border-bottom: transparent; }

/* Headers, plain */
h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 14px; }
h3 { font-size: 12px; font-weight: bold; }
h1, h2, h3 { margin: 0; }

/* RTE / Table styling */
table { border: 1px solid #525E6B; margin: 10px 0px 10px 0px; border-collapse: collapse; }
table tr td { padding: 0px 3px; border: 1px solid #525E6B;  vertical-align: top; font-size: 12px; }
table tr th { padding: 1px 3px; border: 1px solid #525E6B; font-size: 12px; }
table p { margin: 0; }


/****************************************
        LAYOUT
****************************************/

#gesamtcontainer { /*width: 987px; */ width: 996px; padding: 10px 0 10px 10px; overflow: auto; height: 100%; }

#container-header { position: relative; width: 100%; padding-bottom: 10px; }
#infocontainer { position: relative; float: left; background-color: #fff; height: 276px; width: 182px; margin: 0 0 0 8px;}
#illucontainer { position: relative; float: left; margin: 0 10px; background-color: #dee8f4; height: 276px; width: 291px; }
#navicontainer { position: relative; float: left; background-color: #3e7b5a; height: 276px; width: 477px; color: #fff; }

#container-content { position: relative; width: 100%; background: url(../img/content-bkgrnd.gif) repeat-y; }
#spalte1 { position: relative; float: left; background-color: #3e7b5a; width: 174px; padding: 20px 8px; color: #fff; height: 100%; }
#spalte2 { position: relative; float: left; margin: 0 10px; background-color: #dee8f4; width: 291px; text-align: center; }
#spalte3 { position: relative; float: left; background-color: #749dd1; width: 425px; padding: 20px 20px 20px 32px; } 

.clear { clear: both; }
.nd { display: none; }


/****************************************
		MENUES
*****************************************/

#infonavi { position: absolute; bottom: 0; left: 0; }
#infonavi ul { list-style-type: none; padding: 0; }
#infonavi a { color: #313840; }
#infonavi a.cur { color: #3e7b5a; }

#navicontainer { line-height: 14px; }
#navi-spalte1, #navi-spalte2 { position: relative; float: left; width: 145px; border-right: 2px solid #fff; height: 260px; }
#navi-spalte3 { position: relative; float: left; width: 145px; } 
.navi-spalte { padding: 8px 6px; }
.navi-spalte .list-header { font-size: 14px; line-height: 18px; }
.navi-spalte ul { font-size: 0.9em; margin-top: 6px; list-style-type: none; padding: 0; }
.navi-spalte li { background: url(../img/bullet-menu.gif) no-repeat 2px 3px; padding: 0 0 0 10px; }
.navi-block { width: 145px; margin: 0 0 20px 0; }
.first-block {}
.second-block { position: absolute; top: 150px; margin: 0; }
/*
#navi-spalte3 .second-block { top: 200px; }
*/
.navi-spalte a.cur { color:#b3cf73; }

/*****************************************
		INHALTE
*****************************************/

#praxis { color: #313840; font-size: 15px; vertical-align: baseline; text-align: right; font-family: tahoma, sans-serif; line-height: 26px; padding: 1px 0 12px 0; }
#praxis .gross { font-size: 22px; text-transform: uppercase; letter-spacing: 1px; }

#name { text-transform: uppercase; color: #3e7b5a; font-size: 11px; line-height: 18px; padding-bottom: 12px; letter-spacing: 0; }
#name div { text-align: left; width: 100%; }

#adresse { color: #3e7b5a; font-size: 11px; line-height: 18px; text-align: justify; }

#faq {}
#faq .list-header { text-transform: uppercase; padding-bottom: 10px; }
#faq ul { font-size: 0.9em; list-style-type: none; padding: 0; } 
#faq li { padding: 0 0 0 8px; background:  url(../img/bullet-menu.gif) no-repeat left 4px; }
#faq a.cur { color:#b3cf73; }

#pagetitle { margin-bottom: 1em; }
#pagetitle h1 { margin: 0; font-size: 18px; color: #98d555; }
#pagesubtitle h2 { margin: 0; font-size: 14px; color: #98d555; }

#themen { margin: 2em 0; font-size: 11px; line-height: 14px; }
#themen ul { list-style-type: none; padding: 0; }

#search { margin-bottom: 20px; }
#search label { text-transform: uppercase; }
#search div { position: relative; height: 18px; margin-top: 4px; }
#search input { background-color: #3e7b5a; margin-left: 18px; display: block; float: left; color: #fff; width: 10.6em; }
#search input.suchbutton { border: 0; padding: 0; margin-left: 4px; width: 18px; }

.name-of-person { font-size: 10px; line-height: 1.2em; display: block; margin-top: 8px; text-align: right; }

#content .csc-header { margin-top: 2em; }
#content .csc-header-n1 { margin-top: 2em; }
#content input { background-color: #749dd1; }

#spalte2 { font-size: 0.9em; line-height: 13px; }

div.csc-textpic { margin: 18px 2px 0 2px; }
div.csc-textpic .csc-textpic-text, div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0 16px; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border: 0; padding: 0; margin: 0; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin: 0; padding: 0; }

.schatten1, .schatten2, .schatten3, .schatten4, .schatten5, .schatten6, .schatten7, .schatten8, .schatten9, .schatten10, .schatten11 .schatten12, 
.schatten13, .schatten14, .schatten15, .schatten16 { margin: 0; padding: 0; border-width: 1px; border-style: solid; }
#spalte2 .schatten1 { border-color: #d9e3ee; } 
#spalte2 .schatten2 { border-color: #d8e2ed; } 
#spalte2 .schatten3 { border-color: #d5dfea; } 
#spalte2 .schatten4 { border-color: #d3dce8; } 
#spalte2 .schatten5 { border-color: #d0d9e5; } 
#spalte2 .schatten6 { border-color: #cdd6e1; } 
#spalte2 .schatten7 { border-color: #c9d2dd; } 
#spalte2 .schatten8 { border-color: #c6cfd9; } 
#spalte2 .schatten9 { border-color: #c1cad4; } 
#spalte2 .schatten10 { border-color: #bdc5d0; } 
#spalte2 .schatten11 { border-color: #b9c1cb; } 
#spalte2 .schatten12 { border-color: #b3bbc5; } 
#spalte2 .schatten13 { border-color: #aeb6bf; } 
#spalte2 .schatten14 { border-color: #a9b1ba; } 
#spalte2 .schatten15 { border-color: #a3aab3; } 
#spalte2 .schatten16 { border-color: #9ea6ae; background-color: #9ea6ae; } 


/**************************************
	EXT indexed_search
**************************************/

.tx-indexedsearch table { border: 0; }
.tx-indexedsearch-searchbox table td { padding: 2px 6px 2px 0; }

.tx-indexedsearch-res table td { padding: 1px 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background-color: #658cb7; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #a6e95d; /*#c2e07c; */ }

#content .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { background-color: #e6e6e6; border: 1px outset #ccc; font-weight: bold; }