@CHARSET "UTF-8";

html, body {
margin: 0;
padding: 0;
font-family: Verdana, Sans-Serif, Arial;
}


#wrap_all {


}

#wrap_body {

}


/* Header Bereich Start */

/* Positionierung Logo */

#therapienetz_logo_small {
left: 13px;
top:46px;
}

#therapienetz_logo_big {
left: 35px;
top:35px;
}


/* Positionierung Titel-Texte */

#therapienetz_titles {
position: absolute;
border: none;
left: 214px;
top: 62px;
}


#therapienetz_titles h3 {
margin: 0;
font-size: 24px;
font-weight: normal;
}

#therapienetz_titles h4 {
margin: 5px 0 0 101px;
font-size: 22px;
font-weight: normal;

}



#wrap_header {
background-color: transparent;
width: 1024px;
height:210px;
}

#wrap_header img {
position: absolute;
border: none;
}


#wrap_header #wrap_header_container {
position: absolute;
margin: 70px 0 0 812px;
}

 /* defintion direkt in klassen prefix/number fuer kompatiblitaet mit ie6 */
 /* #wrap_header #wrap_header_container input[type=text] { */

#wrap_header #wrap_header_container form {
margin: 10px 0 0 0;
}

#wrap_header #wrap_header_container .telefone_prefix {
background-color: #ffffff;
border: none;
width: 50px;
height:15px;
}

#wrap_header #wrap_header_container .telefone_number {
background-color: #ffffff;
border: none;
width: 90px;
height:15px;
}

#wrap_header #wrap_header_container .telefone_submit {
margin: 7px 0 3px 0; 
background-color: transparent;
border: none;
text-decoration: underline;
font-style: italic;
font-size: 13px;
font-weight: bold;
color: #DC381C;

}


#wrap_header #wrap_header_container #response_telefone_callback_request {
font-size: 10px;
margin: 5px 0 0 0;
}

#wrap_header #wrap_header_container .messageok {
color: #000000;
}

#wrap_header #wrap_header_container .messageerror {
color: #DC381C;
}

/* Header Bereich Ende */



/* Menu Bereich Start */

#wrap_menu {
float:left;
background-color: #F8F6EF;
width:192px;
padding-left: 12px
}


#wrap_menu .home {
margin-top: 30px;
display: block;
}

#wrap_menu select {
display: block;
margin: 10px 0 10px 0;
width:170px;
}



#wrap_menu a {
font-size: 13px;
text-decoration: none;
color: #000000;
}

#wrap_menu a:hover {
color: #DC381C;
}

#wrap_menu .mainuls {
margin: 0 0 22px 0;
}

/* gilt fuer alle unterbaeume */
#wrap_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#wrap_menu .activelink {
font-weight: bold;
color: #DC381C;
}

/* Level 1 */
#wrap_menu ul li {
line-height:27px;
}

/* Level 2 */
#wrap_menu ul li ul {
list-style-image: url(../img/ul_dash.gif);
margin-left: 16px;
font-weight: normal;
}

#wrap_menu ul li ul li {
line-height:15px;
margin: 0 0 7px 0;
}

#wrap_menu ul li ul li a {
font-size: 11px;
}

/* Level 3 */
#wrap_menu ul li ul li ul {
margin: 7px 0 0 16px;
}

/* Menu Bereich Ende */



/* Maincontent Bereich Start */
#wrap_maincontent {
float:left;
background-color: #ffffff;
/* width:616px; */
width:608px;
font-size: 13px;

}

/* H1 und H5 Definition in Farb CSS */

#wrap_maincontent h3 {
font-size: 13px;
color: #000000;
margin: 0 10px 10px 111px;
}


#wrap_maincontent p {
margin: 0 10px 10px 111px;
line-height: 17px;
text-align: justify;
}

#wrap_maincontent .name-of-person {
text-decoration: underline;
font-weight: bold;
}


#wrap_maincontent ul {
margin: 0 10px 10px 125px;
padding: 0;
}


#wrap_maincontent a {
color: #DC381C;
text-decoration: underline;
font-style: italic;
}

#wrap_maincontent img {
border: none;
margin: 0 10px 0 0;
}


/* Maincontent Info Container Start */
#wrap_maincontent .maincontent_info_container {
margin: 15px 0 0 10px;
background-image: url(../img/dotted_line.gif);
background-repeat: no-repeat;

}


#wrap_maincontent .maincontent_info_container_image_left {
float: left;
width: 91px;
height: 90px;
margin: 0 10px 0 0;
}

#wrap_maincontent .maincontent_info_container img {
/* float: left; */
/* display: block; */

width: 91px;
height: 90px;
border: none;
/* margin: 0 10px 0 0; */
}

#wrap_maincontent .maincontent_info_container .maincontent_info_container_content {
float: left;
/*width: 495px; */
width: 487px;
}

#wrap_maincontent .maincontent_info_container .clearboth {
clear: both;
height: 0;
}

#wrap_maincontent .maincontent_info_container h1 {
font-size: 13px;
margin: 2px 0 0 0;
color: #000000;

}

/* wenn erster block ausgelesen wird, ist dieser h5 - deshalb in container h5 wie normales p formatiern */
#wrap_maincontent .maincontent_info_container h5 {
color: #000000;
line-height: 17px;
font-size: 13px;
font-weight: normal;
margin: 2px 0 0 0;
}



#wrap_maincontent .maincontent_info_container p {
margin: 0;
}

/* Maincontent Info Container Ende */




/* Maincontent Farbiger Container Start */

.maincontent_container {
width: 608px;
color: #ffffff;
font-size: 12px;
margin: 30px 0 0 111px;
}

#wrap_maincontent .maincontent_container h3 {
margin: 0;
color: #ffffff;
}

#wrap_maincontent .maincontent_container p {
margin: 0;
display: inline;
}

/* Maincontent Farbiger Container Ende */


/* Kurzimpressum Start */

#wrap_maincontent #impressum_short {
background-image: url(../img/dotted_line.gif);
background-repeat: no-repeat;
margin: 30px 0 0 10px;
padding-top: 5px;
font-size: 9px;
}

/* Kurzimpressum Ende */


/* nur auf Startseite: die drei Säulen */
#homepage_post_images {
border: none;
margin: 0;
padding: 0;
width:608px;
}

#homepage_post_images img {
display: block;
float: left;
margin: 0;
padding: 0;
width: 199px;
height: 352px;
}

/* Maincontent Bereich Ende */


/* Rightcol Bereich Start */
/* rechte spalte 12px schmaler (das wäre der Rand rechts) */
#wrap_rightcol {
float:left;
background-color: transparent;
width:192px;
margin: 30px 0 0 0;
}


/* Boxen/Container Definition Start */

.single_container {
width: 192px;
color: #ffffff;
font-size: 12px;
margin-bottom: 15px;
}

/* weitere Defintionen in den Farb CSS  */


.single_container h3 {
margin: 0 0 2px; 0;
color: #ffffff;
font-size: 12px;
padding: 0;
}

.single_container p {
margin: 0 0 5px; 0;
padding: 0;
display: inline;
}

.single_container a {
color: #DC381C;
text-decoration: underline;
font-style: italic;
}

.single_container .redlink {
color: #DC381C;
}

.single_container .redlink_bold {
color: #DC381C;
font-weight: bold;
}

.single_container img {
margin: 12px 0 5px 0;
}

/* Boxen/Container Definition Ende */


/* Rightcol Bereich Ende */



/* Specials */

/* Kotanktformular Start */

#wrap_contact_form {
margin: 35px 0 0 111px;
}

#wrap_contact_form label {
width: 120px;
vertical-align: top;
display: inline-block;
}

#wrap_contact_form .input_text_long {
border: solid 1px #F8B606;
margin: 0 0 10px 0;
width: 300px;
}

#wrap_contact_form .input_text_age {
border: solid 1px #F8B606;
margin: 0 0 10px 0;
width: 20px;
}

#wrap_contact_form .input_text_area {
border: solid 1px #F8B606;
margin: 0 0 10px 0;
width: 300px;
height:60px;
}

#wrap_contact_form .input_text_checkbox {
border: solid 1px #F8B606;
}


#wrap_contact_form .input_text_captcha {
border: solid 1px #F8B606;
margin: 5px 0 5px 0;
width: 120px;
display: block;
}

#wrap_contact_form .input_submit_button {
border: none;
background-color: #DC381C;
color: #ffffff;
width: 120px;
height:25px;
font-style: italic;
font-weight: bold;
}

#wrap_contact_form .col_float_left {
float: left;
margin-right: 35px;
}

#wrap_contact_form .clearboth {
clear: both;
height: 0;
}

#wrap_contact_form p {
margin: 10px 0 10px 0;
}


#wrap_contact_form #wrap_errors {
color: #DC381C;
font-weight: bold;

}

#wrap_contact_form #wrap_errors p {
margin: 0 0 35px 0;
}

#wrap_contact_form #wrap_errors ul {
margin: 5px 0 5px 15px;
}


/* Kotanktformular Ende */


/* Sitemap Start */

#wrap_maincontent .csc-sitemap ul {
list-style-image: url(../img/ul_dash.gif);
margin: 0 0 0 111px ;

}

#wrap_maincontent .csc-sitemap ul li {
margin: 0 0 3px 0 ;
}

#wrap_maincontent .csc-sitemap ul li ul {
margin: 0 0 15px 25px ;
}



/* Sitemap Ende */




/* News */

/* Maincontent Info Container Start */
#wrap_maincontent .maincontent_news_container {
margin: 15px 0 0 10px;
background-image: url(../img/dotted_line.gif);
background-repeat: no-repeat;

}


#wrap_maincontent .maincontent_news_container .maincontent_news_container_left {
width: 91px;
float: left;
padding: 10px 0 0 0 ;
font-weight:bold;
}

#wrap_maincontent .maincontent_news_container .maincontent_news_container_content {
float: left;
/*width: 495px; */
width: 487px;
}

#wrap_maincontent .maincontent_news_container .maincontent_news_container_content h2 {
margin: 10px 0 10px 0;
font-size: 13px;
}

#wrap_maincontent .maincontent_news_container .maincontent_news_container_content p {
margin: 0 0 10px 0;
}

#wrap_maincontent .maincontent_news_container .wrap_images {
position: absolute;
margin: 5px 0 0 608px;
border: none; 
padding: 10px 0 0 0 ;

}

#wrap_maincontent .maincontent_news_container .wrap_images img {
width:170px;
height: 90px;
margin: 0 0 10px 0;
display: block;
border: none;
}

#wrap_maincontent .maincontent_news_container .clearboth {
clear: both;
height: 0;
}


/* Downloads */

.csc-uploads {
background-image: url(../img/pdf.gif);
background-repeat: no-repeat;
background-color: transparent;
height: 65px;
}

.csc-uploads td{
vertical-align: top;
}



/* Bilder im Text (mehrere, ul Liste abstände entfernen) */

.csc-textpic-imagerow {
margin: 0 -10px -10px -125px;
padding: 0;
border: none;
}


#no_news_today {
margin: 10px 0 0 12px;
font-size: 11px;
}

/* Laufschrift anzeige neue Adresse */
#new_address_div {
color: red;
font-size:14px;

top:212px;
width: 1024px;
height: 20px;

clip:rect(0px 0px 20px 0px);

line-height: 20px;
background-color: transparent;
z-index: 500;
}