/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Änderung: 26.05.2008 (Andrea Zbinden)

================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell für Contentbereich

Sidebar
- Formatierungen speziell für Sidebar

Footer
- Formatierungen speziell für Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...

Dpirechner
------------------------------------------------
*/



/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0;
	padding: 0;
	border: 0;
}


/* HTML-Tags */

body {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;

}


img {


}
	
/*Titel*/
h1 {
	font-size: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
}

h2 {
	font-size: 13px; 
	font-weight: bold;
}

h3 {
	
}

p {
margin-bottom: 10px;
font-size: 13px;
}


/*Generelle Links*/
a:link {color: #000; text-decoration: underline;}
a:visited {color: #000; text-decoration:underline;}
a:hover {color: #000; text-decoration:none;}
a:active {color: #000; text-decoration:none;}

a.back:link, a.back:visited, a.back:hover, a.back:active {
text-decoration: none;

}

/*Wrapper DIV*/
#wrapper {
margin: 0 auto; /* 0 hinzugefügt, weil in vertical ist auto allein nicht sauber möglich (michel) */
width: 850px; /*Breite Angeben*/
}	


/*
==================
Head Bereich
==================
*/

#header {
height: 127px;
background-image: url(../bilder-design/rutschi.jpg);
}

/*Logo*/
#header img {

}

/*Sprachnavigation*/
#lang {

}

/*Links Sprachnavigation*/
#concontent a:link { color: #fff; text-decoration: underline;}
#concontent a:visited { color: #fff; text-decoration: underline;}
#concontent a:hover { color: #fff; text-decoration: none;}
#concontent a:active { color: #fff; text-decoration: none;}

/*
==================
Navigation
==================
*/


#metanavigation ul {
margin-bottom: 9px;
margin-left: 0;
white-space: nowrap;
height: 12px;
padding-top: 16px;
}

#metanavigation ul li {
	display: inline;
	list-style-type: none;
	height: 45px;
}

#metanavigation a { 
padding: 16px 15px 5px 15px; 
height: 101%;
border-left: solid 1px #fff;
}

#metanavigation a:link, #metanavigation a:visited {
	color: #000;
	background-color: #fff;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../bilder-design/meta-streifen-rechts.gif);
	background-position: right;
	background-repeat: repeat-y;
}

#metanavigation .last a:link, #metanavigation .last a:visited {
	background-image: none;
	border-left: solid 2px #fff;
}


#metanavigation .last a:hover  {
background-image: none;
	border-left: solid 2px #000;
}



#metanavigation a:hover, #metanavigation a:focus, #metanavigation a.active {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border-left-color: #000;
}

#metanavigation a:link.active, #metanavigation a:visited.active, #metanavigation a:hover.active {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border-left-color: #000;
}



#metanavigation {
padding-bottom: 11px;
background-image: url(../bilder-design/schatten-meta-unten.gif);
background-position:bottom;
background-repeat: repeat-x;
	margin-bottom: 20px;
}

#header ul {
margin-top: 0px;
width: 638px;
float: right;
}

#header ul li {
display: block;
width: 212px;
float: left;
}

#header ul li a {
padding-top: 7px;
padding-left: 10px;
width: 202px;
display: block;
height: 35px;
color: #000;
text-decoration: none;
font-size: 20px;
background-image: url(../bilder-design/strich-haupt-seite.gif);
background-repeat: no-repeat;
}



#header ul li a:hover, #header ul li a.active {
background-image: url(../bilder-design/hover-left.gif);
color: #fff;
text-decoration: none;
background-position: bottom;
background-repeat: no-repeat;
}

#header ul li.middle a.active, #header ul li.middle a:hover {
background-image: url(../bilder-design/hover-center.gif);
color: #fff;
text-decoration: none;
background-position: bottom;
background-repeat: no-repeat;
}




#header ul li.right a:hover, #header ul li.right a.active {
background-image: url(../bilder-design/hover-right.gif);
color: #fff;
text-decoration: none;
background-position: bottom;
background-repeat: no-repeat;
}



.left, .middle {
width: 212px !important;
}

.right, #header ul li.right a {
width: 204px !important;

}


#navigation {

}
	
#mainnav {
margin: 0px;
padding: 0px;
border-bottom:1px solid #FFFFFF;

}
	
#mainnav ul{
margin: 0px;
padding: 0px;

}

#mainnav li{
list-style-image:none;
list-style-type:none;
}

#subnavigation {
width: 212px;
height: 340px;
float: left;
background-image: url(../bilder-design/hintergrund-subnav.gif);
background-position: right;
background-repeat: repeat-y;
/*
margin-bottom: 25px;
*/
}

.constyle #subnavigation, #seit3 #subnavigation {
margin-bottom: 0;

}

#subnavigation ul {
width: 212px;

margin: 0px;
padding: 0px;
clear: both;
}


#subnavigation ul li {
list-style-type: none;
border-bottom: 2px solid #c6c6c6;
}

#subsubnav ul li {
list-style-type: none;
border-bottom: 2px solid #fff;
}


#subnavigation ul li a, #subsubnav ul li a {
text-decoration: none;
display: block;
padding-top: 10px;
font-size: 14px;
height: 22px;

}

#subnavigation ul li a:hover, #subsubnav ul li a:hover, #subnavigation .subaktiv a, .aktivsub a {
background-color: #fff;
font-weight: bold;
}

.constyle #subsubnav, .subconstyle #subsubnav, #seit2 #subsubnav, #seit3 #subsubnav {
width: 201px;
float: left;
}

/*HAUPTNAVIGATION Links*/

#mainnav a { padding: 0 0 0 0px; text-decoration:none; }
#mainnav li a:link  { color: #000; }
#mainnav li a:visited { color: #000; }
#mainnav li a:hover  { color: #fff; }
#mainnav li a:active { color: #fff; }

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li.aktiv a { color: #fff; text-decoration: none; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#mainnav ul li.active a:link  { color: #000; text-decoration: none; }
#mainnav ul li.active a:visited { color: #000; text-decoration: none; }
#mainnav ul li.active a:hover  { color: #fff; text-decoration: none; }
#mainnav ul li.active a:active { color: #fff; text-decoration: none; }*/




#subnav li, #subsubnav ul li{
list-style-image:none;
list-style-type:none;
}


/*SUBNAVIGATION Links*/
#subnav a  { padding: 0 0 0 10px; text-decoration:none; }
#subnav li a:link  { color: #000; text-decoration: none; }
#subnav li a:visited { color: #000; text-decoration: none; }
#subnav li a:hover  { color: #fff; text-decoration: none; }
#subnav li a:active { color: #fff; text-decoration: none; }

/*aktiver Subnavigationslink*/
#subnav li.subnavactiv a { color: #fff; text-decoration: none; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#subnav ul li.subnavactiv a:link  { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:visited { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:hover  { color: #fff; text-decoration: none; }
#subnav ul li.subnavactiv a:active { color: #fff; text-decoration: none; }*/


/*
==================
Content-Bereich
==================
*/

#maincontent {
width: 628px;
float: left;
margin-left: 10px;
height: 340px;

}

.constyle #maincontent, #seit2 #maincontent {
margin-left:0;

}

#content {

}
	/*
#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
vertical-align:top;

}
*/

#concontent {
width: 627px;
background-color: black;


color: white !important;

min-height:253px;
  	height:auto !important;  /* für moderne Browser */
  	height:253px;  /*für den IE */

padding-left: 10px;
padding-bottom: 5px;
float: right;
}



#thumbilder {
text-align: right;
width: 88px;
padding-left: 15px;
float: right;
height: 200px;
padding-right: 10px;
padding-top: 10px;
}

#thumbilder img {
margin-bottom: 6px;

}

/*Für Text/Bild Elemente als Aufzählung muss die Höhe angeben werden!*/
#seite.csc-textpic-text{
height: 50px;

}
	
	
/*Bilder nebeneinander anzeigen (Ausrichtung in Typo3: im Text links (muss ausgewählt werden (s. rofoag.ch))*/
.csc-textpic{
float: left !important;
width: 290px;

}

/*Abstand unterhalb von Bild vergrössern*/
div.csc-textpic-imagewrap{
padding-bottom: 10px;

}


/*Text/Bild nebeneinander (s. muster-fenster.ch)*/

.csc-textpic {
float: left;
width: 200px;

}

.csc-textpic-clear {
clear: none !important;

}


/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {

}

/*
==================
Footer-Bereich
==================
*/	

#footer {

}
		


/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/

.news-latest-date {
color: #8da25e;

}

.news-latest-item {
margin-bottom: 10px;
padding-bottom:10px;
border-bottom: 1px solid #8da25e;

}

.news-single-img {
margin-top: 10px;

}


/*Formulare*/

fieldset {
border: 0px solid #000; /*Farben anpassen*/
display: block;

}

label {
width: 80px; /*Breiten anpassen*/
float: left;

}

input {
border: 1px solid #000; /*Farben anpassen*/
margin-bottom: 10px;

}

textarea {
border: 1px solid #000; /*Farben anpassen*/
}

.absendeknopf {
border: 1px solid #000;
font-weight: bold;
background-color: #fff;
color: #000;
margin: 10px 0 10px 80px;
/*optional*/
float: left;
}
.fehlertext {
color: #000;
font-weight: bold;
background-color: #f99;
padding: 2px;
border: 1px solid #f00;
width: 375px;

}

.formfehler {
border: 1px solid #f00;
margin-bottom: 5px;

}

/*optional*/
.pflichtfelder {
margin: 12px 0 0 170px;

}



.seite97 .contenttable, .seite98 .contenttable {
margin-left: 0px;

}


.bodytext {
/*float: left;*/

}


a.download img{
margin-bottom: -3px;
}

#map {
float: left;
width: 510px; 
height: 340px; 
margin: -12px 0 0 0;
color:#000;
}

#starttext {
width: 570px;
margin-top: 25px;
float: left;
}

#startseitesuche {
width: 212px;
margin-right: 7px;
float: left;

}

#hilfsnav li {
height: 10px;
width: 10px;
background-color: #d8e7ff;
padding: 5px;
}

#contentss img{
float:right;
}

/*
.seite4 #contentss {
background-image: url(../bilder-design/werbung.jpg);
width: 638px;
height: 340px;
}

.seite3 #contentss {
background-image: url(../bilder-design/industrie.jpg);
width: 638px;
height: 340px;
}

.seite2 #contentss {
background-image: url(../bilder-design/architektur.jpg);
width: 638px;
height: 340px;
}

*/

/* tiny_gallery */
#contentss .kleinbild{
display:none;
}

#thumbilder .grossbild{
display:none;
}

.seite67 .contenttable {
width: 306px !important;
}

legend {
margin-left: -7px !important;
}


/* Bestellformular */
.mailformplus_bestellform legend{
text-indent:3px;
}
.mailformplus_bestellform label{
width:120px;
}
.mailformplus_bestellform input{
border: 1px solid #888888;
margin-bottom:3px;
width:220px;
}
.mailformplus_bestellform textarea{
border: 1px solid #888888;
margin-bottom:3px;
width:220px;
}
.mailformplus_bestellform select{
border: 1px solid #888888;
margin-bottom:3px;
width:220px;
}
.mailformplus_bestellform .absendeknopf{
border: 1px solid #888888;
margin-bottom:3px;
width:220px;
margin-left:120px;
}
.formularinhalt{
margin-left:10px;
}

.mailformplus_bestellform input.artikelfeld{
width:60px;
}

.mailformplus_bestellform input.bezeichnungsfeld{
width:200px;
}

.mailformplus_bestellform input.preisfeld{
width:70px;

}

.mailformplus_bestellform input.checkbox{
border:0px;
width:15px;
}

.mailformplus_bestellform input.formfehler{
border: 1px solid #FF0000 !important;
}
.mailformplus_bestellform textarea.formfehler{
border: 1px solid #FF0000 !important;
}

.wtgallery_singlepic_pic {
float: left !important;


}

.redk {
background-color: red;
font-size: 18px;

}

.back {
top:55px; left: 14px; display: block; position: relative; width: 140px; height: 60px; 
}
.metacontent ul {
height: 150px !important;

}

#msub {
height: 170px;
background-image: url(../bilder-design/hintergrund-subnav.gif);
}

.metanavigation #subnavigation {
background-image: none;

}

#suchbereich, #suchbereichmeta {
width: 212px;
float: left;
margin-top: 25px;
margin-bottom: 20px;
}


.suchbutton {
background-color: #fff;

width: 27px;
}

.suchfeld {
width: 162px;

background-color: #fff;
margin-right: 5px;
font-size: 13px;
padding: 1px;

}

#startseitesuche {
margin-top: 25px;

}

#kleinsuchbereich {
position: relative;
top: 25px;
left: -212px;


}


select {
width: 197px;
border: solid 1px #000;
}

.seite40 .contenttable {
width: 390px;

margin-bottom: -15px;

}

.seite41 .contenttable {
width: 390px;
margin-top: -5px;
margin-bottom: -5px;

}


.seite50 .contenttable {
width: 420px;
margin-top: -5px;
margin-bottom: -5px;
vertical-align: top;
}

.seite50 .contenttable td {
width: 210px;
vertical-align: top;
}

.seite62 .contenttable {
width: 420px;
margin-top: -5px;
margin-bottom: -5px;
vertical-align: top;
}

.seite64 .contenttable {
width: 420px;
margin-top: -5px;
margin-bottom: -5px;
vertical-align: top;
}

.seite64 .contenttable td {
width: 210px;
vertical-align: top;
}


.wtgallery_listpic {
margin-bottom: 4px !important;
}

#metacontentbild {
width: 212px;
height: 340px;
clear: both;
}

.seite92 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/05_Ueber_uns/klein/Netzwerk.jpg);
}

.seite93 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/05_Ueber_uns/klein/Jobs.jpg);
}


.seite96 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/05_Ueber_uns/klein/AGB.jpg);
}

.seite97 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/05_Ueber_uns/klein/history.jpg);
}

.seite95 #metacontentbild, .seite132 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/04_News/klein/aktuell.jpg);
}

.seite98 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/06_Knowhow/klein/glossar.jpg);
}

.seite99 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/06_Knowhow/klein/werbetechnik.jpg);
}

.seite100 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/06_Knowhow/klein/siebdruck.jpg);
}

.seite101 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/06_Knowhow/klein/digitaldruck.jpg);
}

.seite102 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/06_Knowhow/klein/treten_sie_ein.jpg);
}

.seite103 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/07_Montageservice/klein/selbstmontage.jpg);
}

.seite104 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/07_Montageservice/klein/montageservice.jpg);
}


.seite105 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/08_Datentransfer/klein/FTP.jpg);
}


.seite107 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/08_Datentransfer/klein/datenhandling.jpg);
}

.seite111 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/09_Shop_Handel/klein/folien.jpg);
}

.seite110 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/09_Shop_Handel/klein/montagezubehoer.jpg);
} 

.seite109 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/09_Shop_Handel/klein/etiketten_unbedruckt.jpg);
} 

.seite108 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/09_Shop_Handel/klein/schriftenshop.jpg);
}
 
.seite113 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/10_Kontakt/klein/anfahrtsplan.jpg);
} 


.seite114 #metacontentbild {
width: 212px;
height: 340px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/10_Kontakt/klein/ansprechpartner.jpg);
} 

.seite95 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/news1.jpg);
} 

.seite153 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/news-zvv.jpg);
} 

.seite154 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/zigarrenganzgross.jpg);
} 

.seite155 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/tafelnschilder.jpg);
} 

.seite156 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/vetro.jpg);
} 


.seite157 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/gesundheit.jpg);
} 

.seite158 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/grossfahrzeugen.jpg);
} 

.seite159 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/gallo.jpg);
} 

.seite160 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/grossflotten.jpg);
} 

.seite161 #metacontentbild {
width: 212px;
height: 197px;
background-image: url(http://www.rutschiag.ch/fileadmin/bilder-inhalt/swiss.jpg);
} 


.middle span {
position: relative;
left: 5px;

}

.right span {
position: relative;
left: 5px;

}

.seite133 fieldset {
border: none;
margin-bottom: 50px;

}

.seite112 legend {
display: none;

}

.seite115 .csc-sitemap ul, .seite115 .csc-sitemap ul li ul, .seite115 .csc-sitemap ul li ul li ul {
margin-left: 20px;
list-style-type: none;
margin-top: 10px;
margin-bottom: 10px;
}

.seite115 ul li ul li {
font-weight: bold;

}

.seite115 ul li ul li ul li {
font-weight: normal;

}

.aunterlegt {
background-color: #f4f4f4;
}

.aweiss {
background-color: #fff;

}

/* Dpi Rechner */
#dpirechner, #dpiresultat {
margin-bottom:20px;
width:100%;
}

#dpirechner p{
margin-bottom:5px;
}
#dpirechner input{
margin-bottom:0px;
}
#dpirechner label{
width:120px;
}
#dpirechner select{
width:300px;
}
#dpirechner .absendeknopf{
margin-left:120px;
}

.csc-textpic-intext-right-nowrap {
width: 625px;
}

.seite95 img {
margin-top: 80px !important;
}






.tx_bzdstaffdirectory_jumpmenu{
	display:none;
}
div.tx_bzdstaffdirectory_teamliste{
	clear:both;
}
.tx_bzdstaffdirectory_teamliste h2{
	margin-top:10px;
	margin-bottom:15px;
}
.tx_bzdstaffdirectory_teamlist_person{
	float:left;
	width:157px;
	margin-right:0px;
}
.tx_bzdstaffdirectory_teamlist_person a{
	text-decoration:underline;
}
.tx_bzdstaffdirectory_teamlist_person td.text{
height:80px;
}
div.tx_bzdstaffdirectory_teamliste hr{
	clear:both;
	height:1px;
	color:#ddd;	
}
.tx-bzdstaffdirectory-pi1 .team11, .tx-bzdstaffdirectory-pi1 .team12, .tx-bzdstaffdirectory-pi1 .team13, .tx-bzdstaffdirectory-pi1 .team14{
	display:none;
}







div.wtgallery_singlepic_comment{
display:none;
}

#metanavigation, #header ul, #subnavigation, #suchbereich, #subsubnav, #header {
display: none;
}

#concontent  {
margin-top: 20px;
width: 840px;
color: #000000 !important;
margin-left: -250px !important;
}

p {
font-size: 14px;
}

#printadresse {
/* clear: both;
display: block;
margin-top: 10px;
position: absolute;
bottom: 10px; 
*/

clear: both;
}

#sprachen {
display: none;
}


	#coverflow img {
	
		width: 200px !important;
		height: 200px !important;
	
	}