/* 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 mediagonal.ch for feusi bildungszentrum, bern */

#neue_adresse {
display:block;
width:375px;
height:285px;
background-image:url(/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: #D7E1E7;
font-size: 11px;
line-height:17px;
font-family: Arial, Helvetiva, Verdana, sans-serif;
color:#54636E;  
padding:0px;
margin: 0px;
}

a {
color:#54636E;
}
a:visited {color:#54636E}
a:hover {color: #009988;}
a:active { color:#009988;}

a.green {color:#009988;}
a.noline {text-decoration: none;}

h1, h2, h4, h5, p{
margin:0px;
padding:0px;
}
h2, h3, h4, .fn{
margin-top:10px;
color:#009988;
letter-spacing:1px;
}
h1, h2.big {
color:#009988;
font-size:13px;
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;
}
hr {
border: 1px solid #e5ecf2;
}
img{
border:0px;
}

form{
padding: 0px;
margin: 0px;
}

.form{
padding: 0px;
margin: 5px 25px 15px 25px;
}

#infoveranstaltung div#contactform{
padding: 0px;
margin: 0px;
}
#infoveranstaltung div#contactform form {
margin: 20px 0 0 0;
}
#infoveranstaltung table#infoveranstaltungen-formtable {
margin-top:20px;
}

#angebot h1{
visibility: hidden;
}

textarea, .formgenerell input, input.formgenerell {
width:235px;
border: 1px solid #aaaaaa; 
margin-top: 5px;
padding: 2px;
}


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: 830px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-image:url(/themes/feusi/images/container_trenner.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/feusi/images/feusi_online.png);
background-repeat:no-repeat;
}
/*Here is the "online" logo */
#logo3{
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;
/*
background-image:url(/themes/feusi/images/feusi_logo.gif);
background-repeat:no-repeat;*/
left:650px;
top:29px;
width:156px;
height:35px;
}
#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:210px;
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/feusi/images/s_home3.gif);
background-repeat:no-repeat;
background-position:0px -1px;
}
#s_kontakt a{
padding: 2px 0px 2px 20px;
background-image:url(/themes/feusi/images/s_contact3.gif);
background-repeat:no-repeat;
background-position:0px -3px;
}
#s_index a{
padding: 2px 0px 2px 20px;
background-image:url(/themes/feusi/images/s_index3.gif);
background-repeat:no-repeat;
background-position:0px -2px;
}
#servicelinks a{
margin-left:10px;
}
#search{
position:absolute;
left:432px;
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/feusi/images/s_go.gif);
background-repeat:no-repeat;
/* display:block; */
height:25px;
width:25px !important;
display:inline; 
}

#toolbox{
z-index:1000;
position:absolute;
left:812px;
top:80px;
width:64px;
height:133px;
background-image:url(/themes/feusi/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/feusi/images/breadcrumb.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 { 
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 230px;
width:400px;
min-height:800px;
height:auto !important;
height:800px;
}

#infoveranstaltung div#content {
  margin: 0;
}
#content ul{
margin:0px;
padding:0px;
}
#content li{
list-style:none;
background-image:url(/themes/feusi/images/list_arrow.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:10px;
}
#content ul li a{
color:#54636E; 
}



/*#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 + ul{
margin-top:-7px;
}
/*
#content p.center{
text-align:center;}*/
#content li.listtitle {
list-style:none;
margin-left:-15px;
}

#content form {
margin-left:20px;
}

/* elements for the gallery
-------------------------------------- */
#content #gallerie{
float:left;
padding: 0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
 
#content .thumbnail{
float:left;
width:auto;
margin: 10px 5px 0px 0px;
padding: 0px;
}
#content .thumbnail img{
border: 1px solid #ccc;
padding: 1px;
}

#content  br.antileft {
clear: left;
}
.antifloat {
clear: both;
visibility: hidden;
}
.vcard {
margin:0px 0px 10px 0px;
min-height:66px;
height: auto !important;
height:66px;
}
.vcard img{
display:block;
position:relative;
float:left;
padding-top:5px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
z-index:100;
}

.fn {
position:relative;
display:block;
font-weight:bold;
text-transform:uppercase;
color:#009988;
margin:0px;
padding:0px;
}
.adresse{
display:block;
}
.email {
display: block;
position:relative;
left:0px;
}

#content table{
margin:0px;
padding:0px;
}
#content table.offer-table{
    width: 100%;
}
#content table.offer-table th {
    text-align: left;
}

#content td {
vertical-align:top;
padding: 2px;
}
.contacts{
margin:10px 0px 20px 0px;
}
.plan {
position:relative;
width:400px;
height:60px;
clear:both;
}
.plan_info{
width:290px;
}
a.email{
color:#54636E;
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;
min-height:650px;
height:auto !important;
height:650px;
}
#angebot{
background-image:url(/themes/feusi/images/angebot.gif);
background-repeat:no-repeat;
width:195px;
height:24px;
}
#right {
position:absolute;
left:650px;
width: 160px;
margin: 0px;
margin-right:0px;
padding:0px;
}
#left a, #right a {
text-decoration: none;
color:#54636e;
}
#left .selected, #right .selected {
color:#009988;
text-decoration: none;;
}
#left ul, #right ul {
list-style-type: none;
margin: 0px;
padding: 0px;
} 
#left li, #right li{
border-bottom:1px solid #E5ECF2;
}
#left li{
margin:0px;
padding:0px;
width:194px;

}
#right li{
margin:0px;
padding:0px;
width:150px;
}
#left li a, #right li a{
display:block; 
margin:10px 0px 2px 0px;
text-transform:uppercase;
padding-left:10px;
text-decoration:none;
background-image:url(/themes/feusi/images/list_arrow.gif);
background-position:0px 4px;
background-repeat:no-repeat;
}

#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/feusi/images/title_feusi.gif);
background-repeat:no-repeat;
height:24px;
width:150px;
}
#information {
background-image:url(/themes/feusi/images/information.gif);
background-repeat:no-repeat;
height:40px;
width:170px;
margin-top:20px;
margin-left:-10px;
}
/*#information_end{
height:25px;
width:150px;
background-repeat:no-repeat;
background-image:url(/themes/feusi/images/information_end.png);
margin:0px;
margin-left:-10px;
}
*/
#relatedcontent {
margin:0px 0 0px 0;
}
#relatedcontent h3{
display:none;
}
#relatedcontent li{
border:none;
}
#relatedcontent li a {
text-transform:none;
line-height:15px;
text-decoration:underline;
padding:0px 0px 0px 10px;
margin:0px;
background-image:url(/themes/feusi/images/list_arrow.gif);
background-position:0px 4px;
background-repeat:no-repeat;
}
#relatedcontent li.title {
margin:0px;
padding:0px;
margin-left:11px;
margin-top:7px;
margin-bottom:2px;
text-transform:uppercase;
padding-left:0px;
}

#left li a:hover, #right li a:hover{color:#009988;}

/*footer
-------------------------------------- */
#footer {
position:relative;
top: 50px;
clear:both;
color:#ccc;
margin: 0px;
height:52px;
width:830px;
background-image: url("/themes/feusi/images/feusi_footer.png");
background-repeat:no-repeat;
}

#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 25px;
}
.right {
float: right;
}
.post_content {
line-height: 18px;
padding-top: 0px;
margin: 5px 25px 15px 25px;
}
#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:0px 0px 5px 25px;
}

.post_links, .post_tags,.post_related_entries {
text-align: right;
font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 11px;
padding: 0px 25px 20px 25px;
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:572px;
height:285px;
background-image:url(/themes/feusi/images/index_img_bg.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}
.indeximg img{
margin:10px;
}
.subcategorie {
display:block;
width:400px;
margin-top:5px;
}
.ueb{
width:400px;
}
.ueb_2{
display:block;
width:190px;
height:66px;
float:left;
background-image:url(/themes/feusi/images/icon_bg.gif); 
background-repeat:no-repeat;
background-position:0px 0px;
padding-bottom:20px;
}
.ueb_2_empty{
display:block;
width:190px;
height:66px;
float:left;
background-repeat:no-repeat;
background-position:0px 0px;
padding-bottom:20px;
}

.ueb_2 img{
float:left;
padding:4px 10px 20px 4px;
}

.ueb_2 a, .ueb_3 a{
line-height:normal;
padding-right:0px;
text-decoration:none;
}
.ueb_3{
display:block;
width:380px;
height:66px;
float:left;
background-image:url(/themes/feusi/images/icon_bg.gif); 
background-repeat:no-repeat;
background-position:0px 0px;
padding-bottom:20px;
}

.ueb_3 img{
float:left;
padding:4px 10px 4px 4px;
}

.ueb_4{
display:block;
width:190px;
height:66px;
float:left;
background-image:url(/themes/feusi/images/icon_bg.gif); 
background-repeat:no-repeat;
background-position:0px 0px;
padding-bottom:20px;
}
.ueb_4 img{
float:left;
padding:4px 10px 40px 4px;
}

.ueb_4 a {
line-height:normal;
padding-right:0px;
text-decoration:none;
}
.ueb_4 a:hover{
color:#0B4D9B;
}

.ueb_5{
display:block;
width:190px;
height:66px;
float:left;
background-image:none; 
background-repeat:no-repeat;
background-position:0px 0px;
padding-bottom:20px;
}

.clear {
line-height:1px;
clear:right;
}
.searchHighlight { 
background-color: yellow; 
}

#content .blog-viewed-date {
    margin: 0px 25px 10px 25px;
}

/*search results*/ 
h2 a {
	color:#df0632;
}
h2 a:visited {
	color:#df0632;
}
h2 a:hover {
	color:#009988;
}

#mobile{
	display:none;
}
#logo1{
}
.plan{
clear:right;
margin-top:20px;
margin-bottom:20px;
}
.plan_ort {
width:130px;
float:left;
}
.plan_ort h2{
margin:0px;
letter-spacing:1px;
}
.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:55px;}
.td2 {
padding-right:5px;
width:100px;
text-align:right;}
.td3 {}
.w120{
width:120px;
}
.gap {
height:40px;
clear:left;
}
.blue{
color:#01259a;
}
.antifloat2 {
clear: both;
visibility: hidden;
margin-bottom:-10px;
padding:0px;
display:inline;
}

/* ugly hack for getting rid of the breaks */
.formcontent br {
display:none;
}

.formcontent table br {
display:block;
}
/* ugly hack for getting rid of the breaks */