/* css created by miss monorom 2005 http://www.monorom.to */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en  */
/* adapated by liip.ch for medi, bern */

#neue_adresse {
display:block;
width:375px;
height:285px;
background-image:url(http://www.feusi.ch/files/images/newadress/index.jpg);
background-repeat:no-repeat;
background-position:right top;
position:absolute;
top:-500px;
background-color:#fff;
}

#na_content {
margin:20px 0 0 60px;
}
#na_content p {
padding:10px 0 0 0;
}

div#close_image {
position:absolute;
right:15px;
top:10px;
}

#ng_bitflux_org, body {
background-color: #eaf6fd;
font-size: 11px;
line-height:17px;
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#4b636e;  
padding:0px;
margin: 0px;
}

a {
color:#4B636E;
}
a:visited {color:#4B636E;}
a:hover {color: #00469B;}
a:active { color:#4B636E;}

h1, h2, h3, h4, h5, p{
margin:0px;
padding:0px;
padding-left:20px;
}
h2, h3, h4, .fn{
margin-top:10px;
color:#00469B;
letter-spacing:1px;
}
h1{
color:#00469B;
font-size:14px;
line-height:17px;
letter-spacing:1px;
margin-bottom:10px;
text-transform:uppercase;
}
h2, .fn{
font-size:11px;
text-transform:uppercase;
}
h3{
font-size:11px;
}
h4{
font-size:11px;
}

.ausgebucht {
    font-size:150%;
    color:red;
}
hr {
border: 1px solid #e5ecf2;
}
img{
border:0px;
}

form{
padding: 0px;
margin: 0px;
}

.form{
padding: 0px;
margin: 5px 25px 15px 25px;
}

textarea, .formgenerell input, input.formgenerell {
width:235px;
border: 1px solid #aaaaaa; 
margin-top: 2px;
padding: 2px;
width:260px;
height:50px;
}


input {
border: 1px solid #aaaaaa;
margin:0px 10px 5px 3px;
padding:0px;
vertical-align: middle;
}

input.chckbox{
	display: inline !important;
	border: none !important ; 
	padding: 0px;
	padding-left: 5px;
	margin: 0px;	
	vertical-align: middle;
}
td input.chckbox {
margin-right:20px;
}

label {
vertical-align: top;
display: inline;
margin-left:-20px;
margin-right:10px;
}


.formbutton {
width:100px;
border: 1px solid #aaaaaa; 
}

/* patforms filter */
.formErrors {
margin: 5px 25px 25px 25px;
padding: 5px 5px 5px 5px;
border: 1px solid ;
background-color: #FFBBBB;
}

.formlabelerror {
    color: #BB1111;
    font-weight: bold;
}

/* container to center the layout
-------------------------------------- */
#container {
position:relative;
width: 880px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-position:-1px 0px;
background-image:url(/themes/medi/images/container_trenner_886.png);
background-repeat:repeat-y;
}

/* head container for logo and metanavi
-------------------------------------- */
#banner {
padding: 0px;
margin: 0px;
height: 80px;
background-color:#fff;
background-image:url(/themes/medi/images/medi_online.png);
background-repeat:no-repeat;
background-position:-1px 0px;
width:880px;
}
/*Here is the "online" logo */
#logo3{
display:none;
position:absolute;
top:23px;
left:31px;
/*background-image:url(/themes/feusi/images/online.gif);
background-repeat:no-repeat;*/
width:139px;
height:46px;
cursor:pointer;
}
#logo2{
position:absolute;
left:637px;
top:0px;
}
#banner a{
color: #000;
text-decoration:none; }
#banner  a:hover {color: #009988;}

#banner h1 {
font-size: 30px;
padding: 45px 0px 0px 200px;
margin: 0px;
}
#banner h2{
color: #ffffff;
font-size: 14px;
padding: 2px 0px 50px 200px;
margin: 0px;
}
#servicelinks{
position:absolute;
left:26px;
top:39px;
}
#servicelinks ul{
padding:0px;
margin:0px;
}
#servicelinks li{
display:inline;
padding:0px;
margin:0px;
}
#s_home a{
padding: 2px 0px 2px 20px;
background-image:url(/themes/medi/images/s_home3.gif);
background-repeat:no-repeat;
background-position:0px -1px;
}
#s_kontakt a{
padding: 2px 0px 2px 20px;
background-image:url(/themes/medi/images/s_contact3.gif);
background-repeat:no-repeat;
background-position:0px -3px;
}
#s_index a{
padding: 2px 0px 2px 20px;
background-image:url(/themes/medi/images/s_index3.gif);
background-repeat:no-repeat;
background-position:0px -2px;
}
#servicelinks a{
margin-left:10px;
}
#search{
position:absolute;
left:250px;
top:33px;
}


#search input {
font-size:11px;
background-color:#e5ecf2;
border:1px solid #ccc;
width:120px;
}

#gobutton {
margin-left:10px !important;
margin-top:0px !important;
border: none !important;
background-color: white !important;
background-image:url(/themes/medi/images/s_go.gif);
background-repeat:no-repeat;
/* display:block; */
height:25px;
width:25px !important;
display:inline; 
}

#toolbox{
display:none;
z-index:1000;
position:absolute;
left:812px;
top:80px;
width:64px;
height:133px;
background-image:url(/themes/medi/images/toolbox.png);
background-repeat:no-repeat;
}
#tb_bigger{
position:absolute;
top:37px;
left:5px;
}
#tb_smaller{
position:absolute;
top:37px;
left:20px;
}
#tb_print{
position:absolute;
top:68px;
left:5px;
}
#tb_mail{
display:none;
}
#breadcrumb{
position:relative;
height:40px;
background-image:url(/themes/medi/images/breadcb.png);
background-repeat:no-repeat;
background-position:0px 0px;
}
#breadcrumblink{
position:relative;
left:250px;
width:370px;
}
#breadcrumblink ul{
padding:0px;
margin:0px;
}
#breadcrumblink li{
padding:0px;
margin:0px;
display:inline;
}
#breadcrumblink a{
color:#8699a6;
}

#metanavi { 
display:none;
float: right;
padding: 5px 15px 0px 0px;
margin: 0px;
}
/*main-navi
-------------------------------------- */
#topnavi {
display:none;
border-bottom:1px solid #B0E0E6;
margin: 0px;
padding: 2px 0px;
}
#topnavi a { 
color: #000000;
text-decoration: none; 
margin: 0px;
padding: 2px 15px;
}
#topnavi a:visited {color:#000000;}
#topnavi a:hover {color: #000000; background-color: #CEE0CE;}
#mainnavi a:active { color:#000000;}

#container  #topnavi a.selected {
background-color: #B0E0E6;
color: #000000;
}

/* content elements
-------------------------------------- */
#content {

padding: 0px;
margin:32px 0px 30px 219px;
width:400px;
min-height:1050px;
height:auto !important;
height:1050px;
}
.description {
margin: 5px 0px 15px 15px;
}
.descriptiontitle, .descriptiontitle a {
text-transform:uppercase;
color:#00469B;
text-decoration:none
}

#content ul{
margin:0px;
margin-left:5px;
margin-bottom:7px;
padding:0px;
padding-left:15px;
}
#content li{
list-style:none;
background-image:url(/themes/medi/images/list_arrow.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:10px;
}
#content ul li a{
color:#4B636E; 
}

/*#content h1, #content h2, #content h3, #content h4 {
padding: 0px 25px 0px 25px;
margin:0px 0px 15px 0px;
}*/
#content p{
margin:0px 20px 7px 0px;
}

#content p.center{
text-align:center;
margin-left:-3px;}

#content li.listtitle {
list-style:none;
margin-left:-15px;
}

#medibanner {
background-image:url(/themes/medi/images/medibanner.jpg);
background-repeat:no-repeat;
width:418px;
margin-bottom:15px;
padding:15px;
}

/* elements for the gallery
-------------------------------------- */
#content #gallerie {
float:left;
margin:0;
padding:0 0 10px 15px;
}
 
#content .thumbnail{
float:left;
margin: 10px 4px 0px 0px;
padding: 0px;
}
#content .thumbnail img{
border: 1px solid #778899;
padding: 1px;
}

#content  br.antileft {
clear: left;
}
.antifloat {
clear: left;
}
.vcard {
margin:0px 0px 10px 0px;
min-height:66px;
height: auto !important;
height:66px;
}
.vcard img{
display:block;
position:relative;
float:left;
padding-top:3px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
z-index:100;
}

.fn {
position:relative;
display:block;
font-weight:bold;
text-transform:uppercase;
margin:0px;
padding:0px;
}
.adresse{
display:block;
}
.email {
display: block;
position:relative;
left:0px;
}

#content table{
margin:0px 0px 0px 20px;
padding:0px;
}
#content table table{
margin:0px;
padding:0px;
}
#content td h2{
margin: 0px;
padding:0px;
}

#content td {
vertical-align:top;
padding: 2px;
}
.contacts{
margin:10px 0px 20px 15px;
}

a.email{
color:#4B636E;
letter-spacing:normal;
}

td h2 {
margin:0px;
}


/* elements for left and right navigation
-------------------------------------- */
#left {
position:relative;
float:left;
margin: 0px;
left:10px;
margin-bottom:30px;
padding:0px;
}
#angebot{
background-image:url(/themes/medi/images/bildungsg.gif);
background-repeat:no-repeat;
width:195px;
height:28px;
border-bottom:1px solid #E5ECF2;
}
#angebot h1{
visibility: hidden;
}
#ueberuns{
margin-top:35px;
background-image:url(/themes/medi/images/ueberuns.gif);
background-repeat:no-repeat;
border-bottom:1px solid #E5ECF2;
height:28px;
width:195px;
}
#ueberuns h1{
visibility: hidden;
}

#inselspital {
background-image:url(/files/images/inhalt/inselspital_logo);
background-repeat:no-repeat;
cursor: pointer;
position: relative;
float: left;
height:80px;
margin:10px;
width:159px;
}

#zusammenarbeit p{
display: block;
position: relative;
float: left;
margin-top: 20px;
margin-bottom: 20px;
width: 180px;
}

#offene_tuer {
margin-left:10px;
}


#news {
background-image:url("/themes/medi/images/news.gif");
background-repeat:no-repeat;
border-bottom:1px solid #E5ECF2;
width:195px;
height:28px;
}
#newsnavi {
margin-top:5px;
}
#newsnavi ul, #newsnavi li, #newsnavi a{
margin: 0px;
padding:0px;
}

#right #newsnavi img {
margin: 5px 0 0 0px;
}

#right #newsnavi p {
margin: 15px 0 0 -15px;
}

#right #newsnavi a.newslink {
color:#ec2d02;
font-weight:bold;
}

#right #newsnavi a.newslink:hover {
color:#00469b;
}

#newsnavi li{
border-bottom:1px solid #E5ECF2;
line-height:15px;
}
#newsnavi ul li a {
text-transform: none;
margin:0px;
padding:0px;
margin-bottom:5px;
}
#information {
background-image:url(/themes/medi/images/information.gif);
background-repeat:no-repeat;
height:28px;
width:195px;
border-bottom:1px solid #E5ECF2;

}
#news h1{
visibility: hidden;
}
#webcam {
background-image:url(/themes/medi/images/infovera.gif);
background-repeat:no-repeat;
border-bottom:1px solid #E5ECF2;
width:195px;
height:28px;
}
#right #webcamlink #morelinks ul,#right #webcamlink #morelinks li, #webcamlink li a{
padding:0px;
margin:0px;
}

#diplomfeier {
background-image:url(/themes/medi/images/diplofei.gif);
background-repeat:no-repeat;
margin: 15px 0px 5px 0px;
padding-bottom: 5px;
border-bottom:1px solid #E5ECF2;
width:195px;
height:25px;
}

#diplompresents {
background-image:url(/themes/medi/images/diplprae.gif);
background-repeat:no-repeat;
margin: 0px 0px 5px 0px;
padding-bottom: 5px;
padding-bottom: 5px;
border-bottom:1px solid #E5ECF2;
width: 210px;
height:25px;
}

.diplink {
padding: 10px 0px 0px 15px;
}

#morelinks h2 {
margin-left: 0;
padding-left: 0;
}

#webcam h1{
visibility: hidden;
}
#right {
position:absolute;
left:645px;
width: 220px;
margin: 0px;
margin-right:0px;
padding:0px;
}

#left a, #right a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
color:#525f65;
}
#left .selected, #right .selected {
color:#00469B;
text-decoration: none;;
}
#left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#left ul ul {
padding-left:10px;
}
#left ul ul a {
font-size:10px;
}
#right ul {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-left:10px;
}  
#left li{
border-bottom:1px solid #E5ECF2;
}
#left li{
margin:0px;
padding:0px;
width:194px;
}
#left li ul li{
margin:0px;
padding:0px;
width:184px;
}
#right li{
margin:0px;
padding:0px;
width:185px;
}
#right li.last{
margin-top:5px;
border:none;
}

#left li a, #right li a{
display:block; 
margin:5px 0px 2px 0px;
text-transform:uppercase;
padding-left:10px;
text-decoration:none;
}

#right ul ul li{
text-transform:none;
border:none;
height:auto;
}
#right ul ul li a{
display:block;
text-transform:capitalize;
margin:0px;
padding:5px 0px 0px 5px;
height:auto;
background-image:none;
}
#right ul ul li a.selected{
display:block;
text-transform:none;
margin:0px;
padding:5px 0px 0px 5px;
height:auto;
background-image:none;
}

#title_feusi{
background-image:url(/themes/medi/images/ueberuns.gif);
background-repeat:no-repeat;
height:55px;
width:207px;
}

#information_end, #news_end, #webcam_end{
height:25px;
width:195px;
background-repeat:no-repeat;
background-image:url(/themes/medi/images/information_end2.png);
margin:0px;
}
#relatedcontent {
margin-top:0px;
}
#relatedcontent h3{
display:none;
}
#relatedcontent ul{
margin-top:5px;
}
#relatedcontent li{
border:none;
}
#relatedcontent li a {
text-transform:none;
line-height:15px;
text-decoration:underline;
padding:0px;
margin:0px;
/*background-image:url(/themes/medi/images/list_arrow.gif);
background-position:0px 4px;
background-repeat:no-repeat;*/
}
#relatedcontent li.title {
margin:0px;
padding:0px;
margin-top:7px;
margin-bottom:2px;
text-transform:uppercase;
padding-left:0px;
}
#left li a:hover, #right li a:hover{
color:#00469B;
}

/*footer
-------------------------------------- */
#footer {
position:relative;
clear:both;
color:#ccc;
padding-left: 8px;
margin: 0px;
height:74px;
width:880px;
background-image: url("/themes/medi/images/medi_footer.png");
background-repeat:no-repeat;
background-position:-1px 0px;
}

#footer a {
color: #ccc;
}

/* just used vor the blog
-------------------------------------- */
/*
#content .post_title {
color: #333;
border-bottom: 1px solid #aaa;
margin: 0px 25px 3px 25px;
padding: 0px 0px 5px 0px;
}

#content .post_title a { 
color: #333;
text-decoration:none;
}
*/
.post_meta_data {
font-size: 11px;
padding-top: 0px;
margin: 5px 25px 15px 20px;
}

.right {
float: right;
}
.post_content {
line-height: 18px;
padding-top: 0px;
margin: 5px 25px 15px 20px;
}
/*
#content .post_content p{
padding: 0px 0px 15px 0px;
margin: 0px;
}
.post_content_extended {
line-height: 18px;
padding-top: 0px;
margin: 5px 50px 15px 25px;
}

#content .post_content_extended p{
padding: 0px 0px 15px 0px;
margin: 0px;
}

#commentform {
margin-left:25px ! important;
}

.post_more {
float: left;
}
h3.blog, #right  h3.blog {
color: #333;
margin-bottom: 5px;
}
*/
.post_links, .post_tags,.post_related_entries {
text-align: right;
font-size: 11px;
padding: 0px 25px 20px 20px;
margin: 0px;
}
/*
.post_tags, .post_related_entries {
padding-bottom: 11px;
}

.blog_pager{
padding-top: 0px;
margin: 5px 25px 15px
}

#right .blog li {
line-height:  15px;
padding: 0px 15px 3px 15px;
margin: 0px;
text-indent: -1em;
}
*/
#livesearch {
margin: 0px 15px 15px 15px;
padding:0px;
width: 140px;
display: block;
}
#right input#livesearch  {
padding:1px;
width: 120px;
border: 1px solid #aaaaaa; 
}

.formurl {display: none;}

#bx_foo {                 
margin-left: 25px;
}

.blog_gravatar {          
float: right;
}

.post_more {
float: left;
}
#content #uebersicht ul{
list-style:none;
margin:0px;
margin-left:5px;
list-style-image:none;
}
#content #uebersicht li{
list-style:none;
list-style-image:none;
line-height:30px;
}
#content #uebersicht li a{
text-decoration:none;
color:#df0632;
}
div.indeximg{
display:block;
width:370px;
height:285px;
background-image:url(/themes/medi/images/index_img_bg.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}
.indeximg img{
margin:10px;
}
.ueb{
width:400px;
}
.ueb_2{
display:block;
width:190px;
height:66px;
float:left;
background-image:url(/themes/medi/images/icon_bg.gif); 
background-repeat:no-repeat;
background-position:0px 0px;
padding-bottom:20px;
}
.ueb_2 img{
float:left;
padding:4px 10px 20px 4px;
}

.ueb_2 a {
line-height:normal;
padding-right:0px;
text-decoration:none;
}
.clear {
line-height:1px;
clear:right;
}
.searchHighlight { 
background-color: yellow; 
}

/*search results*/ 
h2 a {
	color:#00469B;
	text-decoration:none;
}
h2 a:visited {
	color:#00469B;
}
h2 a:hover {
	color:#00469B;
	text-decoration:underline;
}

#mobile{
	display:none;
}
#logo1{
}

.plan_info{
clear:right;
margin-top:0px;
margin-bottom:20px;
}
.plan_ort {
padding:0px;
clear:both;
}
.plan_ort p {
margin:0px;
padding:0px;
}
.plan_ort h2{
margin:0px;
letter-spacing:normal;
}
.plan_img {
float:left;
width:44px;
margin-top:2px;
margin-right:10px;
}
.plan_links {
float:left;
margin-top:2px;
width:100px;
}

/* tabledata classes */
.td1 {
padding-right:5px;
width:50px;}
.td2 {
padding-right:5px;
width:100px;
text-align:right;}
.td3 {}
.w120{
width:120px;
}
.gap {
height:40px;
clear:left;
}
.blue{
color:#01259a;
}
.sitemap ul, .sitemap li{
list-style:none;
list-style-image:none !important;
}
td p{
padding-left:0px;
}
.align1 , .align2{
text-align:left;
}
.align3 {
text-align:right;
}
.align1 , .align3{
background-color:#eee;
}

