/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
}

/* Format basic elements */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img {
	border:0;
}
li {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}
a {
	color:#006aaa;
	text-decoration: underline;
}

#iContainer a
{
	color:#006aaa;
	text-decoration: underline;
}
:focus {
	outline:0;
}

/* Font settings */
body {
	font: 78.5%/1.6em Arial, Helvetica,sans-serif; 
	color:#333333;
	 background-image: url("/tl_files/bodypix/body_bg2.png");
 background-repeat: repeat-x;
 background-color: #ECF3F9;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:"Lucida Console",Monaco,monospace;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {
	font-size:150%;
	color: #006aaa;
	font-style: italic;
}
h2 {
	font-size:120%;
	color: #006aaa;
}
h3 {
	font-size:120%;
	color: #006aaa;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}

/* Default margins */
h1,h2,h3,h4,h5,h6 {
	margin-top:1em;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match font size */
}

/*
Los gehts

*/

#search
{
background-image: url("/tl_files/bodypix/suche2.png");
background-repeat: repeat-y;
background-position: center center;
height: 46px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: -1;
}

#header .logo
{
width: 300px;
height: 174px;
background-image: url("/tl_files/bodypix/th_logo.png");
background-repeat: no-repeat;
background-position: left 24px;
float: left;

}
#header .logo .logoLink
{
display: block;
height: 90px;
margin-top: 30px;
}

#header .logo .naviTopImage
{
margin-top: 31px;
width: 240px;
height: 23px;
}

#header .fontSearch
{
color: #666666;
height: 46px;
width: 658px;
float: left;
margin: 0px;
padding: 0px;
padding-top: 10px;

}
#header .fontSearch #css_switcher
{
padding-left: 295px;
width: 150px;
height: 46px;
float: left;

}

#header .fontSearch #css_switcher span,
#header .fontSearch #css_switcher ul li
{
float : left;
}
#header .fontSearch #css_switcher ul li a.normal
{
font-size: 100%;
line-height: 22px;
}
#header .fontSearch #css_switcher ul li a.gross
{
font-size: 120%;
line-height: 22px;
}

#header .fontSearch #css_switcher ul li a.groesser
{
font-size: 140%;
line-height: 19px;
}
#header .fontSearch #css_switcher ul li a
{
text-decoration: none;
font-weight: bold;
color: #666;
margin-left: 5px;
}

#header .fontSearch .suchformular
{

height: 46px;
width: 213px;
float: left;

}
#header .fontSearch .suchformular label
{
margin-right: 10px;
padding-top: 2px;
}
#header .fontSearch .suchformular input.text
{
padding: 2px;
height: 19px;
border: 0px solid #fff;
width: 120px;
}
#header .fontSearch .suchformular label,
#header .fontSearch .suchformular input,
#header .fontSearch .suchformular .submit_container input.submit
{
float: left;
}

#header .adresse
{
width: 255px;
height: 100px;
float: left;
margin-left: 0px;
z-index: 99;
position: relative;
}

#header .karte
{
float: left;
margin-left: 90px;
}

/* SPALTE LEFT */

#left
{
border: 0px solid green;
width: 230px;
margin-right: 10px;
}

#left .mod_navigation ul
{
margin: 0px;
}
#left .mod_navigation ul li
{
background-color: #D4E6F2;
border-bottom: 1px solid #fff;
border-right: 1px solid #D1E1EE;
border-left: 1px solid #D1E1EE;
}
#left .mod_navigation ul li ul li
{
border-right: 0px solid #D1E1EE;
border-left: 0px solid #D1E1EE;
}
#left .mod_navigation ul li:hover
{
background-color: #E8F1F8;
}

#left .mod_navigation ul li.active
{
background-color: #E8F1F8;
}

#left .mod_navigation ul li.last
{
border-bottom: 0px solid #fff;
}

#left .mod_navigation ul li a
{
color: #006aaa;

height: 28px;
padding-top: 7px;
margin-left: 12px;
display: block;
text-decoration: none;
font-size: 100%;
}

#left .mod_navigation ul li span
{
color: #006aaa;

height: 28px;
padding-top: 7px;
margin-left: 12px;
display: block;
text-decoration: none;
font-size: 100%;
}

#left .mod_navigation ul.level_1 li.trail a:hover
{
background-color: #D4E6F2;
margin-left: 0px;
padding-left: 12px;
}


#left .naviBackgroundBottom
{
width: 230px;
height: 147px;
margin-bottom: 30px;
}

/*CONTENT BOXEN LEFT ########### */
#left .mod_contentbox .mod_box_items
{
border: 1px solid #D4E6F2;
background-color: #fff;
}


#left .mod_contentbox .mod_box_items
{
padding: 4px 15px;
margin-bottom: 22px;
}

#left .mod_contentbox .mod_blue
{
background-color: #D4E6F2;
}

#left .mod_contentbox .no_padding
{
padding: 4px 5px;
}

#left .mod_contentbox  h3
{
padding: 5px 0px;
margin: 0px;
}

#left .mod_contentbox .no_padding h3
{
padding: 5px 10px;
margin: 0px;
}

#left .mod_contentbox .infobox,
#left .mod_contentbox .last_infobox
{
padding: 0px;
background: #D4E6F2;
border: 0px solid #D4E6F2;
margin-bottom: 10px;
background-image: url("/tl_files/bodypix/infobox.png");
background-repeat: no-repeat;
background-position: left top;
padding-top: 3px;
padding-bottom: 4px;
padding-left: 35px;
}

#left .mod_contentbox .last_infobox
{
margin-bottom: 22px;
}

/* SPALTE RIGHT ####################### */

#right
{
border: 0px solid red;
width: 210px;
position: relative;
}

/*CONTENT BOXEN RIGHT ########### */


.ri_box_frohni
{
position: absolute;
right: 0px;
top: -112px;
width: 210px;
height: 200px;
overflow: hidden;
text-align: right;
z-index: 10;

}

#right .ri_box_item
{
padding-top: 88px;

}

#right .ri_box_item .mod_box_items
{
margin-right: 12px;
border: 1px solid #D4E6F2;
background-color: #fff;

padding: 4px 15px;
}

#right .ri_box_item .mod_box_items p
{
font-size: 95%;
line-height: 1.4em;
}

#right .ri_box_item .mod_box_items p.more
{
margin-top: -10px;
font-size: 93%;
}

#right .ri_box_item .mod_box_shaddow
{

background-image: url("/tl_files/bodypix/box_shaddow.png");
background-repeat: repeat-x;
background-position: left bottom;
height: 24px;
margin-right:12px;
margin-bottom: 10px;
}

#right .ri_box_item .no_padding
{
padding: 4px 5px;
}

#right .ri_box_item  h3
{
padding: 5px 0px;
margin: 0px;
}

#right .ri_box_item .no_padding h3
{
padding: 5px 10px;
margin: 0px;
}

#right  h4
{
padding: 0px 0px;
margin: 0px;
}

/* SPALTE MAIN #######################   */

.body_col3 #main
{
width: 495px;
position: relative;
}

.body_col2 #main
{
position: relative;
}

#main .inside
{
padding: 0px 27px;
}

#iContainer div.print_top{
border-top: 1px solid #D4E6F2;
width: 715px;
margin-top:20px;
clear: both;
float: none;
}

#iContainer div.print_top a{
float: right;
margin-right: 20px;
color: #666666;
text-decoration:none;
margin-top: 13px;
margin-bottom: 12px; 
}

#iContainer div.print_top a.print{
background:transparent url(/tl_files/bodypix/print.gif) no-repeat scroll left center;
padding-left: 20px;
}

#iContainer div.print_top a.top{
background:transparent url(/tl_files/bodypix/up.gif) no-repeat scroll left center;
padding-left: 11px;
}

#main div.pagination{
margin-top: 20px;
}

#main div.pagination p{
margin-bottom: 0px;
}

#main div.pagination ul{
margin-top: 10px;
}

#main div.pagination ul li{
display: inline;
}

#main div.mod_article
{
position:relative;
z-index:99;
}

#iContainer
{
border: 1px solid #D6E8F2;
/*position: relative;*/
background-image: url("/tl_files/bodypix/main_bg.png");
background-repeat: repeat-x;
background-color: #fff;
width: 715px;
float: left;
}

.iContainer_shaddow
{
width: 717px;
background-image: url("/tl_files/bodypix/main_shaddow.png");
background-repeat: repeat-x;
background-position: left bottom;
height: 24px;
margin-bottom: 10px;
margin-right: 13px !important;
margin-right: 7px;
float: right;

}

#footer
{
/*clear: both;*/
float: none;
}

/*Buchungsanfrage*/
fieldset {
border:1px dotted #CFCFCF;
clear:both;
margin:10px 0;
padding:10px 5px;
}

.onlinebuchung br{
display: none;
}


.onlinebuchung .radio_container
{
width: 390px;
}
.onlinebuchung textarea
{
height: 150px;
}

.onlinebuchung label{
display:block; 
}

.onlinebuchung label,
.onlinebuchung  input,
.onlinebuchung textarea,
.onlinebuchung .radio_container
{
margin-left: 5px;
}

#thAmbAnmeldung h3{
margin-top:0px;
}

#thAmbAnmeldung  .anmeldeslots input,
#thAmbAnmeldung  .anmeldeslots label{
margin-left: 0px;
}

#main #ambulanzanmeldung div.ce_form{
margin-top: 0px;
}

#thAmbAnmeldung  .anmeldeslots label{
margin-right: 14px;
}

.onlinebuchung  input,
.onlinebuchung textarea
{
margin-bottom: 15px;
color:#333333;
padding:7px;
width: 376px;
border: 1px dotted #0F68AD;
}

#thAmbAnmeldung .submit_container input{
width: 388px;
}

.onlinebuchung  .patzustand input
{
margin-bottom: 0px;
}

.onlinebuchung  .patzustand div
{
margin-bottom: 15px;
margin-top: 3px;
}

.onlinebuchung  div.submit_container input.submit ,
.onlinebuchung .formReset input.submit
{
padding: 2px;
}

.onlinebuchung .formReset,
.onlinebuchung  div.submit_container
{
display: inline;
}

.onlinebuchung .radio_container span
{
margin-left: 10px;
}

.onlinebuchung fieldset{
padding-left: 15px;
padding-bottom: 15px;
background-color:#E8F1F8;
border:1px dotted #0F68AD;
clear:both;
}

#thAmbAnmeldung fieldset{
width: 376px;
}

.onlinebuchung fieldset legend
{
padding: 2px;
padding-left: 6px;
padding-right: 6px;
color: #006AAA;
font-size:120%;
}

.onlinebuchung .checkbox_container input, 
.onlinebuchung .radio_container input  {
width:20px;
}

#thAmbAnmeldung .anmeldeslots input  {
width:15px;
}

.onlinebuchung .radio_container label,
#thAmbAnmeldung .anmeldeslots label,
.onlinebuchung .radio_container input.radio,
#thAmbAnmeldung .anmeldeslots input.radio,
.onlinebuchung  fieldset .radio_container  span,
#thAmbAnmeldung .anmeldeslots span
{
display: inline;
}

#buchungsanfrage2 .checkbox_container
{
margin-bottom: 10px;
}

#buchungsanfrage2 .checkbox_container span
{
margin-left: 12px;
}

#buchungsanfrage2 .patzustand .radio_container span{
display: block;
}

#ctrl_171 span,
#ctrl_172 span,
#ctrl_174 span,
#ctrl_173 span
{
display: block;
width: 100%;
}

#buchungsanfrage2 .formReset input
{
color: #FF0000;
}

.gaestegruesse table td.col_0 
{
width:180px;
vertical-align: middle;
}

.gaestegruesse table td.col_1 textarea,
.gaestegruesse table td.col_1 input
{
float: right;
}

.gaestegruesse table td.col_1
{
vertical-align: middle;
}

.gaestegruesse  div table tr.row_0 td.col_first
{
vertical-align: top;
}

/*Tooltips*/
/*.tooltip
{
	padding-left:14px;
	background-image:url("tl_files/layout/help.gif");
	background-position:left center;
	background-repeat:no-repeat;
}*/
 
.tool .tip-title
{
	width:350px;
	padding:6px;
	text-align:left;
	background-color:#D4E6F2;
	border-top:1px solid #00415e;
	border-right:1px solid #00415e;
	border-left:1px solid #00415e;
	color:#006AAA;
	font-size: 110%;
}
 
.tool .tip-text
{
	width:350px;
	margin:0px;
	padding:6px;
	text-align:left;
	background-color:#E8F1F8;
	border-top:0px solid #00415e;
	border-right:1px solid #00415e;
	border-bottom:1px solid #00415e;
	border-left:1px solid #00415e;
	font-size:11px;
	color:#000000;
	font-size: 110%;
}

#gaestegruesse p.error,
#buchungsanfrage p.error
{
display: none;
}

/***
Routenplaner
**/

.mod_routenplaner
{
margin: 20px 0px;
}
.mod_routenplaner input
{
border: 1px solid #0F68AD;
width: 300px;
padding: 7px
}


.mod_routenplaner input#routenplaner_end
{
color: #999;
}
.mod_routenplaner input.inputbutton
{
border: 1px solid #0F68AD;
width: 150px;
background-color: #CDE7F3;
}



.mod_routenplaner .col_0 span
{
width: 50px;
padding-top: 3px;
display: block;
}

.mod_routenplaner td.col_1,
.mod_routenplaner td.col_0
{
padding: 10px 0px;

}

.mod_ch_flowplayer .player
{
padding-left:90px;
}

#tl_login td {
padding-right: 15px;
}