/* CSS Document www.mind-vision.ch */

/*Farbcodes:
rot				#C61F1B (Logo)
dunkelblau		#1C759F
hellblau		#2C8EBC
dunkelgrau:		#2E2E2E (Logo)
mittelgrau		#9E9E9E (Suche BG)
hellgrau		#DFDFDF
*/

*{padding:0; margin:0;}
img{border:none}

body {
font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif;
color:#2E2E2E;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;}

#container{/* Haupt-DIV rundum */
width:956px;
margin:0;
padding:0;
border: 1px solid #FFFFFF;}

#logo{ /* Logo-DIV oben */
background:url(../grafics/bg_logoheader.gif) no-repeat top left #FFFFFF ;
height:84px;
width:941px;
padding: 10px 0 10px 15px;}

/* --------------- Schriftformate und andere ------------------ */

#content h1{margin:0 0 0.3em 0;}
#content h1 img{border:none;}

/* h2 Überschrift im Inhalt */
h2.csc-firstHeader, .csc-header h2, .csc-header-n3 h2{
font-size: 0.8em;
color:#1C759F;
margin: 1.5em 0 0.7em 0;}

/* h3 Überschrift bei Passwortanmeldung */
h3{
font-size: 0.8em;
color:#2E2E2E;
margin-bottom: 1em;}

#content p{/* Schriftgrösse im Inhalt */
font-size:0.8em;
line-height: 1.5em;
letter-spacing: 0.01em;}

#content ul{
margin-left: 40px;
list-style: circle}

#content ul li{
font-size: 0.8em;
line-height: 1.5em;}

#content ul li a:link, #content ul li a:visited{
font-size: 1em;
color:#C61F1B;
line-height: 1.5em;}

#content ul li a:hover, #content ul li a:active{
font-size: 1em;
color:#C61F1B;
line-height: 1.5em;}

#content ol{
margin-left: 40px;
list-style-type:decimal}

#content ol li{
font-size: 0.8em;
line-height: 1.5em;}

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

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

#content img{
border:1px solid #9E9E9E;
padding: 1px 1px;}

#content hr{
background-color:#9E9E9E;
color:#9E9E9E;
border: #9E9E9E;
height: 1px;}

#content .csc-caption{
height: 10px;
font-size:0.6em;
border-left: 1px solid #9E9E9E;
margin: 0 0 3px 0;
padding: 3px 0 3px 10px;}


/* ---------- Servicenavigation -------------- */

#sernav{
background:url(../grafics/bg_sernav.gif) no-repeat top left;
width: 656px; height: 22px;
padding: 0 0 0 300px;}

#sernav a:link, #sernav a:visited, #homecontact a:link, #homecontact a:visited{
font-size: 0.7em;
text-transform:uppercase;
color:#DFDFDF;
text-decoration:none;
padding-left:18px;
margin-left: 20px;}

#sernav a:hover, #sernav a:active, #homecontact a:hover, #homecontact a:active{
color:#FFFFFF;
text-decoration:underline;}

#sernav a.Login{
background:url(../grafics/ico_login.gif) no-repeat;}
#sernav a.Downloads{
background:url(../grafics/ico_download.gif) no-repeat;}
#sernav a.Sitemap{
background:url(../grafics/ico_sitemap.gif) no-repeat;}
#sernav a.Impressum{
background:url(../grafics/ico_impressum.gif) no-repeat;}
#homecontact a.home{
background:url(../grafics/ico_home.gif) no-repeat;}
#homecontact a.kontakt{
background:url(../grafics/ico_kontakt.gif) no-repeat;
margin-left: 60px;}


/* -------------------Suchfeld-Formate -------------- */

#search input.search{
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 130px;
font-size: 0.7em;
height:1.2em;
padding: 2px;
color:#2E2E2E;
border: #1C759F 1px solid;
background-color:#DFDFDF;}

#search input.submit{
cursor:pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 50px;
height:1.5em;
padding: 2px;
font-size: 0.7em;
text-transform:uppercase;
color:#DFDFDF;
border:none;
background-color:#9E9E9E;}

#search input.search:focus{
background:	#FFFFFF;
border:	1px solid #C61F1B;
color:	#C61F1B;}

/* ---------- TOP Button -------------- */

#top{
margin-top: 20px;
text-align: right;
font-size:0.7em;}

#top a:link, #top a:visited{
display:block;
padding-right:25px;
background: url(../grafics/btn_top.gif) no-repeat 440px;
border-bottom: 1px solid #C61F1B;}

#top a:hover, #top a:active{
background: url(../grafics/btn_top_akt.gif) no-repeat 440px #DFDFDF;
color:#2E2E2E;
text-decoration:none;
border-bottom: 1px solid #2E2E2E;}

/* ---------- Footer -------------- */
#footer{
background: url(../grafics/bg_footer.gif) no-repeat top left;
padding-top: 2px;
width:956px;
height:19px;
text-align:center;
font-size: 0.7em;
color:#FFFFFF;
clear:both;}

/* ---------- Clearfix für float-clearing -------------- */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#casita{
text-align:center;
height: 20px;
font-size: 11px;}

#casita a:link, #casita a:visited, #casita a:visited{
color:#C0C0C0;
letter-spacing:0.02em;
text-decoration:none;}

#casita a:hover{
color:#3C8AD2;
letter-spacing:0.02em;
text-decoration:underline;}


/* ----------- Formularformate --------------------*/
.csc-mailform {
border:none;
position: relative;
display:block;
padding:0;
font-size:0.8em;
letter-spacing:0.02em;}

div.csc-mailform-field label{
width: 120px;
float:left;
position: relative;
display:block;
text-align: left;}

div.csc-mailform-field input, div.csc-mailform-field textarea, #tx-newloginbox-pi1-pass, #tx-newloginbox-pi1-user {
position: relative;
width:220px;
left:20px;
height:1.2em;
padding: 2px;
color:#2E2E2E;
font-family:Verdana, Arial, Helvetica, sans-serif;
border: #9E9E9E 1px solid;
background-color:#DFDFDF;
margin:2px;}

div.csc-mailform-field textarea {
height:90px;}

div.csc-mailform-field input:focus, div.csc-mailform-field textarea:focus, #tx-newloginbox-pi1-pass:focus, #tx-newloginbox-pi1-user:focus{
background:	#FFFFFF;
border:	1px solid #C61F1B;
color:	#C61F1B;}

div.csc-mailform-field input.csc-mailform-check {
border: none;
height:25px;
width:25px;
left:20px;
display:block;
position: relative;
border:1px solid #9E9E9E;
padding:2px;
margin: 10px 0 10px 0;}

/* Hack für IE da der linke Abstand der Checkboxen nicht stimmt*/
html>body div.csc-mailform-field input.csc-mailform-check {
  left:140px;} 

div.csc-mailform-field input.csc-mailform-submit {
clear: left;
position: relative;
left:147px;
width:120px;
height: 22px;
background: #9E9E9E;
font-size:0.8em;
text-transform:uppercase;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#2E2E2E;
border:1px solid #9E9E9E;
cursor:pointer;
margin: 20px 0 20px 0;}

/* Hack für IE da der linke Abstand der Checkboxen nicht stimmt*/
html>body div.csc-mailform-field input.csc-mailform-submit {
position: relative;
left:150px;
width:120px;} 

div.csc-mailform-field input.csc-mailform-submit-profil {
position: relative;
left:22px;
width:120px;
background: #9E9E9E;
font-size:0.8em;
font-weight:normal;
color:#2E2E2E;
text-transform:uppercase;
border:1px solid #2E2E2E;
margin: 20px 0 20px 0;
cursor:pointer;} 

div.csc-mailform-field input.csc-mailform-submit-anmelde{
position: relative;
left:22px;
width:120px;
background: #9E9E9E;
font-size:0.8em;
font-weight:normal;
color:#2E2E2E;
text-transform:uppercase;
border:1px solid #2E2E2E;
margin: 20px 0 20px 0;
cursor:pointer;} 

#mailformAnrede{
position: relative;
left:22px;
width:120px;
font-size:1em;
letter-spacing:0.02em;
font-weight:normal;
margin: 0 0 0.5em 0;
color:#2E2E2E;
border: #9E9E9E 1px solid;
background-color:#DFDFDF;
padding:2px;} 

#mailformAnrede:focus{
background:	#FFFFFF;
border:	1px solid #C61F1B;
color:	#C61F1B;}

/* ------------------ Passwortanmeldung ---------------------*/
.tx-newloginbox-pi1 p{
margin-bottom: 1em;}

.tx-newloginbox-pi1-submit{
position: relative;
left:20px;
width:120px;
height: 20px;
background: #9E9E9E;
font-size:0.8em;
letter-spacing:0.02em;
font-weight:normal;
color:#2E2E2E;
text-transform:uppercase;
border:1px solid #9E9E9E;
margin: 20px 0 20px 0;
cursor:pointer;}

/* -------------- Suchresulate-Seite --------------------- */
#main_content div.tx-indexedsearch div.tx-indexedsearch-browsebox ul.browsebox{
margin: 0.5em 0 1em 0; padding:0;}

#main_content td.tx-indexedsearch-title a:link, #main_content td.tx-indexedsearch-title a:visited{
font-size:0.8em;
padding: 4px 10px;
display: block;
background: url(../grafics/btn_more.gif) no-repeat 4px #DFDFDF;
padding-left: 20px;}

#main_content td.tx-indexedsearch-title a:hover, #main_content td.tx-indexedsearch-title a:active{
background: url(../grafics/btn_more_akt.gif) no-repeat 4px #9E9E9E;
padding-left: 20px;
color:#2E2E2E;}

#main_content .tx-indexedsearch-icon img{
display:none;}

#main_content td.tx-indexedsearch-descr{
padding-left: 20px;}

#main_content td.tx-indexedsearch-info{
padding-left:20px;
font-size:0.6em;
background-color:#FFFFFF;}

/* --- Sucheingabe auf Resulate Seite ---- */
.tx-indexedsearch-searchbox-sword{
width:250px;
height:18px;
padding: 2px;
color:#2E2E2E;
border: #9E9E9E 1px solid;
background-color:#DFDFDF;
margin:2px;}

.tx-indexedsearch-searchbox-sword:focus{
background:	#FFFFFF;
border:	1px solid #C61F1B;
color:	#C61F1B;}

.tx-indexedsearch-searchbox-button{
width:80px;
height:22px;
padding: 2px;
background: #9E9E9E;
font-weight:normal;
color:#2E2E2E;
border:1px solid #2E2E2E;
margin: 2px 10px 0 0;
text-transform:uppercase;
cursor:pointer;}

table.search_for{
font-size:0.8em;}


/* ------------ Suchbox indexed_search ---------- */
.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	font-size:0.8em;
	font-style:normal;}
	
/* Sitemap */
#main_content ul.sitemap{ 
list-style-type:none;
margin:0; 
padding:0;}  

#main_content ul.sitemap li.sitemap_1 a:link, #main_content ul.sitemap li.sitemap_1 a:visited {
display:block;
font-size: 1em;
background: url(../grafics/btn_more.gif) no-repeat 4px #DFDFDF;
margin: 1.3em 0 0 0;
padding: 5px 0 5px 20px;}

#main_content ul.sitemap li.sitemap_1 a:hover, #main_content ul.sitemap li.sitemap_1 a:active {
color:#2E2E2E;
background: url(../grafics/btn_more_akt.gif) no-repeat 4px #9E9E9E;
margin: 1.3em 0 0 0;
padding: 5px 0 5px 20px;
text-decoration:none;}

#main_content ul.sitemap li.sitemap_1 ul.sitemap li.sitemap_2 a:link, #main_content ul.sitemap li.sitemap_1 ul.sitemap li.sitemap_2 a:visited{
font-size: 1.1em;
background:none;
border:none;
margin: -10px 0 0 20px;
padding:0;} 
 
#main_content ul.sitemap li.sitemap_1 ul.sitemap li.sitemap_2 a:hover, #main_content ul.sitemap li.sitemap_1 ul.sitemap li.sitemap_2 a:active{
color:#2E2E2E;}