/** **********************************************************************
  * CSS für das Projekt ciao italia
  * Beinhaltet grafische Formatierungen und Positionierungen der div 
  * container aller Seitentypen, ausser Print.
  *
  * @CSS_Hack Tanteks Boxm modell hack. Schliesst IE<6 aus = voice-family: "\"}\"";voice-family:inherit;
  * @CSS_Hack Selektor hack. Schliesst IE bis 6 aus = html>body ELEMENT {}
  *
  * @author Sascha Nos <sascha.nos@web.de>
  * @version 1.0 - DD:MM:YYYY
  * 
  *//** Global **/* {    margin:			0;    padding:		0;}body {    background:		#F7F7F7;	font-size:		100.1%;	font-family:	Verdana, Arial, Helvetica, sans-serif;	padding:		0 0 0 0;}strong{color:#333;}h1 {	font:			bold 0.9em/2.4 Verdana, Arial, Helvetica, sans-serif;	color:			#000;}h2 {	font:			bold 0.8em/1.4 Verdana, Arial, Helvetica, sans-serif;	color:			#000;}h3, h4, h5, h6 {	font:			bold 0.83em/1.6 Verdana, Arial, Helvetica, sans-serif;	color:			#4c4c4b;	text-transform:	uppercase;}h3.off{	display:none;}p{	font-size:		0.70em;}a {	color:			#00C;}a:focus, a:hover, a:active {	color:			#C00;}img{	border:			none;}/** hiding of elements for assistive devices (screen readers etc) **/ul#access, .off {	position:		absolute;	left:			-1000em;	top:			-1000em;}/* Formularemente ****************************************************** */form{	padding:		0.5em 2% 0.5em 2%;
	font-size:		0.70em;


}
fieldset{
	padding:	10px;
	border:		none;
}
html>body form {
	width:			420px;
}form hr{	visibility:		hidden;}	input,select{	font-family:	Verdana, Arial, sans-serif;	font-size:		1em;	width:			80%;	border:			1px solid #000;	background:		#EEE;
	padding:		2px;}
.checkbox{
	width:20px;
	border:none;
	background:none;
}input:focus,select:focus,textarea:focus{	background:		#FFF;}textarea{
	font-family:	Verdana, Arial, sans-serif;	font-size:		1em;	width:			80%;	height:			10em;	border:			1px solid #000;	background:		#EEE;}label,select{ 	cursor:			pointer;} label.left{ 	width:			80%; 	margin-right:	0em; } label.left_error{ 	float:			left; 	width:			80%; 	text-align:		right;	margin-right:	1em;	color:			#F00; } input.error{	background:		#FCC;} /* Submit button */input.right{ 	margin:			2em 0 0 0; 	width:			80%;	background:		#CCC;	border:			1px solid #000;}/* float clearing */#outer:after, #breadcrumb:after, ul#premium_mg_nav:after, #content p:after, #content:after, ul#subnav:after, form:after, form div:after{    content:		".";    display:		block;    visibility:		hidden;    clear:			both;    height:			0;}* html #nav, * html #content, * html form, * html form div {	height:			1%;}
/* In diesem Container befindet sich alles weitere */#complete{	width:			745px;	background:		url("images/system/hg_header.gif") repeat-x;	height:			205px;	border-left:	1px solid #CCC;	margin:			0 0 0 5px;}#complete img.right{	float:			right;}img a{	text-decoration:none;	color:			#FFFFFF;}
/* Bereich mit Content & Subnavi */#outer{	border:			1px solid #CCC;	width:			734px;	background:		#FFF;	padding:		0 0 30px 0;	margin:			-3px 0 0 -1px;}
/* Banner */#banner{	position:		absolute;	left:			775px;	top:			0px;	width:			120px;	margin-top:		-1px;}#banner img{	margin-bottom:	20px;	border:			1px solid #CCC;}
#banner img a{
	text-decoration:none;
	color:#CCC;
}
/* die Brotkrumen-Navigation */#breadcrumb{	border-bottom:	1px solid #CCC;	text-align: 	right;
	font-size:		0.56em;
	color:			#BBB;
	font-weight:	bold;
	height:			20px;}#breadcrumb ul li a{	text-decoration:none;	color:			#BBB;}
#breadcrumb ul{
	display:		block;
	margin:			0;
	padding:		0;
	border:			none;
	font-size:		100%;
	float:			right;
}
#breadcrumb ul li{
	font-weight:	bold;
	color:			#BBB;
	font-size:		100%;
	float:			left;
	padding:		0;
	margin:			0;
	list-style:		none;
	padding:		5px 5px 5px 5px;
}
#breadcrumb ul li a:after{
	content:		"»";
}#breadcrumb a:hover{	text-decoration:underline;	color:			#AAA;}
/* Content-Bereich */#content{	float:			right;	width:			490px;	background:		#FFF;
	border-left:	1px dotted #CCC;
	z-index:		200;}#content p{	border-bottom:	1px dotted #CCC;	padding:		10px 0 10px 0;}#content h1, #content h2, #content h3, #content h4, #content h5, #content p{	padding-left:	20px;	padding-right:	10px;	letter-spacing:	0.5px;}
#content h1{
	border-bottom:1px dotted #CCC;
}#content ul, #content ol{	padding:		5px 0 5px 0;
	margin-left:	20px;}#content ul li, #content ol li{	margin-left:	10px;	font-size:		0.70em;	letter-spacing:	0.5px;	padding-right:	5px;}
#content h1{	color:			#00A650;	padding-top:	5px;	padding-bottom:	15px;	line-height:	2;	margin:			0;	font-weight:	normal;}#content h2, #content h3, #content h4, #content h5{	color:			#00A650;	padding-top:	5px;	padding-bottom:	5px;	line-height:	1.5;	margin:			0;	font-weight:	normal;}#content img{	float:			left;	margin-right:	10px;	border:			1px solid #CCC;	margin-left:	20px;	margin-bottom:	10px;}
#content ul ul li, #content ul ul ul li, #content ul ul ul ul li, #content ul ul ul ul ul li{
	font-size:		100%
}#content p img{	margin-left:	0;}
#content a{	text-decoration:none;	color:			#ED1C24;	font-weight:	bold;
}
#content a:hover{	text-decoration:underline;}#premium_mg_content{	background:		#FFF;	border:			1px solid #CCC;	margin:			-11px 10px 10px 9px;	padding:		0;}
#premium_mg_nav{
	border:			1px #FFF;
	padding:		0;
	margin:			0;
}ul#premium_mg_nav{	margin:			0 0 0 10px;	padding:		0;
	border:			1px #FFF;}ul#premium_mg_nav li a{	text-decoration:none;	color:			#000;	font-weight:	normal;
	border:			none;}ul#premium_mg_nav li.highlight{	background:		#EEE;	font-weight:	bold;}#premium_mg_content h2{	line-height:	2;}#premium_mg_content p{	border:			none;}ul#premium_mg_nav li{	float:			left;	display:		block;	padding:		3px 10px 3px 10px;	margin:			0 0 10px -1px;	border:			1px solid #CCC;}
/* Bilder für den Premiumbereich*/
#content .bilder{	width:			440px;	height:			210px;}
/* Impressum, Sitemap, ... : Superiornavigation */#superiornav{	position:		absolute;	top:			25px;	left:			20px;}
/* Navigation mit den Hauptmenüpunkten */#nav{	background:		#FAFAFB;	border-bottom:	1px dotted #CCC;	padding:		3px 0 0 10px;}
/* Subnavigation mit Context-Bereich */#subnav a{	text-decoration:none;	color:			#ED1C24;	font-weight:	bold;}#subnav p a:hover{	text-decoration:underline;	color:			#ED1C24;}#subnav{	font-size:		82%;	color:			#666666;	width:			240px;
	background:		#FFF;
	padding:		0;
	margin:			0;}html>body #subnav {	width:			243px;
	background:		#FFF;
	font-size:		90%;}#subnav p{	padding:		5px 5px 10px 10px;	border-bottom:	1px dotted #CCCCCC;	letter-spacing:	0.5px;	min-height:		50px;
	background:		#FFF;
	margin:			0;}#subnav ul{	padding:		0;	margin:			0 0 0 0;}#subnav ul li{	border-bottom:	1px dotted #CCC;	padding:		4px 0 4px 10px;	margin-left:	0;	font-size:		80%;	list-style:		none;
	border-right:	1px dotted #CCC;}#subnav ul ul{	margin:			3px 0 -5px -10px;	padding:		0;	border-top:		1px dotted #CCC;}#subnav ul ul ul{	margin-left:	-25px;}#subnav ul ul ul ul{	margin-left:	-48px;}#subnav ul ul li{	padding:		4px 0 4px 25px;	font-size:		100%;	margin-top:		1px;
	border-right:	none;
	display:		block;
	background:		#FFF;}
html>body #subnav ul ul li {
	background:		none;
}
html>body #subnav ul ul ul li {
	background:		none;
}
html>body #subnav ul ul ul ul li {
	background:		none;
}#subnav ul ul ul li{	padding-left:	40px;
	display:		block;
	background:		#FFF;}#subnav ul ul ul ul li{	padding-left:	55px;
	display:		block;
	background:		#FFF;}#subnav ul li a{	color:			#666666;	text-decoration:none;	font-weight:	normal;}#subnav ul li a:hover{	color:			#00A650;
	background:		#FFF;}#subnav  li a.highlight{	color:			#00A650;	font-weight:	bold;}#subnav p.sponsoren img{	float:			none;	margin:			0;	border:			1px solid #CCC;	margin-right:	1px;
	background:		#FFF;}#subnav h2{	color:			#00A650;	padding-top:	5px;	padding-bottom:	0;	line-height:	2;	margin:			0;	font-weight:	normal;	margin:			0 0 0 10px;	letter-spacing:	0.5px;
	background:		#FFF;}#subnav p img{	float:			left;	margin:			0 10px 0 0;
	background:		#FFF;}#subnav img{	margin:			10px 10px 0 10px;
	background:		#FFF;}/* Meldungen des Systems */
.searchword{	background: 	#f8b301;}.ok{	border: 		1px solid #0C0;	background:		#FFF;	padding:		5px;	color:			#0C0;	font-weight:	bold;	margin:			20px;}.error{	border: 		1px solid #C00;	background:		#FFF;	padding:		5px;	color:			#C00;	font-weight:	bold;	margin:			20px;}/* Pager Element - Seite N1 von N2 */div.tcmsPager{	background:		#FFF;	border:			none;	margin: 		2px 0 2px 0;	padding:		2px;
	font-size:	0.73em;}div.tcmsPager span{}div.tcmsPager a{	text-decoration:none;	color:			#000;	background:		#efeff0;}div.tcmsPager a.highlight,div.tcmsPager a:hover{	font-weight:	bold;	background:		#d4d6d9;}