/*****************
     *   File Name: Vicapsystems.css
     *   Section: @approot/css/
     *   Creator: Heinz Zuercher (hzuercher@huenet.ch)
     *   Creation Date: 12/08/2009
     *   Purpose: stylsheet screen
     *   Description: Stylsheet Publicsection www.info@vicapsystems.com
     *   Copyright: Heinz Zuercher(huenet AG)
     *   Version History & Comments
     *   #1.0 	init
****************/
	
/* basic elements */
html {
	margin: 0px;
	padding: 0px;
}
body {
	margin:0px;
	margin-top:0px;
	padding:0px;
	background-color:#FFFFFF;
	text-decoration: none;
}
body,p, td, ol, h1, h2, h3, h4, h5, h6 , form, input, select, textarea {
	font: normal 12px/16px Arial, Helvetica, Sans-Serif;
	/*font: normal 1.0em/1.4em arial, helvetica, sans-serif;*/
	color: #333333;
}

ul {
	margin-top:0px;
    list-style-image:url(../nav/li.png) ;
    margin-left:0px ;
    padding-left: 16px;
	margin-bottom: 0px;
}

p {
	margin:0px;
}

.grauzwischentitel {
	color:#999 ;
	}


h1 {
	font: bold 1.5em/1.5em arial, helvetica, sans-serif;
    color:#999 ;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:5px;
}

h2 {
	font-weight:bold ;
	color:#666 ;
	margin:0px;
}

h3 {
	font: normal 1.0em/1.3em arial, helvetica, sans-serif;
	color: #111111;
	padding-top:0px;
	margin-top:0px;
}

a {
	color: #666666;
	text-decoration: none;
}


a:link {
	color: #666666;
	text-decoration: none;
}



a:hover {
	color: #D6040D;
	text-decoration: none;
}

a:active {
	color: #666666;
	text-decoration: none;
}


img{
	border: 0;
}


/* *********************** 
layout selectors
************************** */

#maincontainer {
	margin-top:10px;;
	margin-bottom:10px;
	width:1000px;
	float:none;
	overflow:hidden ;
}

#headcontainer {
	width:990px;
	height:130px;
	float:none;
	overflow:hidden ;
}

#imgcontainer {
	 margin-top:85px; 
	 margin-left:720px; 
	 width:270px; 
	 overflow:hidden; 
	/*background-color:#CC3; */
	 z-index:1; 
	 position:absolute ;
}

#contentcontainer {
	margin-top:5px;
	width:1000px;
	float:none;
	overflow:hidden ;
}


div.servicemenu,
div.servicemenu a,
div.servicemenu a:link,
div.servicemenu a:visited,
div.servicemenu a:active {
	font: bold 0.9em/1.3em arial, helvetica, sans-serif;
	margin-right:0px; 
    letter-spacing: 0.8px;
	float:left;
	color:#FFFFFF;
	overflow:hidden ;
}

div.servicemenu a:hover {
 color:#CCC;
}

div.servicemenuaktiv
div.servicemenuaktiv a,
div.servicemenuaktiv a:link,
div.servicemenuaktiv a:visited,
div.servicemenuaktiv a:hover,
div.servicemenuaktiv a:active {
	font: bold 0.9em/1.3em arial, helvetica, sans-serif;
	margin-right:0px; 
	letter-spacing: 0.5px;
	float:left;
	color:#CCC;
	overflow:hidden ;
}


.topmenu {
	font: normal 1.0em/1.3em arial, helvetica, sans-serif;
	margin-right:0px;  
	margin-top:5px;
	height:15px;
	float:left;
	color:#666666 ;
}


.topmenu a,
.topmenu a:link,
.topmenu a:visited,
.topmenu a:active {
	color:#666666 ;
}

.topmenu a:hover {
 color:#FF6600;
}

.topmenuaktiv {
	font: normal 1.0em/1.3em arial, helvetica, sans-serif;
	margin-right:0px;  
	margin-top:5px;
	height:15px;
	float:left;
	color:#FF6600;
}

.topmenuaktiv a,
.topmenuaktiv a:link,
.topmenuaktiv a:visited,
.topmenuaktiv a:hover,
.topmenuaktiv a:active {;
	color:#FF6600;
}


div.submenu 
div.submenu a,
div.submenu a:link,
div.submenu a:visited,
div.submenu a:active {
	font: normal 1.0em/2em arial, helvetica, sans-serif;
	margin-right:10px;  
	height:25px;
	float:left;
	padding-left:0px;
	padding-right: 10px;
	color:#000000 ;
}

div.submenu a:hover {
	color:#999999 ;
 /*border-bottom:#4A5454 solid 3px;*/
}

div.submenuaktiv
div.submenuaktiv a,
div.submenuaktiv a:link,
div.submenuaktiv a:visited,
div.submenuaktiv a:hover,
div.submenuaktiv a:active {
	font: normal 1.0em/2em arial, helvetica, sans-serif;
	margin-right:10px;  
	height:28px;
	float:left;
	color:#FFFFFF;
	padding-left:10px;
	padding-right: 10px;
}


div.col1 {
	width:420px;
	float: left ;
	font: normal 1.0em/1.4em arial, helvetica, sans-serif;
}

div.colspacer {
	width:100px;
	height: 10px;
	overflow:hidden ;
	float: left ;
}

div.col2 {
	width:270px;
	float: left ;
	text-align:center ;
}


div.colclear {
	height: 1px;
	clear: left ;
	overflow:hidden ;
}

div.line {
	height: 1px;
	background-color:#000000 ;
	overflow:hidden ;
	/*width:100%;*/
	}

.s1form {
	margin-bottom: 5px;
}

.sform {
	width : 400px;
	height: 20px;
	border: 0px solid #FFF;
	background-color : #EFEFEF;
}

.s1form {
	width : 400px;
	height: 20px;
	border: 0px solid #FFF;
	background-color : #EFEFEF;
}

.s2form {
	width : 400px;
	height: 60px;
	border-width : 0px;
	background-color : #EFEFEF;
}

