/* CSS
Author: Frederik Ventzke - Ventzke & Partner
Client: BERLINER-PSYCHOTHERAPIE.DE
Created: 20.04.2009
Modified: 27.02.2010
*/


html,body { 
	margin: 0px; 
	padding: 0px;
	font-family:  Verdana, Arial, sans-serif; 
	text-align: left;
	color: #9a9a9a;
	background-color: #f6f6f6;
	font-size: 11px;
}


/* generals */
img, div {border: none;}
a			{text-decoration: none; color: #485100;}
a:hover	{color: #b4c523; text-decoration:none;}
b,strong	{font-weight: bold;}
i,em		{font-style: italic;}






/* special divs */
#gesamt {width: auto; margin: auto; min-width: 880px;}
.gesamtinline {width: 880px; margin:auto; min-width: 880px;}
#header {width: 100%; height: 509px; background: url(../img/bg/bg_header.jpg) top center repeat-y; margin: 0;}
#logo {width: 260px; height: 139px; padding: 0; float: left;}
#logo h1 {}
#logo h1 span {width: 260px; height: 139px; background: url(../img/psychotherapie_logo.jpg); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#logo h1 a {width: 260px; height: 139px; background: url(../img/psychotherapie_logo.jpg); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#logo h1 a span {display: none;}
#oben {float: left;}
#daten {float: right; margin: 0 11px 0 0; padding: 60px 0 0 0; width: 460px;}
#daten ul {margin: 0; padding: 0; list-style: none; width: 458px; float: right;}
#daten li {float: left; color: #9ba837; border-right: 1px solid #586208; padding: 0 8px 0 6px; font-size: 10px; margin: 0;}
#daten li.last {border: none; padding: 0 0 0 6px;}
#daten li span {color: #586208; display: block; margin: 0 0 2px 0;}
#daten a.mail {color: #9ba837; padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/mail_header.gif) no-repeat right; float: left;}
#daten a.mail:hover {color: #fff;}
#text {float: left; width: 370px; height: 250px; padding: 35px 0 0 0;}
#text h2 {font-size: 22px; color: #2a1e00; margin: 0; padding: 0 0 22px 0; text-transform: uppercase;}
#text p {margin: 0 0 9px 0; font-size: 18px; line-height: 1.55em; color: #815e0b; font-family: Arial, Verdana, sans-serif;}
#text strong {font-weight: normal; font-size: 15px;}
#text .name-of-person {font-size: 14px;}
#bilder {width: 455px; height: 257px; float: right; background: url(../img/bg/bilder_header.jpg) no-repeat; padding: 17px 0 0 19px; margin: 0;} 
#bilder ul.fade { list-style: none; padding: 0; margin: 0;}
#content {padding: 10px 0 20px 0;}
#links h3 {font-size: 23px; letter-spacing: 0.00em; color: #b4c523; margin: 0; padding: 0 0 18px 0;}
#links {width: 555px; border-right: 1px solid #cfcfcf; padding: 0 20px 0 0; float: left; min-height: 470px; height:auto !important; height: 470px;}
#links p {margin: 0 0 14px 0; font-size: 12px; line-height: 21px; color: #485100;}
#links h4 {font-size: 18px; letter-spacing: 0.00em; color: #000; margin: 0; padding: 12px 0 5px 15px; background: url(../img/icons/kreis_h4.gif) no-repeat top left;}
#links b, strong {font-weight: normal; padding: 5px; background-color: #e0e0e0; color: #000; line-height: 2.4em; font-size: 1.0em; font-style: italic;}
#links ul {list-style: none; margin: 0 0 15px 0; padding: 5px 0 0 0; line-height: 1.4em; color: #485100; font-size: 11px;}
#links ul li {padding: 0 0 5px 18px; margin: 0 0 5px 0; background: url(../img/icons/kreis_li.gif) no-repeat left top;}
#links ul li a {color: #485100;}
#links ul li a:hover {color: #b4c523;}
#links a.external-link-new-window {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/extern_links.gif) no-repeat right; text-decoration: underline;}
#links a.mail {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/mail_links.gif) no-repeat right; text-decoration: underline;}
#rechts {width: 280px; padding: 0 0 0 20px; float: left;}
#rechts h3 {color: #000;text-transform: uppercase; font-family: Arial, Verdana, Helvetica; margin: 0; font-size: 14px; width: 240px; padding: 0 0 10px 0;}
#rechts p {line-height: 16px;}
#rechts p a {}
#rechts a.internal-link {width: 108px; height: 32px; background: url(../img/icons/button_mehr.gif) no-repeat; padding: 0; text-align: center; margin: 2px 0 0 0; color: #fff; display:block; float: left;}
#rechts a.internal-link:hover {background-position: right;}
#rechts .box {margin: 0 0 10px 0; float: left; background-color: #efefef; width: 260px; padding: 5px 5px 5px 15px;}
#rechts .box ul {list-style: none; margin: 0 0 15px 0; padding: 5px 0 0 0; line-height: 1.4em; color: #485100; font-size: 11px;}
#rechts .box ul li {padding: 0 0 5px 18px; margin: 0 0 5px 0; background: url(../img/icons/haeckchen_li_rechts.gif) no-repeat left top;}
#rechts .box ul li a {color: #8c8c8c;}
blockquote {margin: 0;}
blockquote div {width: 250px; height: auto; background: url(../img/bg/zitate.gif) no-repeat; background-color: #e6ecb7;}
blockquote p {margin: 0 0 9px 0; font-size: 1.7em; line-height: 1.55em; color: #828947; font-family: Times New Roman, Arial, Verdana; text-align: center; padding: 10px;}



#footer {width: 100%; height: 118px; margin: 20px 0 0 0; padding: 95px 0 0 0; clear: left; float: left; color: #cbdd3d; background-color: #fff2d6; background: url(../img/bg/bg_footer.jpg) top center repeat-y;}
#footer p {color: #cbdd3d; margin: 0; font-size: 10px; padding: 0;}
#footer p.copy {padding: 0 2px 0 0; margin: 0; float: left;}
#footer p.webdesign {padding: 0 0 0 0; margin: 0; width: 700px; float: left;}
#footer ul.metanav {float: left; width: 700px;}
#footer ul {list-style: none; float: left; padding: 4px 0 4px 0; margin: 0; font-size: 10px;}
#footer ul li {float: left;}
#footer span a {float: right; margin: 1px 0 0 0; padding: 2px 10px 0 0; background: url(../img/icons/arrow_footer.gif) no-repeat right;}
#footer span a:hover {color: #fff;}
#footer a {color: #cbdd3d; font-size: 10px;}
#footer a:hover {color: #fff;}
#footer a.mail {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/mail_footer.gif) no-repeat right;}
#footer a.mail:hover {color: #fff;}
#footer a.external-link-new-window {padding: 0 14px 0 0; margin: 0px; background: url(../img/icons/extern_footer.gif) no-repeat right;}
#zaehler {display: none;}




/* menu */
#nav {height: 40px; margin: 0; float: left; padding: 0; width: 615px; position:relative; text-transform: uppercase;}
#nav ul {list-style: none; font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 0; margin: 0; height: 40px;}
#nav ul li {float: left; position:relative;}
#nav ul li a {color: #586208; padding: 11px 6px 0 6px; margin: 0; float: left; height: 29px;}
#nav ul li a:hover {color: #ddd; padding: 11px 6px 0 6px; margin: 0; float: left; background: url(../img/bg/bg_nav_li.jpg) repeat-x;}
#nav ul li.last a {color: #586208; text-transform: uppercase; padding: 8px 0 0 4px; margin: 0; float: left;}
#nav ul li a.aktiv {color: #fff; padding: 11px 6px 0 6px; margin: 0; float: left; background: url(../img/bg/bg_nav_li_a.jpg) repeat-x;}
#nav ul li ul {display: none;}

#nav ul li:hover ul {display:block; position:absolute; top: 100%; left:0; width: 260px; height: auto; padding: 10px; margin: 0; font-size: 12px; background-color: #a3b70a; }
#nav ul li:hover ul li {padding: 0; float: left; margin: 0;}
#nav ul li:hover ul li a {padding: 7px; width: 245px; float: left; margin: 0; height: 15px;}

#rechts ul.subanv {list-style: none; padding: 10px 0 10px 15px; width: 261px; background-color: #eaeaea; margin: 0 0 20px 0;}
#rechts ul.subanv li {background-color: #efefef; width: 230px; margin: 0 0 5px 0; padding: 0 10px 0 5px;}
#rechts ul.subanv li a {padding: 5px 5px 5px 12px; display: block; background: url(../img/icons/pfeil_link_rechts.gif) no-repeat right; color: #88960c;}
#rechts ul.subanv li a:hover {background: url(../img/icons/pfeil_link_rechts.gif) no-repeat left; color: #000;}
#rechts ul.subanv a.aktiv {background: url(../img/icons/pfeil_link_rechts.gif) no-repeat left; color: #000; padding: 5px 5px 5px 12px;}
#rechts ul.subanv ul {list-style: none; padding: 10px 0 10px 15px; width: 261px; background-color: #eaeaea; margin: 0 0 20px 0;}
p.kategorien {color: #fff; background: url(../img/bg/bg_nav_li_a.jpg) repeat-x; text-transform: uppercase; font-family: Arial, Verdana, Helvetica; margin: 0; width: 254px; font-size: 13px; padding: 2px 0 0 22px; height: 20px;}


/* images */
img.logo {width: 260px; height: 139px; margin: 0; padding: 0; float: left;}
img.strich {width: 1px; height: 22px;}
img.picheader {width: 438px; height: 240px; padding: 0; margin: 0;}



/* content */
h1, h2, h3, h4 {font-family: Arial, Verdana, Helvetica; font-weight: normal;}

h1 {font-size: 1.7em; letter-spacing: 0.00em; color: #425000; margin: 0; padding: 0;}
p {margin: 0 0 9px 0; font-size: 11px; line-height: 1.85em; color: #8c8c8c;}




/* form elements */
input, textarea {border: none; font-size: 12px; color: #000; background-color: #e3e8bb; display: block;}
input.text, textarea.text {width: 250px; height: 18px; margin: 0 0 5px 0;}
input.text-plz {width: 50px; height: 16px; margin: 0 8px 0 0; }
input.text-ort {width: 190px; height: 16px; margin: 0 0 5px 0;}
textarea.nachricht {width: 250px; height: 120px; margin: 0 0 5px 0; overflow: auto; font-family: Verdana, Arial;}
input.submit {border: none; padding: 0 3px 10px 3px; color: #fff; float: right; font-size: 1.4em; margin: 10px 0 0 0; width: 168px; height: 38px; background: url(../img/icons/button_formular.gif) no-repeat; display: block;}
input.submit:hover {background-position: right; cursor: hand;}
label {display: block; float: left; clear: both; white-space: nowrap; width: 100px; color: #485100;}
fieldset {border: none; width: 352px; padding: 10px 0 0 0; float: left;}
span.feld {display: block; float: left; padding: 0px; margin: 0px;}



/* links */
a:active, a:focus {outline:none;}


.clearfix:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */