/* styles for www.beauli.de          */
/*                                   */
/* media:	screen                   */
/* use:		on every page            */
/* author:	click solutions GmbH     */
/*          Holger Bluethmann        */
/*                                   */

center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; vertical-align: baseline; }

strong {
	font-weight: bold; }
body {
	line-height: 1; color: black; background: white; }

ol, ul {
	list-style: none }

table {
	border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: none }

blockquote, q  {
	quotes: none }

ul, ol, dl {
	position: relative }

a, a:hover {
	text-decoration: none; }

html { }


.clear {
	clear: both; font-size: 1px; line-height: 1px; height: 1px; }

body {
	color: black; background-color: #ffffff; }

body {
	background-image: url(../images/body_bg.gif); background-repeat: no-repeat; background-position: right 171px; font-family: Arial, Helvetica, sans-serif; }

td {
	color:#000; font-size:13px; font-family: Arial, Helvetica, sans-serif; line-height:18px; }

/*                                   */	
/* main divs                         */
/*                                   */

div#header {
	position: relative; width: 100%; height: 171px; background-image: url(../images/header_bg.gif); background-repeat: repeat-x; }
	
div#content {
	margin: 30px 0px 0px 95px; padding-bottom: 30px; width: 525px; }
	
div#footer {
	position: relative; bottom: 0px; width: 690px; height: 131px; background-image: url(../images/footer_bg.gif); background-repeat: no-repeat; }

div#footerHome {
	position: relative; bottom: 0px; width: 690px; height: 131px; background-image: url(../images/footer_bg.gif); background-repeat: no-repeat; }

/*                                   */	
/* header layer                      */
/*                                   */

div#header h1 {
	position: absolute; height: 86px; width: 422px; }

div#header h1 a {
	display: block; height: 86px; width: 422px; text-indent: -20000px; background-image: url(../images/logo_beauli.gif); background-repeat: no-repeat; }

div#header h2 {
	position: absolute; top: 86px; left: 90px; height: 60px; width: 446px; }

div#header h2 a {
	display: block; height: 60px; width: 446px; text-indent: -20000px; background-image: url(../images/logo_workshop.gif); background-repeat: no-repeat; }

div#header ul {
	position: absolute; top: 146px; left: 95px; }
	
div#header ul li {
	float: left; height: 25px; }
	
div#header ul li a {
	display: block; padding: 5px 30px 5px 30px; font-size: 13px; line-height: 15px; color: #000; background-color: #fffbc7; }

div#header ul li a:hover {
	background-color: #ffffff; }	
	
div#header ul li.selected a {
	background-color: #f9c784; }
	
div#header a#legal {
	position: absolute; right: 20px; top: 62px; font-size: 12px; color: #f9c784; }
	
/*                                   */	
/* content layer                     */
/*                                   */
	
div#content h1 {
	margin: 0px 0px 10px -5px; font-size: 20px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
	
div#content h2 {
	margin: 10px 0px 10px 0px; font-size: 16px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
	
div#content p {
	margin: 10px 0px 10px 0px; font-size: 13px; line-height: 17px; }
	
div#content a {
	color: #009964; text-decoration: underline; }
	
div#content a:hover {
	color: #000000; }

div#content a.anker {
	text-decoration: none; color: #000;}

div.ankernavi {
	padding: 15px 0px 15px 15px;}

div.ankernavi a {
	font-size:12px; color: #009964; text-decoration: underline; margin-right:30px; line-height:20px;}
	
div#content div.gallery {
	float: right; margin: 0px 0px 0px 20px; width: 230px;  }
	
div#content div.gallery img {
	margin: 0px 0px 3px 0px; }

div#content div.gallery span {
	font-size:10px; font-weight:bold; margin:0px 0px 0px 15px;}
	
div#content div.video {
	float: right; margin: 40px 0px 0px 40px; width: 328px;  }
	
div#content p.register{
	padding-left:300px; }

div#content p.btn-one{
	padding-left:365px; padding-bottom:15px; }

div#content p.btn{
	padding-left:20px; padding-bottom:15px; }

div#content p.error{
	padding-left:10px; font-size:11px; font-weight:bold; color:#F00; }

div#content p.okay{
	padding-left:10px; font-size:11px; font-weight:bold; }

div#content p.terms, span.terms{
	font-size:11px; font-weight:bold; }
	
div#content form{
	font-size:12px; }
	
div#content form td{
	padding:10px 5px 10px 10px; vertical-align:top; font-size:12px; line-height:20px; }
	
div#content form div{
	background:#fffbc7; padding:0px 15px 0px 15px; }
	
div#content form input.btn-forward{
	border:3px solid #FFF; height:26px; width:100px; text-align:center; background:#F6AE64; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }

div#content form input.btn-backward{
	border:3px solid #FFF; height:26px; width:100px; text-align:center; background:#F6AE64; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding:4px 20px 2px 20px; margin-right:260px;}



div#content form input.btn-forward:hover{
	cursor:pointer; }

div#content form input.btn-notify{
	border:3px solid #FFF; height:26px; width:100px; text-align:center; background:#F6AE64; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin-left:110px; margin-top:10px; }

div#amount .all{
	border-top:1px solid #000; text-align:right;}
	
td.right{
	 text-align:right; }
	 
div#amount td{
	 padding-right:5px; font-size:12px; line-height:14px; }
	 
div#amount span, td span{
	font-size:9px; font-weight:bold;}
	
div#amount p.address{
	margin-left:15px; font-size:12px;}

div#amount p{
	font-size:12px;}

div#video{
	width:490px; text-align:center; padding:50px 0px 0px 0px; }

div#video embed{
	margin-bottom:3px; }

div#video span{
	font-size:10px; font-weight:bold; margin:0px 0px 0px 0px; }

input.text{
	line-height:14px; width:100%; border:1px solid #333; }

input.textnotify{
	line-height:14px; width:200px; border:1px solid #333; margin:10px 0 0px 0; }

input.error{
	border:1px solid #F00;
}

input.valid{
	border:1px solid #009964;
}

label.error{
	background:#F00; color:#FFF; padding:2px; font-size:10px; line-height:17px; }