/* CSS Document */


/* Standard CSS fuer www.volero.ch */

/* Grundfarben 
weiss 	= 	rgb(255,255,255)	= 	 #FFFFFF 
grau_0 	= 	rgb(243,243,243)	=	 #F3F3F3 
grau_1 	= 	rgb(235,234,230)	=	 #EBEAE6
grau_2	 = 	rgb(221,222,216)	=	 #DDDED8
grau_3 	= 	rgb(195,197,194)	=	 #CCCDCB
grau_4 	= 	rgb(51,51,51)		=	 #333333
rot 	= 	rgb(226,58,34) 		=	 #E23A22
*/

html,body{
	background-color: rgb(235,234,230);
	margin: 3px;
	padding: 0;
	font-size: 10px;	
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration:none;	
	color: rgb(51,51,51);
}
div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	font-size: 10px;	
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration:none;	
	color: rgb(51,51,51);
}
input {
	font-size: 10px; 
	background-color: rgb(243,243,243);
	border:1px solid rgb(195,197,194); 
}
select{
	font-size: 10px; 
	background-color: rgb(255,255,255);
	border:1px solid rgb(195,197,194); 
}
textarea { 
	background-color: rgb(243,243,243); 
	border: 1px solid rgb(195,197,194);
}
.button { width: 100px;}
.search {width: 120px;}

img {border-width:0px;}

a:link { color: rgb(51,51,51);}
a:active { color: rgb(226,58,34);}
a:visited { color: rgb(51,51,51);}
a:hover { color: rgb(226,58,34);}


/* Navigation */
.nav_level_1  { 
	text-indent: 5px; 
	color: rgb(226,58,34);	
	padding-bottom: 1px;
}
.nav_level_1 a{ 
	font-size: 12px;	
	color: rgb(226,58,34);	
	text-transform: uppercase;
}
.nav_level_1_act  { 
	text-indent: 5px; 
	padding-bottom: 1px;
	background-image: url(../images/dot.gif); 
	background-repeat:no-repeat; 
	vertical-align:middle; 
}
.nav_level_1_act a{
 	font-size: 12px;	
	color: rgb(226,58,34);	
	text-transform: uppercase;
}
.nav2_level_1_act{padding: 5px 0px 0px 0px; text-align: center;}
.nav2_level_1{padding: 5px 0px 0px 0px; text-align: center;}

.nav_level_2  { text-indent: 14px; font-size: 12px;}
.nav_level_2  a { font-size: 12px;}
.nav_level_2_act  { 
	text-indent: 14px; 
	background-image: url(../images/dot.gif); 
	background-repeat:no-repeat; 
	font-size: 12px;
}
.nav_level_2_act a{color: rgb(226,58,34); font-size:12px;}

.nav2_level_2 { 
        text-indent: 5px;
        color: rgb(226,58,34);
        padding-bottom: 1px;
}
.nav2_level_2  a { 
        font-size: 12px;
        color: rgb(226,58,34);
        text-transform: uppercase;
}
.nav2_level_2_act  {
        text-indent: 5px;
        padding-bottom: 1px;
        background-image: url(../images/dot.gif);
        background-repeat:no-repeat;
        vertical-align:middle;
}
.nav2_level_2_act a{
        font-size: 12px;
        color: rgb(226,58,34);
        text-transform: uppercase;
}

.nav_level_3  { text-indent: 23px; font-size: 11px;}
.nav_level_3  a { font-size: 11px;}
.nav_level_3_act  { 
	text-indent: 23px; 
	background-image: url(../images/dot.gif); 
	background-repeat:no-repeat; 
}
.nav_level_3_act a{
	color: rgb(226,58,34);
	font-size: 11px;
}
.nav_level_4  { text-indent: 36px; font-size: 11px;}
.nav_level_4  a { font-size: 11px;}
.nav_level_4_act  { 
	text-indent: 36px; 
	background-image: url(../images/dot.gif); 
	background-repeat:no-repeat; 
}
.nav_level_4_act a{
	color: rgb(226,58,34);
	font-size: 11px;
}

.navLayer{
	position: absolute;	
	visibility: hidden;	
	z-index: 10;
	cursor: default;
}
#navLayer01{	
	left:480px; 
	top:154px;
	width:120px;
}
#navLayer02{	
	left:550px; 
	top:154px;	
	width:120px;
}
#navLayer0201{	
	left:664px; 
	top:154px;	
	width:80px;
}
#navLayer0202{	
	left:664px; 
	top:168px;	
	width:80px;
}
#navLayer03{ 
	left: 606px; 
	top: 154px; 
	width:120px;
}

div.shadow{
	color: rgb(51,51,51); 
	position: absolute;	
	visibility: hidden;	
	z-index: 9; 
	-moz-opacity: 0.3; 
	opacity: 0.3; 
	filter: Alpha(opacity=60, finishopacity=30, style=3);
}
table.shadow{ background-color:rgb(51,51,51);}
#shadow01{	
	left:484px;	
	top:159px;	
	width:120px;
}
#shadow02{	
	left:554px;	
	top:159px;	
	width:120px;
}
#shadow0201{	
	left:668px;	
	top:159px;	
	width:80px;
}
#shadow0202{	
	left:668px;	
	top:173px;	
	width:80px;
}
#shadow03{ 
	left: 610px; 
	top: 159px;
	width:120px;
}

.navTDP{ 
	background-color: rgb(195,197,194); 	
	cursor: pointer; 
	color: rgb(51,51,51); 
	text-indent: 10px;}
.navTDA{
	background-color: rgb(51,51,51);
	cursor: hand; 
	color: rgb(255,255,255); 
	text-indent: 10px;
}
.menu{border:1px solid rgb(51,51,51);}
.Content{ 
	padding: 25px 17px 17px 17px; 
	border-left: 1px solid rgb(195,197,194); 
	border-right: 1px solid rgb(195,197,194); 
	border-bottom: 1px solid rgb(195,197,194); 
	background-color: rgb(221,222,216); 
}
.TextColumn {
	padding: 10px 7px 22px 7px;
	border-left: 1px solid rgb(195,197,194);
	border-right: 1px solid rgb(195,197,194);
	border-bottom: 1px solid rgb(195,197,194);
	background-color: rgb(221,222,216);
}
.TextColumn ul{margin-left: 15px;}
.PageTitle { 
	font-size: 14px;	
	text-transform: uppercase; 
	padding-left:8px;
}
.PageTitle div { 
	font-size: 10px; 
	text-transform: none; 
	text-align: right;	
	float: right; 
}
.Caption{
	font-size: 14px;	
	text-transform: uppercase;
}

.Title { font-size: 12px; font-weight: bold;}
.Subtitle {	font-size: 11px; font-weight: bold;}
.Lead {	font-size: 11px;}
.Text{ font-size:10px;}
a.red{ color: rgb(226,58,34);}
.red{ color: rgb(226,58,34);}
.redbold{ font-weight:bold; color: rgb(226,58,34);}

td.dark{background-color: rgb(195,197,194);}
td.light{background-color: rgb(221,222,216);}

b.ours{font-size: 110%; font-weight: 600;}

div.Copyright{position: relative; padding: 30px 0px 0px 129px; top: -35px; height:60px;}
div.Banner{position: relative; top: -45px; left: 184px; width: 470px;}
div.Banner TABLE {border:1px solid rgb(221,222,216); background-color:rgb(221,222,216);}
div.Ad{margin: 5px 0px 0px 5px; padding: 0px; position: absolute; z-index: 1; visibility: visible; width:124px;}
