body {
	font: normal 0.75em georgia,helvetica,verdana,tahoma,arial,"sans serif";
	margin: 0.5em 0;
	position: relative;
	height: 100%;
}

.site {
	width: 90%;
	margin: 0 4.25%;
	position: relative;
	height: 100%;	
}

/* HEAD >>>>>> */

	.head, #searchbar {
		position: relative;
		width: 100%
	}
	.head a:link, .head a:visited {
		color: #fff;
		text-decoration: none;
	}
	.head a:hover {
		color: #fff;
		text-decoration: underline;
	}
	#headlogo {
		height: 100px;
	}
	
	/* SEARCHBAR >>>>> */
		#searchbar .hd .c, #searchbar .ft .c, .box .hd .c, .box .ft .c {
			font-size:1px; /* ensure minimum height */
			height:7px;
		}
		#searchbar .ft .c, .box .ft .c {
		 	height:7px;
		}
		#searchbar .hd, .box .hd {
		 	background:transparent url(../../img/s_bar_topl.gif) no-repeat 0 0;
		}
		#searchbar .hd .c, .box .hd .c {
			background:transparent url(../../img/s_bar_topr.gif) no-repeat right 0;
		}
		#searchbar .bd, .box .bd {
			background:transparent url(../../img/s_bar_l.gif) repeat-y 0 0;
		}
		#searchbar .bd .c, .box .bd .c {
			background: transparent url(../../img/s_bar_r.gif) repeat-y right 0
		}				
		#searchbar .bd .c .s, .box .bd .c .s {
			margin: 0 6px 0 8px; 
			background: #868636 url(../../img/s_bar_bg.gif) repeat-x 0 center;
			padding: 0.1em;
			color: white;
			
		}
		#searchbar .bd .c .s {
			position: relative;

		}
		#searchbar .ft, .box .ft {
			background:transparent url(../../img/s_bar_botl.gif) no-repeat 0 0;
		}
		
		#searchbar .ft .c, .box .ft .c {
			background:transparent url(../../img/s_bar_botr.gif) no-repeat right 0;
		}

			
	/* LOGIN >>>>> */
	
		#logincontainer {
			position: absolute;
			z-index: 1;
			width: 33%;
			right: 6px;
			top: 4px;
			height: 100px;			
		}
		
		#login {
			position: absolute;
			bottom: 0;
			width: 100%;
		}
		#login .working {
			background: url(../../img/icons/hourglass_onred.gif) no-repeat right center;
			margin-right: 1em;
		}
				
		#login .hd .c, #login .ft .c {
			font-size:1px; /* ensure minimum height */
			height:5px;
		}
		
		#login .hd {
			background:transparent url(../../img/r_topl.gif) no-repeat 0 0;
		}
		
		#login .hd .c {
			background:transparent url(../../img/r_topr.gif) no-repeat right 0;
		}
		
		#login .bd {
			background:transparent url(../../img/r_l.gif) repeat-y 0 0;
		}
		
		#login .bd .c {
			background: transparent url(../../img/r_r.gif) repeat-y right 0;
		}
		
		#login .bd .c .s {
			margin: 0 3px; 
			background: #903 url(../../img/red_grad_bg.gif) repeat-x 0 bottom;
			padding: 0;
			color: white;
		}
		
		#login	h1 {
			padding: 0.5em;
			font-weight: bold;
			font-size: 1em;
			margin: 0;
		}
				
		#loginformform {
			padding: 0 0.5em;
			margin: 0;
			display: inline;
		}
		
		#loginform input {
			width: 17.5%;
			border: 1px solid #903;
			font: normal 1em georgia,helvetica,verdana,tahoma,arial,"sans serif";
			margin: 0 0.2em;
			display: inline;
		}

		#loginform input.checkbox, #registerform input.checkbox  {
			width: auto;
			border: none;
			margin: 0 0.2em
		}	
		#loginform form div {
			padding: 0.5em 0;
			text-align: center;
			font-size: 1em;
		}	
		#loginform form span {
			white-space: nowrap;
		}			
		#rememberlogin {
			padding: 0.5em;
			text-align: center;
		}
		#loginform input.loginbutton {
			border: none;
			background: transparent url(../../img/green_button.gif) no-repeat right center;
			color: white;
			height:20px;
			margin: 0;
			width: 53px
		}
		/* LOGGEDIN >>>>> */
		#accountlink {
			float: right;
			padding: 0.5em;
			font-size: 1em;
		}
	/* NAV >>>>>> */
	
		#searchbar ul {
			padding-left: 0;
			white-space: nowrap;
			margin: 0;
			width: 65%;
			position: relative;
		}
		
		#searchbar li {
			margin: 0;
			padding: 0;
			display: inline;
			background: transparent url(../../img/s_bar_delimiter.gif) no-repeat left center;
			list-style-type: none;
			float: left;
		}

		#searchbar li.nobg {
			background-image: none;
		}
		
		#searchbar a {
			display: block;
			font-weight: bold;
			margin: 0 0;
			padding: 0.5em 1em;
		}
		
		#searchbar a.active, #searchbar a.active:visited, #searchbar a.active:hover  {
			background: transparent url(../../img/active.gif) no-repeat center bottom;
			text-decoration: none;
		}
		
		#searchbar a:hover {
			background: transparent url(../../img/hover.gif) no-repeat center bottom;
			background-color: transparent;
			text-decoration: underline;
		}
		#seachbar img {
			vertical-align: middle;
		}
	
		#searchform {
			z-index: 10;
			right: 2%;
			margin: 0 0 0.5em 0;
			padding: 0 0.5em;
			position: absolute;
			top: 4px;	
			width: 30%;
			white-space: nowrap;
		}		
		
		#searchform input {
			background-color: #F2F2E0;
			border: 1px solid #663;
			bottom: 1px;
			color: #000;
			display: inline;
			font:  normal 1em georgia,helvetica,verdana,tahoma,arial,"sans serif";
			margin: 0 0.1em;
			padding: 0.15em;
			position: relative;
			width: 70%;
		}
		
		#searchform input.findbutton {
			border: none;
			background-color: transparent;
			background: url(../../img/button_red.gif) no-repeat center center;
			color: white;
			height:20px;
			margin: 0;
			padding: 0;
			width: 53px;
			bottom: 0;
		}			

/* CONTENT >>>>>>> */
	#content {
		padding: 0 0.5em;
		width: 60%
	}
	
	#content p, #rightcol p {
		padding: 0.5em 0;
		margin: 0;
		font-size: 1.1em;
	}
	#content h1, #registerbox h1, #rightcol h1 {
		color: #903;
		padding: 0 0 0.25em 0.25em;
		font-size: 1.5em;
		border-bottom: 3px double #CC9;
		margin-bottom: 0.5em;
	}
	#teaser p {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.box  {
		width: 33%;
		margin: 0;
		float: left;
	}
	.box .bd .c .s {
		background: #663 url(../../img/green_gradient.jpg) no-repeat center center;
		color: white;
		padding: 0.5em 0 0 0.5em;
	}
	.light .bd .c .s {
		background: url(../../img/bg_light.gif) repeat-x 0 center;
		color: #663;
	}
	.wide {
		width: 100%;
	}
	.wide .bd .c .s {
		padding: 0.5em 0.5em 0.5em 0.5em;
	}	


	#flash {
		margin: 0 66% 0 0; 
		text-align: center;
		clear: left;
	}
	
	#info {
		width: 99%;
	}	
	.info, #info h2 {
		display: none;
	}
	
		.info {
			margin: 0 0.5em 0 2em;
			padding: 0 1em;
		}
		.info li a, .info li a:link,.info li a:visited   {
			color: white;
		}
				
		.info li {
			margin: 0;
			padding: 0;
			font-size: 1.2em;
			list-style-image: url(../../img/li_ongreen.gif);
		}
	
	/* REGISTERBOX >>>>>> */
		#registerbox, #rightcol {
			float: right;
			width: 33%;
			padding: 0 0.5em;
		}
		
		#registerbox h2, #rightcol h2 {
			margin: 0;
			padding: 0.5em 0 0.5em 0.75em;
			font-size: 1.25em;
			color: #663;
			background: url(../../img/li_bigonwhite.gif) no-repeat left center;
		}
		#rightcol p {
			padding: 0.5em;
			margin: 0;
		}		
		#rightcol p.indent {
			padding: 0.5em 0 0.5em 3.25em;
			margin: 0;
		}				
			#registerbox h2 span, #rightcol h2 span {
					margin-right: 1em;
					color: #903;
			}
		
		#registerbox form {
			margin: 0;
			padding: 0 0.5em 0 0;
		}

			#registerbox form input.textfield {
				margin: 0.1em 1em 0.1em 3.25em;
			}
			
			#registerbox .errormessage {
				margin: 0.1em 1em 0.1em 3.25em;
			}
			
			#repeatpass span {
					margin: 0.5em 1em 0.1em 3.25em;
			}
			

	
					
				
				#terms {
					margin: 0.5em 0 0.1em 3.5em;
				}			
				
				
/* FOOTER >>>> */
	#footer {
		clear: both;
		color: #903;
		padding: 0.25em;
		border-top: 3px double #CC9;
		margin: 0 0.5em;
	}
	
	#footer span {
		float: right;
	}
/* GENERIC CLASSES */
	.show {
		display: block;
	}
	.center {
		text-align: center;
	}	
	.hide {
		display: none;
	}	
	.greenborder {
		border: 1px solid #663;
	}
	.clearL {
		clear: left;
	}
/* LINKS >>>>> */
	a:link {
		color: #903;
	}a:visited {
		color: #903;
	}
	a:hover {
		color: #903;
		text-decoration: none;
	}
	a.Abutton:link, a.Abutton:visited, a.Abutton:hover  {
		color: #903;
		line-height: 2.5em;
		padding: 0.5em;
		border: 1px solid #903;
		background-color: #F2F2E0;
	}

	a.Abutton:hover {
		color: #fff;
		background-color: #903;
		border: 1px solid #903;
		text-decoration: none;
	}
	
img {
	border: none;
}

#jswarning {
	border: 2px solid white;
	background-color: #903;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.5em 2em;
	z-index: 11;
	font-size: 1.25em
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}
.textfield {
	background-color: #F2F2E0;
	border: 1px solid #663;
	bottom: 1px;
	color: #000;
	display: inline;
	font:  normal 1em georgia,helvetica,verdana,tahoma,arial,"sans serif";
	padding: 0.15em;
	position: relative;
	width: 80%;
}		
input.greenbutton, input.lightgreenbutton  {
		border: none;
		background: url(../../img/green_button.gif) no-repeat right center;
		color: white;
		font:  normal 1em georgia,helvetica,verdana,tahoma,arial,"sans serif";
		height: 20px;
		margin: 0.5em 0;
		padding: 0 0.5em;		
	}		
input.lightgreenbutton {
		background: url(../../img/lightgreen_button.gif) no-repeat left center;
		color: #663;
		/*margin-left: 4em;*/
	}	
.errorfield {
	border: 2px solid #903;
}	
.errormessage {
			background: white url(../../img/icons/error.gif) no-repeat 0 0;
			color: #903;
			padding-left: 20px;
			
}
.infobox {
	padding: 0.5em;
	border: 1px solid #903;
	margin-bottom: 1em;
}
.infobox p {
	padding: 0;
	margin: 0;
}
/* AUTOCOMPLETE >>>>> */
    .autocomplete {
      position:absolute;
      background-color: #F2F2E0;
      border:1px solid #663;
      margin-left:0;
      padding:0;
      z-index: 100;
     
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0;
      padding:0;
    }
    div.autocomplete ul li.selected { background-color: #663; color: white;}
    div.autocomplete ul li {
      list-style-type:none;
      margin:0;
      padding: 0.2em;
      cursor:pointer;
      border-bottom: 1px solid #663
    }


#working {
	position: absolute;
	top: -0.5em;
	left: 33%;
	width: 31%;
	padding: 1%;
	border: 1px solid #906;
	border-top: none;
	color: #906;
	background-color: white;
	text-align: center;
}



/*** BLOG **/
#sidebar ul {
	margin: 0 0 0.5em 0;
	padding-left: 0;

}	
		
		#sidebar ul li {
			margin: 0.5em 0;
			padding: 0;
			
			list-style-type: none;

		}
.entry ul li {
	margin: 0.5em 0;
}
.entry {
	padding: 0.5em;
}
.widecolumn div.alignleft {
	float: left;
}
.widecolumn div.alignright {
	text-align: right;
}
.commentlist {
	margin: 0;
	padding: 0;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
}
.commentlist li {
	list-style-type: none;
	padding: 0.5em;
	border: 1px solid #cc9;
	margin: 0.5em 0;
	background-color: #F2F2E0;
}

#respond {
	border-top: 3px double #cc9;
	padding: 0.5em;
}

#commentform {
	padding: 0.5em;
	margin: 0;
}

#commentform label {
	display: block;
	font-weight: bold;
	float: none;
}
#commentform textarea {
	height: 5em;
}

			.fett {
				font-weight: bold;
				
			}
			.kursiv {
				font-style: italic;
			}
			
			img.left {
				float: left;
				margin-right: 1em;
				margin-bottom: 1em;
			}
			img.right {
				float: right;
				margin-left: 1em;
				margin-bottom: 1em;
			}		
			img {
				border: none;
			}
			
			#rightcol ul {
				margin-left: 1em;
				padding-left: 1em;
			}
			#rightcol ul li {
				margin-left: 0;
			}
			
			.bubble, .bubbleLeft {
				background: transparent url(/img/bubble_r.gif) no-repeat right -20px;
				padding-right: 25px;
				margin-right: 150px;
				margin-bottom: 2em;
			}
			.bubble div, .bubbleLeft div {
				background-color: #F2F2E0;
				border: 1px solid #663;
				border-right: none;		
				padding: 1em;	
			}
			.bubbleLeft {
				background: transparent url(/img/bubble_l.gif) no-repeat left -20px;
				padding-left: 25px;
				margin-left: 150px;
				padding-right: 0;
				margin-right: 0;
			}
			.bubbleLeft div {
				border-right: 1px solid #663;
				border-left: none;	
			}			
			
			td {
				font-size: 1.1em;
				padding: 0.1em;
			}
			thead tr td {
				border-bottom: 1px solid #cc9;
				font-weight: bold;
				padding-right: 1em;
			}
			
			
			
			#shield {
				filter:alpha(opacity=60);
				-moz-opacity: .60;
				opacity: .60;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				background-color: white;
				height: 100%;
				width: 100%;
				z-index: 50;			
			}
			
			
			#printdialog, #printselectdialog {
				position: absolute;
				top: 25%;
				left: 25%;
				width: 46%;
				padding: 5% 2%;
				font-size: 1.25em;
				color: #663;
				font-weight: bold;
				background: white url(/img/icons/hourglass.gif) no-repeat 2% center;
				border: 2px solid #663;
				z-index: 51;	
			}
			#printdialog div, #printselectdialog div {
				padding-left: 40px;
			}
		 #printselectdialog {
				background: none;	
				top: 5%;	
				width: 69%;
				left: 15%;
				background-color: white; 
				text-align: center;
		 }
	#printselectdialog div a {
				margin-top: 1em;
				display: block;
				margin-left: 5%;
				width: 45%;
				float: left;
				text-align: center;
				text-decoration: none;
			}

	#printselectdialog div a.cancel {
				margin-top: 2em;
				padding: 0.5em;
				border: 1px solid #669933;
				margin-left: 30%;
				margin-right: 30%;
			}