/** Reset Browser Defaults:

	* {
	padding:0;
	margin:0;
	}

/*_______________________________________________________ **/

	body{
		font-family: Arial, helvetica, sans-serif;
		font-size: 75%;
		background-image: url("../images/background.jpg");
		background-repeat: repeat-x;
		background-color:#fff;
	}

	p, td, th{
		font-size: 12px;
	}

	input, textarea, select{
		font-family: Arial,sans-serif;
		font-size: 12px;
	}

	/* we don't style buttons, therefor just input.text */
	input.text, textarea, select{
		padding:3px;
    border-top:1px solid #777;
    border-left:1px solid #777;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ddd;
/*    background:#fff url(/images/fieldbg.gif) repeat-x top; will der IE leider nicht*/
	}

	select{
		padding:0px;
	}

	a, a:hover, a:focus, a:active {
		-moz-outline-width: 0;
		text-decoration: none;
	}

	a{
		color: #83af23;
		text-decoration:none;
	}

	a:hover{
		color: #638f00;
	}

	body div.body {padding:0px;}
	h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:10px 0; }
	li, dd, blockquote { margin-left: 15px; }
	fieldset { padding:10px; }

	img{
		border:0;
	}

/** Layout Basic Divs:	
|________________________________________________________ */
	div.body{
		background-color: white;
		width: 75em;
		margin: 50px auto;
		min-height:800px;
	}
	div.body ol{
		padding-left:5px;		
	}
/*_______________________________________________________ **/

/** Top-Navigation:	
|________________________________________________________ */

	div#topnavi{
		padding-left:15em;
	}

	#topnavi ul{
		list-style: none;	
		margin:0;
		padding:0;
	}

	#topnavi ul li{
		margin:0 0 0 -1px;
		padding:0;
		height:2.7em;
		float:left;
		border-left: 1px dotted #aaa;
		border-right: 1px dotted #aaa;
	}

	div#topnavi a, div#topnavi span{
		display:block;
		color: #444;
		font-weight:bold;
		padding:0.8em 1.3em 0.8em 1.5em; /*really using left 1.6em; see safari-hack at the very end*/
		margin: 0;
	}

	#topnavi span.current, #topnavi ul li a.r_10, #topnavi ul li a.r_20, #topnavi a.current{
		background-color: #e6efd3;
		border-left: 0.8em solid #83af23;
		padding-left:0.8em;
	}

	div#topnavi a:hover, div#leftnavi a:hover{
		color:#000;
	}

/*_______________________________________________________ **/

/** Left-Navigation:	
|________________________________________________________ */
	div#leftnavi{
		margin-top:4.25em;
		width: 12em;
		height:30em;
		float: left;
	}

	div#leftnavi ul *{
		list-style: none;
	}

	div#leftnavi ul{
		padding:0;
		background-color:#fff;
	}

	div#leftnavi ul li{
		padding: 0;
		margin:0 0 -1px 0;
		border-top: 1px dotted #aaa;
		border-bottom: 1px dotted #aaa;
		font-weight: bold;
		background-color:#fff;
	}

	div#leftnavi a, div#leftnavi span{
		color: #444;
		padding:0.8em 1.3em 0.8em 1.6em;
		display:block;
		width:9.1em !important;
		width:9.3em;
	}

	div#leftnavi ul li .current, div#leftnavi ul li .r_10{
		display: block;
		border-left: 1em solid #83af23;
		background-color: #e6efd3;
		padding-left:0.6em;
	}

	div#leftnavi ul li ul{
		margin-top: 5px;
		border-bottom: 0;
	}

	div#leftnavi ul li ul li{
		margin: 0.5em 0 0.5em 2em;
		padding: 0;
		border: none;
		font-weight: normal;
		line-height:100%;
	}

	div#leftnavi ul li ul li a, div#leftnavi ul li ul li span.current{
		padding:0;
		margin:0;
		color: #444;
		background-color:#fff;
		border:none;
	}

	div#leftnavi ul li ul li .current{
		color: #83af23 !important;
	}
	
	div#suchfeld form{
		margin:0px;
		padding:0px;
	}

	input#suche{
		font-weight:normal;
		margin:0.6em 1em 0.6em 1.3em;
		padding:0.1em 0.3em;
		border-top:1px solid #777;
    	border-left:1px solid #777;
    	border-right:1px solid #ccc;
    	border-bottom:1px solid #ddd;
		width:7.5em;
		color:#444;
	}

	div#suchfeld img#search_indicator{
		margin:0.7em 1em 0.6em 9.8em;
		position:absolute;
	}
	
	div#suchfeld input#submit{
		margin:0.5em 1em 0.7em 9.8em;
		position:absolute;
	}
	
	div.body div#search_results{
		width: 36em;
		float: left;
		margin: 2.5em 0 0 3.2em !important;
		margin: 3.3em 0 0 3.2em;
		padding: 0.6em 0.8em 0.6em 1.8em;
		line-height: 130%;
	}	
	
	div#search_results h1{
		margin: 2em 0 10px -1em;
		line-height:135%;
		font-size: 135%;
		font-weight: bold;
	}

	div#search_results h2{
		margin: 1.2em 0 10px 0;
		font-size: 115%;
		font-weight: bold;
	}

	div#search_results h3{
		margin: 15px 0 -5px 0;
		font-size: 100%;
		line-height:130%;
		font-weight: bold;
	}

	div#search_results p{
		margin: 10px 0 10px 0;
	}

	div#search_results table{
		border-collapse:collapse;
		margin: 10px 0 10px 0;
	}

	div#search_results table td{
		border-top: 1px dotted #aaa;
		border-bottom: 1px dotted #aaa;
		padding: 5px 10px 5px 10px;
	}

	div#search_results ul{
		padding-left:0px;
	}
	
	div#search_results ul ul{
		margin-top:0px;
	}
/*_______________________________________________________ **/

/** Content:
|________________________________________________________ */
	div.body div#content{
		width: 37em;
		min-height:35em;
		float: left;
		margin: 2.5em 0 0 3.2em !important;
		margin: 3.3em 0 0 3.2em;
		padding: 0.6em 0.8em;
		line-height: 130%;
/*		border:1px solid red;*/
/*		overflow:hidden; /*wozu war das nochmal? */
	}

	div#content h1{
		margin: 2em 0 10px 0;
		line-height:135%;
		font-size: 135%;
		font-weight: bold;
	}

	div#content h2,div#infobox h2,div#infobox h1{
		margin: 1.2em 0 10px 0;
		font-size: 115%;
		font-weight: bold;
	}

	div#content h3, div#infobox h3{
		margin: 15px 0 -5px 0;
		font-size: 100%;
		line-height:130%;
		font-weight: bold;
	}

	div#content p{
		margin: 10px 0 10px 0;
	}

	div#content table{
		border-collapse:collapse;
		margin: 10px 0 10px 0;
	}

	div#content table td{
		border-top: 1px dotted #aaa;
		border-bottom: 1px dotted #aaa;
		padding: 5px 10px 5px 10px;
	}

	div#content ul, div#infobox ul{
		padding-left:0px;
	}
	
	div#content ul ul, div#infobox ul ul{
		margin-top:0px;
	}
/*_______________________________________________________ **/

/** Infobox:
|________________________________________________________ */
	div#infobox{
		margin: 4.6em 0 0 1.7em;
		padding: 0 1.3em;
		border-left: 1px dotted #aaa;
		float: left;
		width:16em;
		overflow:hidden;
	}

/*_______________________________________________________ **/

/** Diverse:
|________________________________________________________ */

	img#logo{
		float:right;
		position:absolute;
		margin:8px 0 0 50.5em;
	}

	span.kein_zufall{
		color:#777;
		font-size:180%;
		font-style: italic;
	}

	div.body span.kein_zufall{
		margin:0 0 1em -5em;
		line-height:100%;
		position:absolute;
	}

	div.body#page_ h1{
		margin-top:3em;
	}

	div.body img.homepagefoto{
		margin:2em -230px 0 34.5em;
		position:absolute;
	}

	/*deshalb den content auf der Homepage schmaler:*/
	div#page_ div#content{
		width:32em;
	}  
	 
	div#page_ div#infobox{
		margin-top: 6.6em;
	}

	hr{
		border:0;
		border-bottom: 1px dotted #aaa;
	  color: #fff;
	  background-color: #fff;
	  height: 1px;
	}

	p.p_clear{
		line-height:0px;
		margin:0px;
		padding:0px;
		height:0px;
		width:0px;
		clear:both;
	}

	div.admin_functions{
		padding:3px;
		position:fixed;
		border:1px solid red;
		top:0;
		left:0;
		background-color:white;
	}
	div.admin_functions a{
		color:red;
	}
	div.admin_functions a:hover{
		color:white;
		background-color:red;
	}

/*_______________________________________________________ **/

/** Mail-Order:
|________________________________________________________ */

/* General stuff: */

	div #order_form{
		margin-left: 0px;
	}

	.order_tables{
		border-collapse:collapse;
		text-align:left; 
	}

	.statusorder{
		font-weight: bold;
	}

	.order_tables th, .order_tables tfoot{
		font-weight:bold;
	}

	.order_tables tr{
		border-style: hidden;
	}

	.order_tables th,
	div#content .order_tables tfoot td,
	div#content .order_tables td{
		padding: 4px;
		border-width: 0px;
		margin: 0px;
	}

	.order_tables tr td{
	}

	.order_tables input, .order_table textarea, .order_table select{
		font-size:100%;
		margin-top:-3px;
	}

	.order_tables hr{
		margin:3px -5px;
		border:0;
		border-bottom: 1px dotted #aaa;
	  color: #fff;
	  background-color: #fff;
	  height: 1px;
	}
	
	.product_info, .license_info{
		position:fixed !important;
		position:absolute;
		top:30% !important;
		top:500px;
		left:30% !important;
		left:150px;
		width:40% !important;
		width:300px;
		padding:2em;
		background-color:#fff;
		border-top:1px solid #555;
		border-right:2px solid #555;
		border-bottom:2px solid #555;
		border-left:1px solid #555;
		font-weight:normal;
		z-index:100;
	}
	
	.product_info h1, .product_info h2, .license_info h1, .license_info h2{
		font-size: 135%;
	}

	.product_info img.schliessen, .license_info img.schliessen, .product_info a.schliessen, .license_info a.schliessen{
		margin:-1em;
		display:block;
		font-weight:bold;
	}

	a.info img,a.license img{
		margin-bottom:-2px;
		margin-left:5px;
		font-weight:bold;
	}

	#spinner{
		position:absolute;
		float:right;
		margin-left:55em;
		margin-top:-4em;
	}

/* Productform specific stuff: */

	#order_table, #order_table_form{
		width:54em;
	}

	#order_table_form select{
		width:19em;
	}

	div#content #order_table_form td.license,
	div#content #order_table_form th.license,
	div#content #order_table_form td.licenseerror {
		padding-left:15px;
	}

	.licenseerror {
		background: url('/images/Error-Pfeil.png') no-repeat scroll center left;	
	}
	
	.licenseerror select{
	  border-top:1px solid #700;
	  border-left:1px solid #700;
	  border-right:1px solid #c00;
	  border-bottom:1px solid #d00;
	  background:#fff url(/images/fieldbg.gif) repeat-x top;
	}

/* Personaldataform specific stuff: */

	#personal_data_table select{
		width:17em;
	}

	.feldbeschreibung{
	}

	#personal_data_table tr td div{
		padding:5px 5px 2px 0px;
	}

	span.personal_data_error_left{
		display:block;
		width:13px;
		height:10px;
		background: url('/images/Error-Pfeil.png') no-repeat scroll top left;	
	}

	span.personal_data_error_right{
		display:block;
		width:13px;
		height:10px;
		background: url('/images/Error-Pfeil_right.png') no-repeat scroll top right;	
	}

	.personal_data_error input, .personal_data_error select, .personal_data_error_right input, .personal_data_error_right select{
	  border-top:1px solid #700;
	  border-left:1px solid #700;
	  border-right:1px solid #c00;
	  border-bottom:1px solid #d00;
	  background:#fff url(/images/fieldbg.gif) repeat-x top;		
	}

	.personal_data_error label{
		color:#700;
	}
	
/*_______________________________________________________ **/

/** Admin-Stuff:
|________________________________________________________ */
div#edit_links{
	width:75em;
	margin:auto;
	margin-top:-10px;
	margin-bottom:-25px;
	background-color:#fff;
}

div#edit_links p{
	padding:5px 15px;
}

.time_diff_0 .Y,
.time_diff_1 .m, .time_diff_1 .d,
.time_diff_2 .m, .time_diff_2 .d,
.time_diff_3 .H, .time_diff_3 .M,
.time_diff_4 .H, .time_diff_4 .M,
.time_diff_5 .S{
  font-weight:bold;
}
/*_______________________________________________________ **/

/** Nasty, nasty, nasty Safari-hack:
|________________________________________________________ */
div#topnavi a, div#topnavi span{padding-left:1.6em;}
/*_______________________________________________________ **/

#ticker { 
  width: 400px; 
  height: 27px; 
  margin: 0; 
  padding: 0;      
  border: 1px dotted #aaa;
  overflow: hidden; 
}
#ticker #mask{
  position: absolute;
  width: 400px; 
  overflow: hidden;
}              
              
#ticker ul { 
  position: relative;  

  list-style: none;  
  padding: 0;
  margin: 6px 0;  
  overflow: hidden;  
}
#ticker li { 
  width: 540px; 
  float: left;
  padding: 0;
  margin: 0;
}

#ticker #counter {
  font-weight: bold;
}   

.feldbeschreibung p {display: inline;}