/**************************************************
 * CSS styles.css - Stylesheet beratung-therapie.de
 * bytepark GmbH - 05.03.2008
 * 
 **************************************************/

* {
	margin : 0;
	padding : 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : #d8d5ca;
	background-image : url(../images/bg_body.gif);
	background-repeat : repeat-x;
	text-align : center;
	line-height : 120%;
}

#all {
	margin : 0 auto;
	width : 990px;
}

h1 {
	color:#6f3171;
	font-size:16px;
	font-weight:bold;
}

h2 {
	color:#6f3171;
	font-size:14px;
	font-weight:bold;
}

h3 {
	color:#6f3171;
	font-size:12px;
	font-weight:bold;
}

h4 {
	color:#6f3171;
	font-size:10px;
	font-weight:bold;
}

p {
	line-height : 175%;
	font-weight : normal;
	padding : 8px 0 0 0;
	font-size : 11px;
}

a {
	/*font-size : 11px;*/
	color : #b5ba18;
	text-decoration : none;
}

a:hover {
	/*font-size:11px;*/
	color:#6f3171;
	text-decoration:none;
}

.autosize {
	width : 990px;
	background-image : url(../images/bg_main.gif);
	background-repeat : repeat-y;
	border-bottom : 1px solid #4c4a3e;
	border-left : 1px solid #4c4a3e;
	border-right : 1px solid #4c4a3e;
	margin-bottom : 10px;
	height : auto;
	float : left;
	text-align : left;
}

.header {
	background-image : url(../images/bg_head.gif);
	background-repeat : repeat-x; 
	width : 990px;
	height : 147px;
	overflow : hidden;
}

.header_logo {
	height : 113px;
	width:391px;
	float:left;
	padding-top: 13px;
	padding-left : 10px;
}

.header_banner {
	height : 28px;
	width : 468px;
	padding-top: 32px;
	padding-right : 10px;
	float:right;
}
.textheader{width:736px;float:left}
.textheader h1 {
	font-weight : bold;
	font-size : 12px;
	color : #6f3171;
	text-align :left;
	padding-top : 17px;
	padding-left : 10px;
}

.lilaleiste {
	overflow:hidden;
	background-color:#d2c4c8;
	border-top:1px solid #FFFFFF;
	width:990px;
	height:6px;
}

.dunklere_lila_leiste {
	background-color:#af8ea9;
	border-right:1px solid #FFFFFF;
	width:201px;
	height:6px;
}

.topic a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6f3171;
	font-size:12px;
	font-weight:bold;
}

.topic {
	margin-top : 8px;
}

/**************************************************
 * Linke-Box, Content-Box, Rechte-Box
 **************************************************/

.left {
	border-top:1px solid #000000;
	float:left;
	width:201px;
	height:auto;
}

.cont {
	border-top:1px solid #000000;
	float:left;
	padding : 10px;
	background-image:url(../images/bg_content.gif);
	background-repeat:repeat-x;
	width:524px;
	height:auto;
	font-size:11px;
	line-height:16pt;
	margin: 0 1px 20px 0;
	overflow:hidden;
}

.right {
	border-top:1px solid #000000;
	float:right;
	width:244px;
	height:auto;
}

.h1 a {font-size:16px;font-weight:bold;color:#6f3171;}
.h2 a {font-size:14px;font-weight:bold;color:#6f3171;}
.h3 a {font-size:12px;font-weight:bold;color:#6f3171;}

/**************************************************
 * Textinhalt, Auszeichnungen und Links
 **************************************************/
 
.cont ul{
	font-size : 11px;
	text-align : left;
	line-height : 14pt;
	line-height : 160%;
	padding : 15px 10px 5px 35px;
	list-style-image : url(../images/bullet_ul.gif);
	color : #000000;
}

.cont ul li{
	margin-bottom:10px;
}

.cont ol{
	font-size:11px;
	text-align:left;
	line-height:14pt;
	line-height:160%;
	padding:15px 10px 5px 35px;
	color:#000;
}

.cont ol li{
	margin-bottom:10px;
}

.inhalt {
	font-size:11px;
	line-height:16pt;
}

.inhalt_aus {
	font-size:11px;
	font-weight:bold;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.link {
	border-top:1px solid #b5ba18;
	border-bottom:1px solid #b5ba18;
	padding:5px;
	width:auto;
	height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b5ba18;
	text-decoration:none;
}

.link_off {
	border-top:1px solid #b5ba18;
	border-bottom:1px solid #b5ba18;
	padding:5px;
	width:100px;
	height:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b5ba18;
	text-decoration:none;
}

.img_left {
	float : left;
	margin-right : 10px;
}

/**************************************************
 * Tabelle in cont
 **************************************************/
.tab_gray{
}

.tab_head {
	background-color:#ece7eb;
	padding : 4px;
}

.tab_odd
{
	background-color:#ececec;
}

.tab_even
{
	background-color:#f6f6f6;
	padding : 4px;
}

.tab_gray ul{
	font-size:11px;
	text-align:left;
	line-height:14pt;
	line-height:160%;
	padding:15px 10px 5px 11px;
	list-style-image:url(../images/bullet_ul.gif);
	color:#000;
}

/**************************************************
 * Wo-Befinde-Ich-Mich-Leiste
 **************************************************/

.wegweiser {
	font-size:11px;
	color: #522354;
	background-color:#eceae1;
	border:1px solid #dedede;
	padding : 5px;
	margin-bottom : 10px;
	width:514px;
	height:20px;
	line-height : 19px;
}

.wegweiser a {
	font-size:11px;
	color:#8b8b8b;
	text-decoration:none;
}

.wegweiser a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#656617;
}

/**************************************************
 * Gestrichelte Linie
 **************************************************/

.contentline {
	background-image:url(../images/p_line.gif);
	background-repeat:repeat-x;
	width:518px;
	height:1px;
	line-height:2px;
	margin : 10px 0 10px 0;
}

/**************************************************
 * Links, die Navigation mit Links
 **************************************************/

.navi {
	background-image:url(../images/bg_navi.gif);
	background-repeat:repeat-y;
	padding-top:10px;
	padding-bottom:10px;
	width:201px;
	height:auto;
}

.navi li {
	list-style: none;
	padding-bottom: 1px;
	background: url(../images/navi_border.gif) no-repeat center bottom;
}

.navi ul a {
	display:block;
	width: 150px;
	height : auto !important;
	min-height : 20px;
	height : 20px;
	padding: 9px 34px 0 17px;
	background-image: url(../images/btn_navi.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.navi ul a:hover, .current {
	background-image: url(../images/btn_navi.gif);
	background-position : 0 -210px;
	font-size:12px;
	color:#FFFFFF;
}

.navi ul ul a {
	display:block;
	width: 141px;
	height : auto !important;
	min-height : 20px;
	height : 20px;
	padding: 9px 34px 0 26px;
	background-image: url(../images/btn_navi.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

.navi ul ul a:hover, .current {
	background-image: url(../images/btn_navi.gif);
	background-position : 0 -210px;
	font-size:10px;
	color:#FFFFFF;
}

/**************************************************
 * Externe Werbung
 **************************************************/

.google {
	padding: 8px 0 10px 11px;
}

.books {
	margin-top:20px;
	padding : 0 0 10px 40px;
}

/**************************************************
 * Die Rechte-Box mit und Hintergrund + Buttons
 **************************************************/

.boxContent{
	padding:5px;
	font-family:verdana;
	font-size:11px;
	
}
.boxR1 {
	background-image:url(../images/bg_right.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #FFFFFF;
	width:244px;
	height:212px;
}

.bild {
	width:200px;
	margin: 0 auto;
}

.bildtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#400040;
	text-align:center;
	padding-top:5px;
}

.button ul {
	position:relative;
	right:12px;
	width: 221px;
	margin: 0 0 0 0;
	padding-top: 5px;
	margin-bottom: 25px;
	text-align: center;
	float : right;
	list-style-type : none;
	list-style-image : none;
}

.button ul li {
	margin: 0;
	padding : 0;
	display: inline;
}

.button ul li a{
	margin: 20px 0 0 0;
	padding : 0;
}

.button1 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_premiumtexte.gif);
	background-repeat:no-repeat;
	margin: 0 0 15px 0;
	float : right;
}

.button1 a:hover, .button1 .current {
	background-image:url(../images/btn_premiumtexte.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

.button2 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_onlinetests.gif);
	background-repeat:no-repeat;
	float : right;
}

.button2 a:hover, .button2 .current{
	background-image:url(../images/btn_onlinetests.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

.button3 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_lernprog.gif);
	background-repeat:no-repeat;
	float : right;
}

.button3 a:hover, .button3 .current{
	background-image:url(../images/btn_lernprog.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

.button4 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_antistress.gif);
	background-repeat:no-repeat;
	float : right;
}

.button4 a:hover, .button4 .current{
	background-image:url(../images/btn_antistress.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

.button5 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_verzeichnis.gif);
	background-repeat:no-repeat;
	float : right;
}

.button5 a:hover, .button5 .current{
	background-image:url(../images/btn_verzeichnis.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

.button6 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_online_beratung.gif);
	background-repeat:no-repeat;
	float : right;
}

.button6 a:hover, .button6 .current{
	background-image:url(../images/btn_online_beratung.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

.button7 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_blog.gif);
	background-repeat:no-repeat;
	float : right;
}

.button7 a:hover, .button7 .current{
	background-image:url(../images/btn_blog.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

.button8 a {
	width : 221px;
	height : 61px;
	background-image:url(../images/btn_forum.gif);
	background-repeat:no-repeat;
	float : right;
}

.button8 a:hover, .button8 .current{
	background-image:url(../images/btn_forum.gif);
	background-repeat:no-repeat;
	background-position : 0 -61px;	
}

/**************************************************
 * Der Footer
 **************************************************/

.fuss {
	clear:left;
	background-color:#eceae1;
	border:1px solid #4c4a3e;
	border-bottom: none;
	width:990px;
	height:165px;
}

.fuss a {
	color : #6f3171;
}

.fuss a:hover {
	color : #000000;
}

.navibild {
	text-align:left;
	padding : 10px 0 5px 15px;
}

.fussuntenbox1 {
	width:190px;
	height:155px;
	float:left;
	border-right:1px solid #ccccc4;
	text-align:left;
	padding : 10px 0 0 10px;
}

.fussuntenbox2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	width:544px;
	height:165px;
	float:left;
	border-right:1px solid #ccccc4;
}

.fussuntenbox3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6f3171;
	width:241px;
	height:150px;
	float:left;
}

.bytefoot a {
	color : #6f3171;
}

.textpsycho {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-top : 5px;
	line-height : 18px;
	padding-left:27px;
	text-align:left;
	float:left;
	list-style-type: square;
	color:#6f3171;
}

.textpsycho a {
	color:#6f3171;
}

.gelbleiste {
	background-color:#ded608;
	border:1px solid #4c4a3e;
	border-top: none;
	width:990px;
	height:11px;
	margin-bottom: 10px;
}

/**************************************************
 * Formular
 **************************************************/
 
#msg_ok{
	color:#137F00;
	background:#C8FFBF;
	border: 1px solid #137F00;
	padding:10px;
	
}
#msg_err{
	color:#f00;
	background:#fae9e5;
	border: 1px solid #f00;
	padding:10px;
	
}
#msg_ok p,#msg_err p{
	padding:0;
}
#kontaktform ul{
	list-style-image:none;
	list-style-type:none;
}

#kontaktform input{
	width:200px;
}
#kontaktform .formbtn{
	width:auto;
}

#kontaktform select{
	width:204px;
}


#kontaktform label {
	float:left;
	width:150px;
	display:block;
}
#kontaktform textarea{
	width:200px;
	height:150px;
}

/*für alle
label {
	float:left;
	width:150px;
	display:block;
}
*/
/**************************************************
 * suche
 **************************************************/
#searchbox{
	position:relative;
	top:15px;
	right:10px;
	width:240px;
	float:right;
	text-align:right;
}
#searchbox .searchinput{
	margin-right:5px;
	padding:0 2px;
	width:130px;
}
#searchbox .searchbutton{
	height:21px;
	font-size:11px;
}

/**************************************************
 * newsletter
 **************************************************/
.newslbox{
	text-align:center;
	background-color:#642c5b;
	width:244px;
	padding : 5px 0;
}
.newslbox input{
	width:124px;
}
.newslbox .input_btn{
	width:80px;
	height:21px;
	font-size:11px;
}
.newslbox h1{
	color:#fff;
	font-size:12px;
	margin-bottom:5px;
}

.bookmark {
	height:auto;
	/*float: left;*/
	margin: 15px 0 9px 17px;
}

.honcode {margin:0 0 15px 11px; height:67px; line-height:100%;}

.honcode a {color:#000000;}

.ga_pub {
	width : 468px;
	height : 15px;
	margin : 0 0 10px 0;
}

.h_lila {
	color:#6f3171;
}

/***************************************************
 * therapeuten eintragungsformular
 ***************************************************/
#thera_eintrag_form input {
	width : 180px;
	margin-left : 10px;
}

#thera_eintrag_form {
	margin : 10px 0 10px 0;
}

#thera_eintrag_schwerpunkte {
	margin-top : -5px;
}

.errormessage {
	color : #aa0000;
	padding-left: 10px;
}