/* wdb01 Template - for Webdesign Burgdorf							*/
/* By Ralf Longwitz, Longwitz Organisation & Consulting 2009 		*/ 
/* From original template "Molten Lava" by Klaus Weitzel 			*/
/* Additional formatting inspired by Acrotect LLC					*/

/* last change: 100823												*/

/* Fusszeile:
© 2009 Webdesign Burgdorf
	| Powered by <a href="http://www.websitebaker.org/" target="_blank">Website Baker</a>
	| <a style="font-weight: normal;" href="http://localhost/WebdesignBurgdorf/admin">Admin</a>
	| 
*/
/*	Farben:															*/
/*  Blau: ganz hell - #a6e6ff  hell - #006a90  dunkel - #0054a6		*/
/*  Grau: #666666 */

div {
	margin-top: 0;			/* Gecko workaround */
	}
html {
	height: 100%;			/* required */
	overflow-y: scroll;
	}
body {
	height: 100%;			/* required */
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	line-height:1.5;
	color: #666;
	text-align: center;		/* gilt fuer div, damit es im IE zentriert ist*/
	background-color: white;
	margin: 0 auto;
/*	background: url(images/PICT9716org.JPG); 
	background-repeat: repeat;
/*	overflow-x: hidden; */
	}
#bodyouter {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	min-width: 800px;
	max-width: 1024px;
	.width: 1024px;
	margin: 0 auto;
	background-color: white;
/*
Transparent PNG Images
The standard method of applying semi-transparency is to utilize a 24-bit PNG image. These images are very easy to create using any image editor and can be applied simply using the background-image CSS property (although you can also use semi-transparent PNGs as regular images using the img HTML tag).
*/
	}
p {
	text-align: justify;
	}
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	color: #0054A6;
	}
h1 {
	margin-top: 1em;
	font-size: 175%;
	font-weight:normal;
	}
h2 {
	font-size: 120%;
	}
h3 {
	margin-top: 1.5em;
	font-size: 110%;
	}
h4, h5, h6 {
	font-size: 100%;
	margin-bottom: 0;
	}
table {	/* all tables centered */
	margin: 0 auto 0 auto;
	padding: 0;
}
table.captcha_table	{
	margin: 0;
	padding:0;
	border-collapse: collapse;
	}
td.captcha_expl {
	padding-left:1em;
	}
tr {
	font-weight: normal; 
	text-align: left; 
	vertical-align: top;
	}
table#partners tr {
	height: 6em;
	vertical-align: middle;
	}
th, td {
	/*border:0.25em solid white;*/
	}
th .field .question {
	width: 8.5em;
	font-weight: bold;
	margin: 0 1em 0 1em;
	padding: 0.35em 0.5em 0.5em 1em;
	background-color: #0054a6;
	color: white;
	}
th.date {
	white-space: normal;
	padding: 0.35em 0.5em 1em 1em;
   }
table.border	{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border: 1;
	}
table.border	th {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border: 1;
	}
table.border	td {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border: 1;
	}
.b100 {
	width: 100%;
}
.b90 {
	width: 90%;
}
.b80 {
	width: 80%;
}
.b50 {
	width: 45%;
}
td.partnerlogo
{
	width:30%;
	text-align:center;
}
td.partnertext
{
	width:69%;
	padding-left:2em;
	font-size:100%;
}
td.partnertext a
{
	font-weight:bold;
}
td.partnertext p
{
	text-align:left;
}

ul	{
	/*line-height: 100%;*/
	}
li	{
	margin-top: 3pt;
	}
a	{
	color: #0054a6;
	text-decoration: none;
	}
a:visited {
	color: #0054a6;
	}
a:hover, a:active {
	color: #0054a6;
	text-decoration: underline;
	}
img {
	margin: 0 auto;
	}
a img {border: none;}
.navcontainer, .content, .container, .footer {
	overflow: hidden;			/* Prevent spillage, just in case (scrollbars off) */
}

/* Spezielle Formatierungen */
.more {
	font-size: 80%;
	text-align: right;
	}
.more a {
	color: #999;
	}
.blueback {
	background-color: #0054a6;
	background-color: white;
	border-bottom: solid 2px #478FD8;
	}
.frame {
	border: solid 2pt #006a90;
	margin-top: 2em;
	margin-bottom: 1em;	
	padding: 0 1em;
	}

	/* Table layouts */

.tinner {
	display: table;
	width: 100%;
	overflow: hidden;
}
.trow {
	display: table-row;
	}
.layouttable {
	display: table;
	width: 100%;
}
.tablerow {
	display: table-row;
	width: 100%;
}

.tleft, .tright {
	display: table-cell;
	width: 48%;
}
.tmiddle {
	display: table-cell;
	width: 3%;
}

.bottom {
	clear: both;
	text-align: center; 
	margin-top: 2em; 
	font-size: 80%;
}

/*----------------------------------------------*/
/* Top Banner	                                 */
/*----------------------------------------------*/

.banner {
	position: relative;
	width: 100%;
	/*min-width: 700px; /* so that the text doesn't overlap the logo */
	top: 0;
	left: 0;
	height: 140px;
	border-style: none;
	border-color: #0054a6;
	border-width: 0 0 2pt 0;
	background-color: white;
	background: url(images/PICT9716.JPG); /* Logo: 282 x 147, Kreise: +6px */
	background-repeat: no-repeat;
	background-position: 0 -1px; /* fix for Safari */
	text-align: left;
	}
* html div.banner {
	width: 100%;
	}
.banner img {			/* Logo */
	position:absolute; 
	top: 40px;
	left: 0px;
	/*height: 99px;*/
	border: none;
	}
#bannerwall {
	position:absolute; 
	top: 40px;
	left: 0px;
	height: 100px;
	width: 100%;
	}
#menubar {			/* was: white background for menu items */
	}
#menubar2 {			/* Untermenue */
	position: absolute; 
	left: 0px;
	width: 120px;
	}
#pagenav {
	position: absolute;
	right: 6px;
	font-size: 80%;
	font-weight: bold;
	top:142px;
	}
#pagenav a {
	color:#0054A6;
	}
#pagenav a:hover {
	text-decoration: none;
	color: #fff;
	} 
	

/*----------------------------------------------*/
/* Menu 0 - Top									*/
/* For one level only							*/
/*----------------------------------------------*/

#topmenu {
	left: 0px;
	width: 100%;
	height: 30px;
	padding: 2px 0 0 0;
	margin: -5px auto 0 0px;
	white-space:nowrap;
	font-size: 120%;
	text-align: center;
/*	text-shadow: 0.01em 0.01em 0.2em white;
	text-shadow: -1px 0 0.1em white, 0 1px 0.1em white,
    	1px 0 0.1em white, 0 -1px 0.1em white;
	background: url(images/main_nav.png);*/
	background-color:#478FD8;
	}
#topmenu ul {
	padding: 0;
	margin: 0 0 0 20px;
	}
#topmenu li {
	display: inline;
	padding: 0;
	margin: 0;
	}
#topmenu a {
	padding:5px 18px 6px;	/* bottom must be same as topmenu */
	text-decoration: none;
	color: #fff;
	}
#topmenu a:visited {
	}		
#topmenu a:hover, #topmenu a:active , #topmenu .menu-parent a {
/*	border-bottom: 2pt solid #0054a6;
	border-left: 2pt solid #0054a6; */
	background-color:#0054a6;
	}
#topmenu .menu-current  a {
	font-weight: normal;
/*	border-bottom: 2pt solid #0054a6;
	border-left: 2pt solid #0054a6; */
	background-color:#0054a6;
	}

/*----------------------------------------------*/
/* Menu 1 - bottom									*/
/* For one level only							*/
/*----------------------------------------------*/

#bottommenu {
	width: 100%;
	margin: 3px auto 0 0;
	white-space: nowrap;
	font-size: 100%;
	text-align: left;
	}
#bottommenu #parent a {
	color: #478FD8;
	font-weight: bold;
	}
#bottommenu ul {
	padding: 0;
	margin: 0;
	}
#bottommenu li {
	line-height: 1.7;
	padding: 0px;
	margin: 0;
	list-style-type: none;
	border-bottom: 1pt solid #478FD8;
	}
#bottommenu a {
	padding: 0pt 0pt 0pt 1pt;		/* bottom must be same as bottommenu */
	text-decoration: none;
	font-weight: normal;
	color: #478FD8;
	}
#bottommenu a:visited {
	}		
#bottommenu a:hover, #bottommenu a:active {
	font-weight: bold;
	}
#bottommenu .menu-current  a {
	font-weight: bold;
	}

/*----------------------------------------------*/
/* Menu Chilren									*/
/* For one level only							*/
/*----------------------------------------------*/

.children {
	position: relative;
	float:right;
	right: 0px;
	top: 135px;
	width: auto;
	padding: 0em;
	background-color: #eefbff;
	border: 1pt solid #0054a6;
	font-size: 90%;
	font-weight: bold;
}
.children ul {
	padding: .5em;
	margin: 0;
	}
.children li {
	list-style-type: none;
	line-height: 1.5;
	}
.children a {
	padding: 0pt 8pt 2pt 1pt;		/* bottom must be same as children */
	text-decoration: none;
	color: #0054a6;
	}
.children a:visited {
	}		
.children a:hover, #children a:active {
	background-color: #0054a6;
	color: white;
	}
.children .menu-current  a {
	background-color: #0054a6;
	color: white;
	}

/*----------------------------------------------*/
/* Content Container   *    The Main Thing!		*/
/*----------------------------------------------*/

.container {
	position: static;
	max-width: 660px;
	margin: 0 auto 0 190px;
	text-align: left;
	}

/*----------------------------------------------------*/
/* Left Column                            		         */
/*----------------------------------------------------*/

.leftbar {
	display: none;
	position: static;
	float: left;
	width: 120pt;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: left;
	border-style: none;
	border-color: #0054a6;
	border-width: 0 1pt 0 0;
	color: white;
	z-index: 2;
/*	background-image: url("http://www.sarma.ch/templates/yoga/images/leftbar.png");
	background-attachment: fixed;
	background-repeat: repeat-x;  */
}

#frontend-login
	{text-align: center;
	font-size: 75%;
	padding: 10pt 0 10pt 0;
	/*border-top: 1pt solid #888888;*/
	/*border-bottom: 1pt solid #888888;*/
	}

/*---------------------------------------------*/
/* Main Content                                */
/*---------------------------------------------*/

.content {
	position: static;
	height: 100%;
	margin: 0 0 0 190px;
	padding: 0em 1em 0em 1em;
	margin: 0 0 0 0pt;	/* wenn kein linkes Menue */
	padding: 1.5em 1em 0em 1em;
	z-index: 10;
	}

.mapcontainer {			/* fuer map.search.ch */
	margin: 3em auto;
	}
	
/*------------------------------------------------*/
/* Footer  (in div content)     		    */
/*------------------------------------------------*/

.footer {
	background-color:#478FD8;
	overflow:visible;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 187px;  Bildhoehe */
	height:32px;
	margin: 2em auto 0 auto;
	text-align: center;
	z-index: 10;
	}
.footerwrapper {
	position:relative;
	margin: 0 auto;
	width: 100%; /*550px;*/
	height: 100%;
	}
.footer img {
	position: static;
	text-align:center;
	bottom: 0;
	z-index: -1;
	}
.footertext {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 100%;
	padding: 0 auto;
	font-size: smaller;
	text-align: center;
	color: white;
	z-index: 1;
	}
.footertext a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	z-index: 1;
	}
.footertext a:visited {
	color: white;
	}
.footertext a:hover, .footertext a:active {
	color: white;
	text-decoration: underline;
	}

.validator {
	position: absolute; 
	height:30px;
	right: -5px; 
	bottom: 2px;
	z-index: 10;
	border: none;
	}
.validator img {
	border: none;
	}
.validator a, .validator img {
	border-style: none;
	border: none;
	}
input[type="submit"] {
	margin-top:0.5em;
	}