/* @override http://viadanasicura.nord-com.it/fileadmin/templates/wr_red/css/main.css */

/*
LEGAL
=====
Copyright: Daemon Pty Limited 1995-2006, http://www.daemon.com.au & http://www.mollio.org/
License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php
Version: 010306
*/		

/* THE BIG GUYS */

body {
	background-color:	#fff;	
	font-family:		Arial, Helvetica, sans-serif;	
	font-size:			10pt;	
	color:				#666666;	
	margin: 			0;	
}


#type-c {
	background-color:	#fff;	
	font-family:		Arial, Helvetica, sans-serif;	
	font-size:			10pt;	
	color:				#666666;	
	margin: 			0;	
}

/* LAYOUT - HEADER */
#inhaltsbereich {	
	position:			absolute;	
	width:				680px;	
	left:				12px;	
	top:				60px;

}

#inhalt {	
	float:				right;	
	width:				526px;
}

#header {	
	height:				300px;	
	width:				680px;	
	left:				0px;	
	top:				0px;
	background: 		url(rotate.php) no-repeat;
}

#site-name {
	position:			absolute;	
	height:				30px;	
	width:				738px;	
	left:				62px;	
	top:				80px;
}

/*right column*/
#teaser {	
	height:				350px;	
	width:				137px;
	font-size: 			8pt;
	color:				#666666;
}

#teaser p {	
	margin-top: 		0px;	
	margin-bottom: 		7px;
}

#teaser ul {	
	margin-left:		0;	
	margin-top:			0;	
	margin-bottom:		0;	
	padding: 			0 0 0 19px;	
	list-style-image:	url(/templates/webgarten/images/arrow.gif);	
	color:				#666666;	
	background-color:	#fff;
}
	
#teaser li {	
	padding: 			0 0 8px 0;
}


/*NAVIGATION TOP START ------------------------------------------- */
/* Main div */
#navigation_top  {			
}

#navigation_top a {
	font-family: 		Arial, Helvetica, sans-serif;	
	font-size: 			10pt;	
	font-weight: 		bold;	
	color:				#666;	
	background-color:	transparent;
	

}

#navigation_top a:hover {	
	color: 				#fff;	
	text-decoration: 	none;	
	background-color: 	#006900;	
}

#navigation_top_item_active, #navigation_top_item_active a {	
	color: 				#006900;	
	text-decoration: 	none;	
	background-color:	transparent;
	float: 				left;
	margin-right: 		10px;
}

#navigation_top_item_active a:hover {	
	color: 				#006900;	
	text-decoration: 	none;	
	background:  		#fff;
	float: 				left;
	margin-right: 		10px;
}

/*NAVIGATION TOP STOP ------------------------------------------- */

/*NAVIGATION LEFT START ------------------------------------------- */

/* Main div */#navigation  {	
	position:			absolute;	
	height:				350px;	
	width:				136px;	
	left:				704px;	
	top:				100px;		
}

#navigation a {
	font-family: 		Arial, Helvetica, sans-serif;	
	font-size: 			10pt;	
	font-weight: 		bold;	
	color:				#666;	
	background-color:	#FFFFFF;
}

#navigation a:hover {	
	color: 				#fff;	
	text-decoration: 	none;	
	background-color:	#006900;	
}

#mainlevel_item_active, #mainlevel_item_active a {	
	color: 				#006900;	
	text-decoration: 	none;	
	background-color:	#FFFFFF;
}

#mainlevel_item_active a:hover {	
	color: 				#006900;	
	text-decoration: 	none;	
	background:  		#fff;
}

/*second tear default */
#sublevel_box { 
	padding: 			5px 0 0 4px;
}

#sublevel_box a { 
	color: 				#666666;
	font-size: 			8pt;	
	font-weight:		normal;
}

#sublevel_box a:hover { 
	color: 				white;	
	font-weight:		normal;
	text-decoration: 	none;
	background-color: 	#006900;
}

#sublevel_box_active, #sublevel_box_active a {	
	color: 				#006900;	
	text-decoration: 	none;	
	background-color:	#FFFFFF;
}

#sublevel_box_active, #sublevel_box_active a:hover {	
	color: 				#006900;	
	text-decoration: 	none;	
	background-color:	#FFFFFF;
}

/*NAVIGATION LEFT STOP ------------------------------------------- */

/* TYPOGRAPHY START ------------------------------------------- */
p, ul, ol {
	margin: 0 0 1.5em
}

.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#FF6600;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

h1 {	
	font-family: Arial, Helvetica, Verdana, sans-serif, univers;	
	font-weight: normal;	
	line-height: 29px;	
	font-size: 29px;	
	color: #006900;	
	padding: 0 0 0 0;	
	margin: 0 0 6px 0;	
	background-color: #fff;
}

h2 {	
	font-size: 13px;	
	color: #006900;	
	padding: 0 0 0 0;	
	margin: 22px 0 -8px 0;	
	background-color: #fff;
}

h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 8pt;	
	font-weight: bold;	
	margin-top: 0px;	
	color:	#006900;	
	margin-bottom: 6px;	
	padding: 0px 0px 0px 0px;	
	background-color: #fff;
}
/* TYPOGRAPHY STOP  ------------------------------------------- */

/* LINKS */
a {	
	color: 				#406194;	
	background-color: 	inherit;	
	text-decoration: 	none;
}	

a:hover {	
	color: 				#4187f4;	
	background-color:	inherit;	
	text-decoration: 	underline;	
}

/* FORMS */
form {
	margin: 0 0 1.5em
}

input, textarea {
	font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0; 
	border: 1px solid #999
}

fieldset {
	border: none
}

label {
	display:block;
	padding: 5px 0;
}

label br {
	clear:left;
}

/* FORMS - general classes */
input.f-submit {
	padding: 1px 3px;
	background:#666;
	color:#fff;
	font-weight:bold;
	font-size:96%;
}

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
form.f-wrap-1 {
	width:100%;
	padding: .5em 0;
	background: #f6f6f6; 
	border-top: 1px solid #d7d7d7;
	position:relative;
}

form.f-wrap-1 fieldset {
	width:auto;
	margin: 0 1em;
}

form.f-wrap-1 h3 {
	margin:0 0 .6em;
	font: bold 155% arial;
	color:#FF6600;
}

form.f-wrap-1 label {
	clear:left;
	float:left;
	width:100%;
	border-top: 1px solid #fff;
}

/* hide from IE mac \*/
form.f-wrap-1 label {
	float:none;
}
/* end hiding from IE5 mac */

form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {
	width:15em;
	float:left;
	margin-left:10px;
}

form.f-wrap-1 label b {
	float:left;
	width:8em;
	line-height: 1.7;
	display:block;
	position:relative;
}

form.f-wrap-1 label b .req {
	color:#FF6600;
	font-size:150%;
	font-weight:normal;
	position:absolute;
	top:-.1em;
	line-height:1;
	left:-.4em;
	width:.3em;
	height:.3em;
}

form.f-wrap-1 div.req {
	color:#666;
	font-size:96%;
	font-weight:normal;
	position:absolute;
	top:.4em;
	right:.4em;
	left:auto;
	width:13em;
	text-align:right;
}

form.f-wrap-1 div.req b {
	color:#FF6600;
	font-size:140%;
}

form.f-wrap-1 label select {
	width: 15.5em;
}

form.f-wrap-1 label textarea.f-comments {
	width: 20em;
}

form.f-wrap-1 div.f-submit-wrap {
	padding: 5px 0 5px 8em;
}

form.f-wrap-1 input.f-submit {
	margin: 0 0 0 10px;
}

form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {
	float:left;
	width:32em;
	border:none;
	margin:0;
	padding-bottom:.7em;
}

form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
	float:left;
	width:8em;
	line-height: 1.7;
	display:block;
	position:relative;
	padding-top:.3em;
}

form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {
	float:left;
	width:13em;
	margin: 3px 0 0 10px;
}

form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {
	float:left;
	width:13em;
	border:none;
	margin:0;
	padding:2px 0;
	margin-right:-3px;
}

form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {
	width:auto;
	float:none;
	margin:0;
	padding:0;
}

form.f-wrap-1 label span.errormsg {
	position:absolute;
	top:0;
	right:-10em;
	left:auto;
	display:block;
	width:16em;
	background: transparent url(../images/errormsg_bg.gif) no-repeat 0 0;
}

form.f-wrap-1 label span.errormsg b {
	padding: 10px 0;
	margin: 0 10px 0 30px;
	color:#B30800;
	font-weight:bold;
	display:block;
	width:auto;
	float:none;
	line-height:1.3;
}

/* LISTS */
ul {
	margin: .3em 0 1.5em 0;
	list-style-type:none;
}
	
ul.related {
	margin-top: -1em;
}

ol {
	margin: .5em .5em 1.5em;
}

ol li {
	margin-left: 1.4em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal;
}

li {
	line-height: 1.4em;
	padding-left: 25px;
	background: transparent url("../images/sprites.gif") no-repeat 0 0;
}

li.doc {
	background-position: 3px -500px;
}

ul.nomarker li {
	background:none;
	padding-left:0;
}

dl {
	margin: 0 0 1em 0;
}

dt {
	font-weight:bold;
	margin-top: 1.3em;
}

dl dl {
	margin: 0 0 1.5em 30px;
}

/* GENERAL */
img {
	border:none;
} 

hr {	
	margin: 1em 0;
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both;
}

.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px;
} 

/* SEARCH */
#search {
	color:black;
	font-weight:bold;
	position:absolute;
	top:10px;
}

#search form {
	margin:0;
}

#search input {
	width:8em;
	margin: 0 0 -1px;
	height:1.2em;
}

#search label {
	padding:5px 0 0;
	display:inline;
}

#search input.f-submit {
	width:auto;
	font-size:81%;
	margin:0 0 -.15em;
	height:1.95em;
}

/* POWERED BY - mollio logo in this case */
#poweredby {
	width:96px;
	height:63px;
	position:absolute;
	top:-102px;
	right:0;
}

/* LAYOUT - main body of page */
#wrap {
	min-width:770px;
	max-width:1200px;
	margin: 0 auto;
	position:relative; 
	background: #E8E8E8;
}

#content-wrap {
	position:relative;
	width:100%; 
	background: #E8E8E8;
}

#sidebar {
	position:absolute;
	top:0;
	right:25px;
	width:20%;
	border-top: 5px solid #999999;
	padding-top: 1px;
	padding-bottom: 40px; 
	background: #E8E8E8;
}

#content {
	margin: 0 50px; 
	background: #E8E8E8;
}

#content #breadcrumb {
	margin-top: -5px;
	font-size:93%;
	font-weight:bold; 
	padding-bottom: 10px;
}

#content #breadcrumb a:link, #content #breadcrumb a:visited {
	color:#999999; 
	text-decoration:none;
}

#content #breadcrumb a:hover, #content #breadcrumb a:active {
	color:#999999; 
	text-decoration:underline;
}

.thumbnail {
	margin: 0 0 0 10px;
	position:relative;
	z-index:9999;
	border: 1px solid #eee;
	float:right;
	width:100px;
	padding:5px;
	background:#fff;
}

.thumbnail img {
	border: 1px solid #000;
}

.pagination {
	background: #f2f2f2;
	color:#666;
	padding: 4px 2px 4px 7px;
	border: 1px solid #ddd;
	margin: 0 0 1.5em;
}

.pagination p {
	position:relative;
	text-align:right;
}

.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
}

.pagination p a:hover {
	background:#FF6600;
	color:#fff;
}

.pagination p span {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#ccc;
}

.pagination * {
	margin:0;
}

.pagination h4 {
	margin-top:-1.45em;
	padding:0;
	border:none;
}

#resultslist-wrap {
	margin: 0 0 1.5em;
	font-size:92%;
}
#resultslist-wrap dt, #resultslist-wrap dl {
	margin: 0;
}

#resultslist-wrap dt {
	font: bold 85% arial;
	padding: 3px 0;
}

#resultslist-wrap li {
	padding: 0 0 1em;
	margin:0 0 0 1.2em;
	font: bold 145% arial;
}

#resultslist-wrap li dd {
	font: normal 73% arial;
}

#resultslist-wrap li dl {
	margin:0;
}

#resultslist-wrap dd {
	line-height:1.3;
}

#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {
	color:#999;
	display:inline;
	padding-right:.5em;
}

/* TABLES */
.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
.table1 td {background: #fff url("../images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
.table1 th {text-align:left;border: 1px solid #fff}
.table1 thead th {color:#fff;font-size:145%;background: #900 url("../images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("../images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("../images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

/* TABLES - calendar */
.calendar {width:200px;font-size:92%}
.calendar td {text-align:center;border: 1px solid #ddd}
.calendar th {text-align:center}
.calendar thead th {padding: 3px 2px}
.calendar tbody th {padding: 2px}
.calendar tbody th.sub {padding: 2px}

/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("../images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
a.morelink:hover {background: transparent url("../images/sprites.gif") 5px -400px}
.morelink span {position:absolute;left:-9999px;width:900px}

/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
ol.code {font-family: monospace;position:relative}
ol.code li {color: #666;margin-bottom: 1px}
ol.code code {color: #000;display: block}
ol.code .cmt {color: #4077d2}

li.tab0 code {padding-left: 4em}
li.tab1 code {padding-left: 8em}
li.tab2 code {padding-left: 12em}
li.tab3 code {padding-left: 16em}
li.tab4 code {padding-left: 20em}
li.tab5 code {padding-left: 24em;}

ol.code li  {
	background: #f3f3f3 url("../images/td_bg.gif") no-repeat 100% 100%;
}

p.note {
	margin: 1em;
	border: 1px solid #ddd;
	background: #f0f0f0;
	padding: 1em;
}

/* contenttable */
.contenttable td {
	background-color: #C8D5E6;
	padding: 5px;
}

/* LAYOUT - FOOTER */
#footer {
	clear:both;
	border-top: 1px solid #905B33;
	padding: 10px 0 30px;
	font-size:86%;
	color:#905B33;
}

#footer p {
	margin:0;
}

#footer a:link {
	color:#999;
}

#intestazione {
	position:				absolute;
	height:					50px;
	width:					738px;
	left:					12px;
	top:					10px;
	text-align:				left;
	font-weight: 			bold;
	font-size:				10pt;

}

#intestazione tr{
	vertical-align: 		top;
}