/* Gleichberechtigung für alle Browser */
* {margin:0;padding:0;border:0;}

body {
	margin:20px auto ;  /* main-Box zentrieren in IE 5 und hoeher */
	text-align:center; /* main-Box zentrieren in IE 5 und hoeher */
	font-size: 1.2em; 
	font-family: Arial, Helvetica, sans-serif;
	height:97%; /* verhindert Sprungeffekt - Mozilla Scrollbar -  ist immer da*/
	background: #ffffff;
}

/* Umhüllt die komplette Seite */
#wrapper{
	position: relative; 
	width:850px !important;
	width:852px; /*IE*/
	margin:0 auto; /*Ausrichtung Center*/
	background: transparent; /* for validation*/
}

/* Der Header */
#header { 
	width: 850px !important; 
	width:850px; /*IE*/
	height: 130px !important;
	height: 150px; /* IE */
	padding: 0px;
	position: relative;
	background: transparent; 
	border-bottom: 3px solid #0198CD;
}
/*Webseiten Überschrift im Header und Flasheader*/
#FlashHeader{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;}

#logotext_frontend {
	position: absolute;
	top: 20px;
	left: 2px;
	z-index: 5;
}
#decription-header{
	position: absolute;
	top: 20px;
	left: 127px;
	z-index: 5;
	text-align: left;
}
#decription-header p{
	font-size: 12px;
	color: #333333;
}

#logotext_frontend a {
display: block;
width: 100px;
height: 100px;
	text-decoration: none;
}

/* Warenkorb Link im Header*/
#HeadCartLink{
	position: absolute;
	top: 130px;
	right: 20px;
	z-index: 20;
}
#HeadCartLink a{font-size: 0.7em; color: #DCDCDC;}
#HeadCartLink a:hover{text-decoration: none;color: #017ec0;}

#headerlinks{
	position: absolute;
	padding: 5px;
	z-index: 10;
	font-size: 10px; 
	text-align:right; 
	width: 180px !important;
	width: 180px ;
}

#headerlinks a{text-decoration: none; color: #A9A9A9;}
#headerlinks a:hover{text-decoration: underline; color: #D3D3D3;}

#small_logo{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 20;
}

/*---  END HEADER ---  */
/* --- Die Navigation  --- */
/*  OPEN MENU TYP 1 CSS */
/*---------------------------------------------------------- open tier 1 - Navi */
#menutyp1 {
	padding: 0px; 
	text-align: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	display: block; 
}

#menutyp1 ul {
	padding-left: 0; 
	margin-bottom: 0px;
	margin-left: 0;
	color: #000000; 
	float: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	font-family: arial, helvetica, sans-serif;
	background: #ffffff;
}

#menutyp1 li{
	list-style: none; 
	margin-right: -1px; /* for IE */
}

#menutyp1  .submenutyp1 {
background: #ffffff url(http://l.psychotherapie-vt.de/_bilder_upload/li.gif) 10px 8px;
background-repeat: no-repeat;
display:block;
}

#menutyp1  .submenutyp1 a:hover{
background: transparent;
background-repeat: no-repeat;
color: #A4C407;
}

#menutyp1  .submenutyp1 ul li{
list-style-type: square;
color: #A4C407; 
}

#menutyp1 a {
	display:block;
	font-size:12px;
	width:211px;
	padding: 2px 0 2px 10px;
	color: #000000;
	background: transparent;
	text-decoration:none;
	margin-right:1px;
	text-align:left;
	border-bottom: 1px solid #f5f5f5;
}

#menutyp1 a:hover{
	background: #00B1E5; 
	color: #ffffff;
}
#menuactivetyp1 a, #menuactivetyp1 a:hover{
	background:#A4C407;
	color: #ffffff;
	font-weight: normal;
}
#submenuactivetyp1 a{
color: #A4C407;
background-repeat: no-repeat;
}
#menutyp1 li a span.submenuOutputTyp1{padding-left: 15px; display: block;}

#menutyp1 li a span.subsubmenuOutputTyp1{padding-left: 30px; color: #A4C407;} /*inline span around the txt*/
#menutyp1 li a span.subsubmenuOutputTyp1:hover{text-decoration: none;}/*inline span around the txt*/
.subsubmenuOutputTyp1{}

#subsubmenutyp2 a:hover{background: #A4C407; display: block;}

#subsubmenuactivetyp1 a.subsubmenuOutputTyp1{ background: #ffffff; color: #017ec0; font-weight: normal;} 
#subsubmenuactivetyp1 a:hover{background: #ffffff; color: #A4C407; } 

/*---------------------------------------------------------- end tier 1 - Navi */
#NaviOutBlockTyp1{
	float:left; 
	margin-top: 30px; 
	padding: 0px; 
	text-align: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	display: block; 

}

/*---------------------------------------------------------- open tier 2 - Navi */


/*---------------------------------------------------------- end tier 2- Navi */


.subsubmenuOutputTyp1{padding-left: 50px; display: block;}



/* ################################################################################################ END  MENU TYP 1 CSS */


/* ################################################################################################ OPEN MENU TYP 2 CSS */

/*---------------------------------------------------------- open tier 1 - Navi */
#menutyp2 ul {
	padding-left: 0; 
	margin-bottom: 0px;
	margin-left: 0px; 
	color: #000000; 
	float: left;
	width: 850px !important; 
	width: 847px; /*IE*/ 
	font-family: arial, helvetica, sans-serif;
	background: transparent;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #888888;
}

#menutyp2 li{
	float:left; 
	list-style-type: none; 

}

#menutyp2 a {
	display:block;
	font-size:11px;
	padding:7px 0;
	color: #000000;
	background: transparent;
	text-decoration:none;
	margin-right:1px;
	text-align: left;
}

#menutyp2 a:hover{
	background: #f5f5f5; color: #000000;
}

#menuactivetyp2 a, #menuactivetyp2 a:hover{
	background: #888888;
	color: #ffffff;
	font-weight: normal;
}


#menutyp2 span.menuOutputTyp2{padding-left: 15px; padding-right: 15px;}
#menuactivetyp2 span.menuOutputTyp2{font-weight: normal; }

/*---------------------------------------------------------- end tier 1 - Navi */

/*---------------------------------------------------------- open tier 2 - SubNavi*/
/*#NaviOutBlockTyp2 includes #boxOut*/
#NaviOutBlockTyp2{
	float:left; 
	margin-top: 30px; 
	padding: 0px; 
	text-align: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	display: block; 

}
/*box*/
#boxOut { float: left;
	margin-top: 30px; 
	margin-bottom: 30px; 
	padding: 0px; 
	width: 210px !important; 
	width: 210px; /*IE*/ 
	background:  #ffffff ;
	display: block; 
	border: 1px solid #f5f5f5;
	}
#box{
	margin-top:0px;
	margin-left: 0px;
	width: 172px !important; 
	width: 192px; /*IE*/ 
	display: block; 
	background:#ffffff;
	font-size: 11px;
	padding: 10px;
	color: #000000;
	background: transparent;
}
#box a{color: #017EC0; text-decoration: underline;  }
#box a:hover{color: #A4C407;text-decoration: none;}


/* maps google  */

#map{
width:550px;
height: 233px;
}

/**/

#submenutyp2 {
	padding: 0px; 
	text-align: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	display: block; 
}

#submenutyp2 ul {
	padding-left: 0; 
	margin-bottom: 0px;
	margin-left: 0;
	color: #000000; 
	float: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	font-family: arial, helvetica, sans-serif;
	background: #ffffff;
}

#submenutyp2 li{
	list-style: none; 
	margin-right: -1px; /* for IE */
}

.submenutyp2 {background: transparent; height: 30px;}

#submenutyp2 a {
	display:block;
	font-size:11px;
	width:211px;
	padding:7px 0;
	color: #000000;
	background: transparent;
	text-decoration:none;
	margin-right:1px;
	text-align:left;
	border-bottom: 1px solid #888888;
}

#submenutyp2 a:hover{
	background: #f5f5f5; 
	color: #000000;
}

#submenuactivetyp2 a{
	background: #f5f5f5;
	color: #000000;
	font-weight: normal;
}
#submenutyp2 li a span.submenuOutputTyp2{padding-left: 15px; display: block;}

/*---------------------------------------------------------- end tier 2 - SubNavi*/
/*---------------------------------------------------------- open tier 3 - SubNavi*/

#submenutyp2 li a span.subsubmenuOutputTyp2{padding-left: 30px; color: #888888;} /*inline span around the txt*/
#submenutyp2 li a span.subsubmenuOutputTyp2:hover{text-decoration: none;}/*inline span around the txt*/
.subsubmenuOutputTyp2{}

#subsubmenutyp2 a:hover{background: #888888; display: block;}

#subsubmenuactivetyp2 a.subsubmenuOutputTyp2{ background: #ffffff; color: #017ec0; font-weight: normal;} 
#subsubmenuactivetyp2 a:hover{background: #ffffff; color: #888888; } 

/*---------------------------------------------------------- end tier 3 - SubNavi*/

/* ################################################################################################ END MENU TYP 2 CSS */
/* ################################################################################################ Open MENU TYP 3 CSS */

/*---------------------------------------------------------- open tier 1 - Navi */
#menutyp3 {
	padding: 0px; 
	text-align: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	display: block; 
}

#menutyp3 ul {
	padding-left: 0; 
	margin-bottom: 0px;
	margin-left: 0;
	color: #000000; 
	float: left;
	width: 212px !important; 
	width: 212px; /*IE*/ 
	font-family: arial, helvetica, sans-serif;
	background: #ffffff;
}

#menutyp3 li{
	list-style: none; 
	margin-right: -1px; /* for IE */
}



#menutyp3 a {
	display:block;
	font-size:11px;
	width:211px;
	padding:7px 0;
	color: #000000;
	background: transparent;
	text-decoration:none;
	margin-right:1px;
	text-align:left;
	border-bottom: 1px solid #888888;
}

#menutyp3 a:hover{
	background: #f5f5f5; 
	color: #000000;
}

#submenuactivetyp3 a{
	background: #f5f5f5;
	color: #000000;
	font-weight: normal;
}
#menutyp3 li a span.submenuOutputTyp3{padding-left: 15px; display: block;}

#menutyp3 li a span.subsubmenuOutputTyp3{padding-left: 30px; color: #888888;} /*inline span around the txt*/
#menutyp3 li a span.subsubmenuOutputTyp3:hover{text-decoration: none;}/*inline span around the txt*/
.subsubmenuOutputTyp3{}

#subsubmenutyp3 a {color: #000000; background: #ffffff; text-decoration: underline; margin-right: 20px; }
#subsubmenutyp3 a:hover {color: #017ec0;background: #ffffff; text-decoration: underline;}
.subsubmenuOutputTyp3{padding-left:20px; padding-right:20px;}
#subsubmenuactivetyp3 a.subsubmenuOutputTyp3{ background: #ffffff; color: #017ec0; font-weight: normal;} 
#subsubmenuactivetyp3 a:hover{background: #ffffff; color: #888888; } 
/*---------------------------------------------------------- end tier 2- Navi */
/*---------------------------------------------------------- open tier 3- Navi */



/*---------------------------------------------------------- end tier 3- Navi */

/* ################################################################################################ END MENU TYP 3 CSS */
/* ################################################################################################ OPEN MENU TYP 4 CSS */

/*---------------------------------------------------------- open tier 1 - Navi */
#menutyp4 ul {
	padding-left: 0; 
	margin-bottom: 0px;
	margin-left: 0px; 
	color: #000000; 
	float: left;
	width: 850px !important; 
	width: 847px; /*IE*/ 
	font-family: arial, helvetica, sans-serif;
	background: transparent;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #888888;
}

#menutyp4 li{
	float:left; 
	list-style-type: none; 

}

#menutyp4 a {
	display:block;
	font-size:11px;
	padding:7px 0;
	color: #000000;
	background: transparent;
	text-decoration:none;
	margin-right:1px;
	text-align: left;
}

#menutyp4 a:hover{
	background: #f5f5f5; color: #000000;
}

#menuactivetyp4 a, #menuactivetyp4 a:hover{
	background: #888888;
	color: #ffffff;
	font-weight: normal;
}


#menutyp4 span.menuOutputTyp4{padding-left: 15px; padding-right: 15px;}
#menuactivetyp2 span.menuOutputTyp4{font-weight: normal; }

/*---------------------------------------------------------- end tier 1 - Navi */

/*---------------------------------------------------------- open tier 2 - Navi */
#submenutyp4 ul {
	padding-left: 0; 
	margin-bottom: 0px;
	margin-left: 0; /*background-image: url(.././view/styles/images/navi.png);*/
	color: #ffffff; 
	float: left;
	width: 847px !important; 
	width: 847px; /*IE*/ 
	font-family: arial, helvetica, sans-serif;
	background: #ffffff;
}

#submenutyp4 li{
	float:left; 
	list-style-type: none; /*list-style-image: url(.././templates/frontend/images/close.gif)*/; 
}

.submenutyp4{}

#submenutyp4 a {
	display:block;
	font-size:11px;
	padding:7px 0;
	color: #000000;
	background:#ffffff;
	text-decoration:none;
	margin-right:1px;
	text-align: left;
}

#submenutyp4 a:hover{
	background: #ffffff; color: #017ec0;
}

#submenuactivetyp4 a{
	/*background-image: url(.././templates/frontend/images/navi.png);*/
	background: #ffffff;
	color: #017ec0;
	font-weight: normal;
}


#submenutyp4 span.submenuOutputTyp4{padding-left: 15px; padding-right: 15px;}
#submenuactivetyp4 span.submenuOutputTyp4{font-weight: normal; color: #017ec0;}

/* #subsubmenutyp4 is #subsubmenutyp3*/


/*---------------------------------------------------------- end tier 2 - Navi */
/*---------------------------------------------------------- open tier 3 - Navi */

/*---------------------------------------------------------- end tier 3 - Navi */

/* wenn keine box in nav typ 4*/
#contentNavTyp4 {
	clear: right;
	float: left;
	display: block;
	width: 850px; 
	padding-top: 0px; 
	padding-left: 0px; 
	font-size:11px; 
	background: #ffffff;
	margin-top: 30px;
	margin-left: 0px;
}

/* wenn mit box in nav typ 4*/
#boxNavTyp4{
	float: right; 
	text-align: left;
	margin-top:30px;
	padding: 0px;
	width: 200px !important; 
	width: 200px; 
	display: block; 
	background:#ffffff;
	border: 1px solid #888888;
}
/* wenn mit box in nav typ 4*/
#contentNavTyp4Box {
	clear: left;
	float: right;
	position: relative;
	display: block;
	text-align: left;
	width: 610px; 
	padding-top: 0px; 
	font-size:11px; 
	background: #ffffff;
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 35px;
}
/* ################################################################################################ END MENU TYP 4 CSS */
/* --- Ende Navigation --- */

/* Container Inhalt */ /*NaviTyp 1 - 2 - 3*/
#content {
	clear: right;
	float: right;
	position: relative;
	display: block;
	text-align: left;
	width: 550px !important; 
	width: 600px; /*IE*/
	padding: 10px 0 0 0 ; 
	font-size:12px; 
	background: transparent;
	margin-top: 20px;
	margin-left: 20px;
}

#content a

{
color:#017EC0;
text-decoration: underline;

}

#content a:hover

{
color:#A4C407;
text-decoration: none;

}


/*media Content*/
.mpdrei {background-color: #f5f5f5; border-bottom: 1px solid silver;	border-left: 1px solid silver;	padding-left: 4px; padding-top: 8px; padding-bottom: 8px; color: #000000;	margin-bottom: 5px;}
.downloadlinkmedien {color: #DA70D6; margin-top: 5px; margin-right: 5px; text-align: right;}
.player {float: left;}
.movielink {float: left;	padding-top: 3px; padding-left: 4px; padding-bottom: 3px; padding-right: 4px; border: 1px solid #000000; background-color: #ffffff;}
/* Überschriften h1 - h3 / p / hr = Trennlinie */
/*headlines h1 h2 h3*/
h1 {color: #A4C407; font-family: arial, san-serif; font-size: 22px; font-weight: bold;} 
h2  {color: #A4C407; font-family: arial, san-serif; font-size: 20px; font-weight: bold;} 
h3 {color: #A4C407; font-family: arial, san-serif; font-size: 18px; font-weight: bold;} 
h4 {color: #A4C407; font-family: arial, san-serif; font-size: 16px; font-weight: bold;} 
h5 {color: #A4C407; font-family: arial, san-serif; font-size: 14px; font-weight: bold;} 
h6 {color: #A4C407; font-family: arial, san-serif; font-size: 12px; font-weight: bold;} 
p {padding: 0px; margin:0px; font-size:11px;}
hr{ border-top: 1px dotted #017ec0; border-bottom:0px; margin-top:0px; height: 0px;}


/*editor and fonts*/
.tableeditor{}
.tdeditor{border-spacing:15px; padding: 10px; font-size: 11px; background-color: #ffffff; border: 0px solid #888888; vertical-align: top;}
.dropright{ margin-top: 5px; float: right; padding-left: 15px; padding-bottom: 5px; }
.dropleft{margin-top: 5px; float: left; padding-right: 15px; padding-bottom: 5px; }
.textRight{text-align: right;}
.textLeft{text-align: left;}
.textCenter{text-align: center;}
.blocksatz{text-align: justify;}
.ulist{ margin-left: 30px; list-style-type: disc; color: #017ec0;}
.olist{ margin-left: 30px; color: #017ec0;}
.vita{
list-style-image: url(http://l.psychotherapie-vt.de/_bilder_upload/li.gif);
margin-left: 20px;
}

/*layer 1-3 */
#layer1{position: absolute; z-index: 10; top: 0px; right: 0px; border: 1px solid #017ec0; background: #ffffff; width: 170px; padding: 10px; display: block;}
#layer2{position: absolute; z-index: 20; top: 0px; right: 205px; border: 1px solid #017ec0; background: #ffffff; width: 170px; padding: 10px; display: block;}
#layer3{position: absolute; z-index: 30; top: 0px; right: 410px; border: 1px solid #017ec0; background: #ffffff; width: 170px; padding: 10px; display: block;}



/* news -  mainIframe - */
#myframe {width: 260px !important; width: 260px; /* IE */}

/* bildergalerie */
.thumbs{text-align: center;padding-top: 5px;padding-bottom: 5px;}

/* txt-links */
a{color: #017EC0; text-decoration: none; }
a:visited{color: #017EC0; text-decoration: none;}
a:hover{color:#A4C407;text-decoration: underline;}
a:active{color:#A4C407;}



#sitemap {
	clear: right;
	float: left;
	display: block;
	width: 580px; 
	padding-top: 0px; 
	font-size:11px; 
	background: #ffffff;
	margin-top: 30px;
	margin-left: 20px;
}
.sitemap{left: 280px;}
.sitemap a{text-decoration: none;}

/*LOGIN BEREICH*/

/*INPUTS*/
#bglogin input.textLog{border: 1px solid #888888; background: #f5f5f5; width: 300px;}
#bglogin input.textLog:focus{border: 1px solid #888888; background: #ffffff; width: 300px;}
#bglogin input.passLog{border: 1px solid #888888; background: #f5f5f5; width: 300px;}
#bglogin input.passLog:focus{border: 1px solid #888888; background: #ffffff; width: 300px;}
#bglogin input.submitLog{border: 1px solid #888888; background: #f5f5f5; width: 150px;}
/*---------*/
#kontakt input.text{border: 1px solid #888888; background: #f5f5f5; width: 300px;}
#kontakt input.text:focus{border: 1px solid #888888; background: #ffffff; width: 300px;}
#kontakt input.mail{border: 1px solid #888888; background: #f5f5f5; width: 300px;}
#kontakt input.mail:focus{border: 1px solid #888888; background: #ffffff; width: 300px;}
#kontakt textarea.textarea{border: 1px solid #888888; background: #f5f5f5; width: 300px; height: 250px;}
#kontakt textarea.textarea:focus{border: 1px solid #888888; background: #ffffff; width: 300px; height: 250px;}
#kontakt input.submitLog{border: 1px solid #888888; background: #f5f5f5; width: 150px;}

/* Der Footer */
#footer {display: block; clear: both; color: #A9A9A9; padding: 15px 0 15px 0; border-top: 3px solid #0198CD; font-size: 11px; text-align:left;}
#footer a{text-decoration: none; color: #A9A9A9; background:  transparent;}
#footer a:hover{text-decoration: none; color: #017ec0; background:  transparent;}