/* CSS Dokument für solution.ch - Content */
/*
Schriftgrössen:
body  100.01% Wegen Rundungsfehler

10  0.625em
11  0.6875em
12  0.75em --> 1em
13  0.8125em
14  0.875em
15  0.9375em
16  1em
17  1.0625em
18  1.125em
19  1.1875em
20  1.25em --> 1.666em
21  1.3125em
22  1.375em
23  1.4375em
24  1.5em
25  1.5625em
26  1.625em
27  1.6875em
28  1.75em
29  1.8125em
30  1.875em
*/

html,body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100.01%; /*color:#83807a; color:#635944*/color:#000000}
img {border:none;}
a {}
a:hover {}

.content a { color:#e46811;text-decoration:underline;}
.content a:hover { color:#f3a51b;}

.col1, .col1Hover {float:left; width:220px; margin:0 0 20px 0; padding:0 9px 10px 9px; display:inline; border:1px #FFFFFF solid;}
.col1Hover {border:1px #e7e7e7 solid; background-color:#f6f6f6; background-image:url(/_img/bg/teaser_hover.jpg); background-repeat:repeat-x;}
.col2 {float:left; width:460px; margin:0 10px 20px 10px; display:inline;}
.col2_5 {float:left; width:680px; margin:0 10px 20px 10px; display:inline;}
.col3 {width:700px; margin:0 10px 20px 10px;}
.col1 img, .col1Hover img, .col2 img { margin-bottom:15px;}

/*.col4, .col4Hover { float:left; width:220px; margin:0 0 10px 0; padding:0 9px 10px 9px; display:inline; border:1px #FFFFFF solid;}*/
/*.spezContent .col4 { border-color:#444444;}*/
/*.col1 {width:700px; margin:0 10px 10px 10px;}*/
/*.col2 { float:left; width:460px; margin:0 10px 10px 10px; display:inline;}*/
/*.col2-5 { float:left; width:680px; margin:0 10px 10px 10px; display:inline;}*/
/*.col4 img, .col4Hover img, .col2 img { margin-bottom:15px;}*/
/*.col4Hover {border:1px #e7e7e7 solid; background-color:#f6f6f6; background-image:url(/_img/bg/teaser_hover.jpg); background-repeat:repeat-x;}*/

.teaser { width:200px; /*text-align:justify;*/ padding:10px; background-image:url(/_img/bg/teaser_bg.jpg); background-repeat:repeat-x; color:#333333;}
.teaser h2 { color:#333333;}
.teaser a , .teaser a:hover { display:block; width:100%; height:100%; color:#333333; text-decoration:none;}
.teaser ol {margin-left:20px;}

.teaserImg { margin-bottom:15px; height:140px;}
.teaserImg img { margin:0;}

/*** set the width and height to match your images **/
#startBanner {position:relative;height:241px;margin:0 10px 25px 10px;}
#startBanner DIV {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 241px;background-color: #FFF;}
#startBanner DIV.active {z-index:10;opacity:1.0;}
#startBanner DIV.last-active {z-index:9;}
#startBanner DIV IMG {height: 241px;display: block;border: 0;margin-bottom: 0px;}

/*** set the width and height to match your images **/
#contentBanner {position:relative;height:200px;margin:0 10px 25px 10px;}
#contentBanner DIV {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 200px;background-color: #FFF;}
#contentBanner DIV.active {z-index:10;opacity:1.0;}
#contentBanner DIV.last-active {z-index:9;}
#contentBanner DIV IMG {height: 200px;display: block;border: 0;margin-bottom: 0px;}

/*** set the width and height to match your images **/
#startTeaser {position:relative;height:140px;margin:0 0px 15px 0px;}
#startTeaser DIV {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 140px;background-color: #FFF;}
#startTeaser DIV.active {z-index:10;opacity:1.0;}
#startTeaser DIV.last-active {z-index:9;}
#startTeaser DIV IMG {height: 140px;display: block;border: 0;margin-bottom: 0px;}


.spezContent { background-color:#444444; display:inline-block; width:960px; padding:20px 0;color:#c6c2ba;}
	.spezContent a { color:#f3a526; text-decoration:none; background-color:transparent;}
	.spezContent a:hover { text-decoration:underline; background-color:transparent;}
	.spezContent h2 {color:#FFFFFF;}
	.spezContent .col1 { border-color:#444444; /*display:block;*/}
	.spezContent .col3 { float:left; margin:0 0 0 10px; }

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.666em; font-weight:bold; color:#5c5041; margin-bottom:1.2em; text-align:left;}
.col1 h1, .col1Hover h1 { margin-top:10px;}
h2, h2 a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.25em;/*Georgia, "Times New Roman", Times, serif; color:#83807a;*/font-weight:bold; color:#5c5041; margin-bottom:0.5em; text-decoration:none; text-align:left;} 

.content h2 a { font-size:1em; text-decoration:none;}

h3, h3 a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold; color:#5c5041; margin-bottom:1em; text-decoration:none; text-align:left;/*Georgia, "Times New Roman", Times, serif; color:#83807a;*/ }
h4, h4 a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;  color:#5c5041; margin-bottom:1em; text-decoration:none;/*Georgia, "Times New Roman", Times, serif; color:#83807a;*/ }

p { margin-bottom:1.5em;}

/*p a {font-family:Georgia, "Times New Roman", Times, serif;background-color:#ffff00;}*/
/*p a:hover {background-color:#e05814; color:#FFFFFF;}*/

.content ul { margin-left:20px;}
.content ul li { text-align:left;}
li.pdfList { list-style-image:url(/_img/icons/pdf.gif); margin:10px 0 10px 20px;}

.textfett { font-weight:bold;}

table {width:100%; border-collapse:collapse; background-color:#bebebe; color:#5c5041; border:3px #bebebe solid;margin:20px 0 20px 0;}
	tr {}
	th {border-bottom:#b7b7b7 1px solid;background:#e7e7e7 url(/_img/bg/tab_th_bg.jpg) repeat-y right;padding:6px 10px;text-align:left;color:#5c5041; font-weight:bold;vertical-align:top;text-transform:uppercase;}
		th.right { text-align:right;}
		th img { margin:-2px 10px 0 0;}
		th span.right { float:right;}
		th span.klein {font-size:0.6em; font-weight:normal;}
		th a {color:#FFFFFF;}
		th a:hover {color:#fce8c2;}
		.thbutton {}	

	td {border-bottom:#b7b7b7 1px solid;background:#CCCCCC url(/_img/bg/tab_td_bg.jpg) repeat-y right; padding:3px 10px; vertical-align:top;text-align:left;}
		td.tabSubTitel { font-size:1em;font-weight:bold;}
		td.center { text-align:center;}
		td.right { text-align:right;}
		td a { color:#FFFFFF;}
		td a:hover {color:#CCCCCC;}
		td ul {margin-left:20px;}
		td li {}
	td.tdueberschrift {font-weight:bold; font-size:1.0em;}	
	td.footer {background-color:#000000; background-image:none;}
	td.footer img.right {float:right;}
	table del { color:#999999;}

.TabLeer {background:transparent; border:0; padding:0;}
.TabLeer th {background:transparent; border:0; padding:0;}
.TabLeer td {background:transparent; border:0; padding:0;}

.btn {width:220px; margin:2em 0;}
	.btn a {background-image:url(/_img/btn/btn_l.png); background-repeat:no-repeat; background-position:left top; float:left;padding:0 0 0 20px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1em; font-weight:bold; font-size:1.1em; color:#FFFFFF; text-transform:uppercase; text-decoration:none;text-align:left;}
	.btn a span{float:none;display:block;background-image:url(/_img/btn/btn_r.png); background-repeat:no-repeat; background-position:right top;padding:5px 20px 4px 0;}
	.btn a:hover{background-position:0 -30px; color:#ac7709;}
	.btn a:hover span{background-position:100% -30px;}
		.spezContent .btn a:hover, .spezContent .btn a:hover span{ text-decoration:none;}

.btnFloat {float:left;width:160px; margin:2em 10px 2em 0;}
	.btnFloat a{background-image:url(/_img/btn/btn_l.png); background-repeat:no-repeat; background-position:left top; float:left;padding:0 0 0 20px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1em; font-weight:bold; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
	.btnFloat a span{display:block;background-image:url(/_img/btn/btn_r.png); background-repeat:no-repeat; background-position:right top;padding:5px 20px 5px 0;}
	.btnFloat a span{float:none;}
	.btnFloat a:hover{background-position:0 -30px; color:#ac7709;}
	.btnFloat a:hover span{background-position:100% -30px;}

.btnFloatRight {float:right;width:220px; margin:2em 0 2em 0;}
	.btnFloatRight a {background-image:url(/_img/btn/btn_l.png); background-repeat:no-repeat; background-position:left top; float:left;padding:0 0 0 20px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1em; font-weight:bold; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
	.btnFloatRight a span{display:block;background-image:url(/_img/btn/btn_r.png); background-repeat:no-repeat; background-position:right top;padding:5px 20px 4px 0;}
	.btnFloatRight a span{float:none;}
	.btnFloatRight a:hover{background-position:0 -30px; color:#ac7709;}
	.btnFloatRight a:hover span{background-position:100% -30px;}
		
.btn2 { width:300px; margin:0em 0;}
	.btn2 a{background-image:url(/_img/btn/btn_l.png); background-repeat:no-repeat; background-position:left top; float:left;padding:0 0 0 20px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1em; font-weight:bold; color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
	.btn2 a span{display:block;background-image:url(/_img/btn/btn_r.png); background-repeat:no-repeat; background-position:right top;padding:5px 20px 4px 0;}
	.btn2 a span{float:none;}
	.btn2 a:hover{background-position:0 -30px; color:#ac7709;}
	.btn2 a:hover span{background-position:100% -30px;}

img.left {float:left; margin:2px 10px 0 0;}

.referenz {float:left; border:1px #FFFFFF solid; margin-bottom:20px;}
.referenz a { display:block;background-image:url(/_img/bg/galerie_bg.gif); color:#e05814; text-decoration:none;}
.referenz a:hover { background-image:url(/_img/bg/galerie_bg_hover.gif); color:#000000; text-decoration:none;}
.referenz a span { display:block; padding:0 10px 5px 10px; text-decoration:none; text-align:left;}
.referenz img { margin:9px; border:1px #5a5a5a solid;}

.spezContent .referenz { border:none; margin:0 1px; display:inline;}
.spezContent .referenz a {background-image:none; background-color:#505050;}
.spezContent .referenz a:hover { background-image:none; background-color:#606060; color:#f3a51b; text-decoration:none;}

.aktuelleReferenz { border-bottom:1px #CCCCCC dashed; border-top:1px #CCCCCC dashed; padding-top:20px; margin-bottom:20px; display:inline-block;}
.aktuelleReferenz div.referenz {float:right; width:348px; margin:0 0 20px 40px;}
.aktuelleReferenz div.referenzBeschrieb { float:left; width:310px; padding-top:10px;}

.aktuelleReferenz2 { background-color:#444444; padding-top:20px; margin-bottom:20px; display:inline-block;}
.aktuelleReferenz2 h3 { color:#FFFFFF; margin-left:10px;}
.aktuelleReferenz2 .referenz {float:right; width:348px; margin:0; }
.aktuelleReferenz2 .referenzBeschrieb {float:left; width:290px; color:#FFFFFF;}

.aktuelleReferenz3 { border-bottom:1px #CCCCCC dashed; border-top:1px #CCCCCC dashed; padding-top:20px; margin-bottom:20px; display:inline-block;}
.aktuelleReferenz3 div.referenz {float:left; width:348px; margin:0 40px 20px 0;}
.aktuelleReferenz3 div.referenzBeschrieb { float:right; width:310px; padding-top:10px; }

.aktion { color:#e05814; font-size:1em;}

/* Formular */
fieldset {border:none; border-bottom:1px #CCCCCC dashed; margin-bottom:40px; padding-bottom:20px;}
legend {font-family:/*/*Georgia, "Times New Roman", Times, serif;*/ "Trebuchet MS", Arial, Helvetica, sans-serif;*/ "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold; color:#83807a; margin:0 0 1em -10px;text-decoration:none;}
form {margin:0 ; line-height:1.5em; text-align:left;}
	form br.clearer {clear: both;} 
	form br {clear:both;}
label{}
input {margin-right:10px;width:300px; padding:1px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.checkbox { width:auto; border:none; margin-top:5px;}
.radio { width:auto; border:none;margin-top:5px;}
select {margin-right:10px;width:auto;border:solid 1px #CCCCCC;background-color:#FFF;font-family:/*/*Georgia, "Times New Roman", Times, serif;*/ "Trebuchet MS", Arial, Helvetica, sans-serif;*/ "Trebuchet MS", Arial, Helvetica, sans-serif;}
textarea {float: left;margin-right:10px;width:300px;height:100px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:/*/*Georgia, "Times New Roman", Times, serif;*/ "Trebuchet MS", Arial, Helvetica, sans-serif;*/ "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.97em;}
input.mittel { width:200px;}

.formOption { background-image:url(/_img/bg/galerie_bg.gif); padding:10px 20px 20px 20px; margin-bottom:20px;}
.formPreis { float:right; font-size:0.85em;}

.formSteps {border-top:1px #CCCCCC dashed;border-bottom:1px #CCCCCC dashed;padding:10px 0; margin-bottom:20px}
.error { border:1px #CC0000 dashed; color:#CC0000; padding:10px; margin:20px 0;}
.error img { margin-right:10px;}
.fehlermeldung { background-color:#FB8487;}

.fussnote { font-size:0.875em; padding:10px; border:1px solid #eaeaea; }

/* Adressformular */
#formAdresse {}
#formAdresse label{ float:left; text-align:left;width:180px; margin:0 0px 10px 0; line-height:1.5em;font-weight:bold;}
#formAdresse input {float:left;margin-right:10px;width:300px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#formAdresse form br {clear: both;}
#formAdresse input:focus, #formAdresse textarea:focus, #formAdresse select:focus {border:solid 1px #666666;background-color:#fdf1bc;}

/* Kontaktformular */
#formKontakt {}
#formKontakt label{ float:left; text-align:left;width:140px; margin:0 0px 10px 0; line-height:1.5em;font-weight:bold;}
#formKontakt input {float:left;margin-right:10px;width:300px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#formKontakt form br {clear: both;}
#formKontakt input:focus, #formKontakt textarea:focus, #formKontakt select:focus {border:solid 1px #666666;background-color:#fdf1bc;}

input:focus, textarea:focus, select:focus, input.aktiv, select.aktiv, textarea.aktiv, #formKontakt input.aktiv, #formAdresse input.aktiv {border:solid 1px #666666;background-color:#fdf1bc;}

input.mittelaktiv {border:solid 1px #666666;background-color:#fdf1bc; width:200px;}
input.btnSenden, #formKontakt input.btnSenden, #formAdresse input.btnSenden { float:right;width:100px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
input.zurueck, #formAdresse input.zurueck { width:160px;}

/* Anmeldeformulare*/
#stepsArea  {margin-bottom:20px;}
#formStep1, #formStep2, #formStep3, #formStep4 { background-color:#eeeeee;background-image:url(/_img/bg/form_step_bg.jpg);background-repeat:no-repeat;color:#83807a;float:left;font-weight:bold;padding:5px 10px 5px 14px;width:146px;}
#formStep1.stepAktiv, #formStep2.stepAktiv, #formStep3.stepAktiv, #formStep4.stepAktiv { background-color:#fef6d7;background-image:url(/_img/bg/form_step_aktiv_bg.jpg);background-repeat:no-repeat; color:#5c5041;}

.formElement {border-bottom:1px solid #C5C5C5;padding:10px 0;}
.input2 { width:30px;}
.input3 { width:200px;}
.formElementInput1 {float:left;width:358px;}
.formElementInput2 {float:left;width:482px;}
.formElementInput3 {float:left;width:596px;}
	.formElementInput3 label { line-height:30px;}
	.formElementInput3 input { width:30px;}
.formElementTxt1 {float:left;padding-top:25px;width:238px;}
.formElementPreis1, .formElementPreis2 {float:left;padding-top:25px;text-align:right;width:86px;}
.formElementPreis2 {width:200px;}
.formElementAdresse {float:left;width:341px;}
.formElementAdresse label, .formElementInput1 label {display:block;line-height:normal;width:300px;}
	.zusatzAdr { margin-top:25px;}
	.zusatzAdr label { display:inline;}
.formElementAdresse select { width:auto;}
.agbTxt { height:200px; overflow:auto; background:#f9f9f9; border:1px #b9b9b9 solid; padding:5px;}
.formHinweis, .formHinweisTxt { float:left; width:160px; margin-bottom:5px;}
	.formHinweisTxt {width:522px;}

.noPadding { padding:0;}