/******************************************
*   
*   si_elec_base.css
*   copyright 2007 - si-electronic.ch
*
******************************************/

@import url(si_elec_nav.css);

/******************************************
*   Layout 
******************************************/


* {margin:0;padding:0;}

html[xmlns^="http"] {
height:100%;
padding-bottom:0.005em;
} 

body {
padding: 40px 0;
font-family: Arial;
font-size: 12px;
background: #DFF1FC;
}

.clear {clear: both;}

#wrapSite {
margin: auto;
width: 820px;
border: 2px solid #004b93;	
background: #FFF;
padding: 12px;
}

#header {
height: 140px;
}

#logo {
float: left;
border: 0;
padding: 10px 0 0 0;
}

#header_img {
float: right;
padding: 0 12px 0 0;
}

#main {
float: left;
padding: 12px 0 0 0;
}

#colLeft {
float: left;
width: 200px;
padding: 0 0 0 10px;
}

#content {
float: right;
width: 610px;
}


#footer {
clear: both;
width: 579px;
background: #a0d6f6; 
color: #004b93;
border-top: 12px solid #fff;
padding: 4px 0 3px 5px;
margin: 0 0 0 238px;
}

/******************************************
*   Styles 
******************************************/

a {
	text-decoration: none;
	color: #e5072a;	
}
a:hover {
	text-decoration: none;
	color: #000;	
}
a:focus, a:active {outline:0;}


h1 {
padding: 10px;
margin: 0 0 0 25px;
background: #a0d6f6;
color: #004b93; 
font-size: 20px;
}

h2 {
color: #004b93;
font-size: 14px;
padding: 20px 0 10px 35px;
}

h3 {
color: #004b93;
font-size: 12px;
padding: 10px 0 5px 35px;
}

#content p {
padding: 0 0 10px 35px;
line-height: 18px;
}

#content img.alignLeft {
padding : 5px 10px 5px 0;
}

#content img.alignRight {
padding : 5px 0 5px 10px;
}

#content ul {
	list-style-type: none;
	padding: 2px 70px 10px 35px; 
	margin:  0;	
	font-size: 12px;
	line-height: 18px;
    color: #131313;
}

#content ul li  {
	background: url(http://www.si-electronic.ch/cms/images/anf.gif) no-repeat;
	background-position: 15px 6px;
	padding: 0 0 5px 30px;
}

#content ol {
	list-style-type: list-style-type:decimal;
	padding: 2px 70px 20px 70px; 
	margin:  0;	
	font-size: 12px;
	line-height: 18px;
    color: #131313;
}

#content ol li  {
	background-position: 15px 6px;
	padding: 0 0 10px 10px;
}

#content table{ 
        font-size: 12px;
        color: #131313;
        padding: 0 20px 37px 35px;
}


#content table.standard { 
        font-size: 12px;
        color: #131313;
        padding: 0 20px 37px 10px;
}

#content table.standard th {
        border: solid #ccc;
        border-width: 0 0 1px 0;
        padding: 0 0 1px 0;
        font-size: 12px;
}

#content table.standard td {
        border: solid #ccc;
	    border-width: 0 0 1px 0;
        line-height: 12px;
        padding: 10px 0 10px 0;
}


/******************************************
*   Layout start page only
******************************************/


* {margin:0;padding:0;}

html[xmlns^="http"] {
height:100%;
padding-bottom:0.005em;
} 

body {
padding: 40px 0;
font-family: Arial;
font-size: 12px;
background: #DFF1FC;
}

.clear {clear: both;}

#wrapSite_start {
margin: auto;
width: 820px;
border: 2px solid #004b93;	
background: #a0d6f6;
}

#header_start {
height: 298px;
background: url(../images/header_start_BG.jpg) no-repeat top left;
}

#main_start {
float: left;
padding: 12px 0 0 0;
}

#colLeft_start {
float: left;
width: 200px;
padding: 0 0 35px 10px;
}

#content_start {
float: right;
width: 584px;
padding: 12px 0 0 0;
}


#content_start h1 {
padding: 0;
margin: 0 0 0 300px;
font-size: 24px;
}

.newsletter {
	font-family:  Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	float: right;
	background: #fff;
	color: #000;
    width: 300px;
    margin: 2px 70px;
}


/***************************************************
*   contactform  
***************************************************/


div#contactForm {
font-size: 11px;
}

#contactForm fieldset {
border: 0;
}

#contactForm fieldset#personalData,
#contactForm fieldset#contactData,
#contactForm fieldset#msg {
margin: 0 0 10px 0;
}

#contactForm fieldset legend {
display: none;
}

#contactForm label {
	float: left;
	display: block;
	width: 90px;
	padding: 5px 0 0 35px;
	margin: 0;
}

#contactForm textarea,
#contactForm input,
#contactForm select {
	font-family:  Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	float: right;
	background: #fff;
	color: #000;
	border: 1px solid #004b93;
    width: 300px;
    margin: 2px 70px;
}

#contactForm input#fon,
#contactForm input#fax,
#contactForm input#mail {
}


#contactForm textarea#nachricht{
width: 300px;
}

#contactForm textarea#nachricht{
	font-size: 1em;
	height: 130px;
}


#contactForm input:hover, 
#contactForm input:active, 
#contactForm input:focus, 
#contactForm select:hover,
#contactForm select:active,
#contactForm select:focus,
#contactForm textarea:hover, 
#contactForm textarea:active,
#contactForm textarea:focus {
    background-color: #DFF1FC;
    border: 1px solid #004b93;
}

#contactForm fieldset#contactData p.semiOptText {
	font-size: 10px;
    margin: 0 0 0 115px;
}

#contactForm span {
	float: left;
	font-size: 10px;
    margin: 0 0 0 195px;
}

#contactForm input#sent {
	float: right;
	width: 80px;
}


/***************************************************
*  ContactForm Confirmation styles
***************************************************/

div#contactFormConfirm {
	margin: 0 ;
        font-size: 11px;
}

#contactFormConfirm fieldset {
	clear: both;
	border: 1px solid #bebebe;
	margin: 0 0 15px 0;
	padding: 4px 10px 9px 10px;
}

#contactFormConfirm fieldset legend {
	margin: 0 0 0 12px;
	padding: 0 5px 0 5px;
	color: #9e9e9e;
	background: inherit;
	font-weight: bold;
}


#contactFormConfirm label {
	float: left;
	width: 80px;
	padding: 4px 0;
}

#contactFormConfirm span {
	float: left;
	min-height: 16px;
	width: 255px;
	font-style: italic;
	background: #dedede;
	color: #5e5e5e;
	margin: 2px;
	padding: 2px 5px 2px 5px;
}

#contactFormConfirm span.data10 {
	float: left;
	width: 255px;
	font-style: italic;
	background: #dedede;
	color: #5e5e5e;
	margin: 2px 0 0 2px;
	padding: 2px 5px 2px 5px;
}