/* copyright BauteilBoerse Zuerich by Marcel Baumann */
html
		{
			margin: 0px;
			padding: 0px;
		}

body 	
		{ 
			font-family: "AkzidenzGroteskBE Light", "Akzidenz Grotesk", Helvetica, Arial, Verdana, "Trebuchet MS", "Myriad Web", Swiss, Geneva, SunSans-Regular, sans-serif;
			font-size: 14px;
			letter-spacing: 0.5px;
			color: #000000;
			background-color: #EEEEEE;
			padding: 0px;
  			margin: 0px;
 			text-align: left;
		}

.druck
		{
			display: none;
		}

.bildschirm
		{
			visibility: visible;
		}
/* ---------------------------------------------------------------------------------- */
/* CSS-Templates im CMS */

#container
		{
			position: absolute;
			top: 0px;
			left: 0px;
			/*text-align: right;*/
			width: 835px;
			vertical-align: middle;
  			margin: 0px;
  			padding: 0px;
			color: inherit;
  			background-color: #FF4040; 
			border-top: 4px solid #FF4040;
			border-right: 4px solid #FF4040;
			border-bottom: 0px solid #FF4040;
			border-left: 4px solid #FF4040;
 		}

#logo
		{
			position: static;
			width: auto;
			height: 45px;
			text-align: center;
			color: inherit;
			/*border: 1px dashed #000000;*/
			margin: 0px;
			padding: 0px;
			background-color: transparent;
		}

#header
		{
			position: static;
			height: 75px;
			text-align: center;
			color: inherit;
			/*border: 1px dashed #000000;*/
			margin: 0px;
			padding: 5px;
			background-color: transparent;
		}
		
#header li
		{
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		
#header img
		{
			vertical-align: text-top;
			margin: 0px 0px 0px 0px;;
			/*margin: 45px 0px 0px 0px;*/
			padding: 0px;
		}

#main_portal
		{
			position: static;
			text-align: center;
			color: inherit;
			/*border: 1px dashed #000000;*/
			padding: 10px 0px;
			margin: 0px auto;
			background-color: #EEEEEE;
		}

#portal
		{
			position: static;
			width: auto;
			/*height: 404px;*/
			/*text-align: center;*/
			color: inherit;
			/*border: 1px dashed #000000;*/
			margin: 0px 0px 0px 8px;
			/*margin: 0px 0px 0px 12px;*/
			padding: 0px;
			/*background-color: #FF4040;*/
		}
		
#portal li
		{
			float: left;
			display: inline;
			width: 265px;
			height: 310px;
			/*height: 400px;*/
			margin: 0px 6px 0px 0px;
			/*margin: 0px 10px 0px 0px;*/
			padding: 0px;
			background-color: transparent;
			border: 2px dotted #FF4040;
		}
		
#portal img
		{
			/*vertical-align: text-top;
			border: 1px dotted #FFFFFF;*/
			border-top: 0px dotted #FF4040;
			border-right: 0px;
			border-bottom: 1px dotted #FF4040;
			border-left: 0px;
			margin: 0px;
			padding: 0px;
		}

#einsatzplaetze
		{
			background-image: url('../bilder/offeneplaetze.jpg');
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center;
		}

.portrait_portal
		{
			padding-top: 20px;
			margin: 0px;
			clear: left;
		}

#navi
		{
			position: relative;
			text-align: center;
			color: #000000;
			/*border: 1px dashed #000000;*/
			width: 205px;
			height: auto; 
			float: left;
			margin: 0px;
			padding: 55px 0px 0px 0px;
			background-color: transparent;
		}

#navi li
		{
			width: 195px;
			text-align: left;
			/*color: #FFFFFF;*/
			font-size: 14px;
			line-height: 23px;
			margin: 10px 0px 10px 10px;
			padding: 0px;
			/*background-color: #FBBAAA;*/
			/*border: 1px dashed #000000;*/
		}

#main_content
		{
			position: static;
			width: 615px;
			text-align: center;
			color: inherit;
			/*border: 1px dashed #000000;*/
			padding: 5px 0px;
			margin-left: 220px;
			background-color: #EEEEEE;
		}
		
.content
		{
			position: static;
			width: 580px;
			height: auto;
			color: inherit;
			border: 2px dotted #FF4040;
			padding: 0px;
			margin: 10px auto;
			background-color: #F7F7F7;
		}

.info
		{
			position: static;
			width: 580px;
			height: auto;
			font-size: 11px;
			color: inherit;
			border: 2px dotted #FF4040;
			padding: 0px;
			margin: 10px auto;
			background-color: #C9DAEC;
		}

.offerte
		{
			position: static;
			width: 536px;
			color: inherit;
			border: 2px dotted #FF4040;
			padding: 0px 0px 10px 0px;
			margin: 10px auto 25px auto;
			background-color: #F7F7F7;
		}

#footer
		{
			position: static;
			/*height: 155px;*/
			color: #FFFFFF;
			line-height: 30px;
			vertical-align: middle;			
			clear: left;
			/*border: 1px dashed #000000;*/
			text-align: center;
			margin: 0px;
			padding: 0px;
			background-color: transparent;
		}

#footer p
		{
			display: inline;
			text-align: center;
			color: #FFFFFF;
			padding: 0px;
			margin: 0px;
			background-color: #FF4040;
		}

#footer li
		{
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		
#footer img
		{
			vertical-align: text-top;
			margin: 10px 0px 5px 0px;
			padding: 0px;
		}

#logo1
		{
			position: absolute;
			left: 512px;
			top: 1px;
			width: 320px;
			height: 36px;
			font-size: 26px;
			text-align: center;
			color: #FFFFFF;
			font-weight: normal;
			letter-spacing: 0px;
			white-space: nowrap;
			text-transform: uppercase;
			padding: 3px 0px 0px 0px;
			margin: 0px;
			background-color: #FF4040;
			clip: rect(0px, 314px, 36px, 0px);	
		}

#logo2
		{
			position: static;
			width: 320px;
			height: 36px;
			font-size: 26px;
			color: #FFFFFF;
			font-weight: normal;
			letter-spacing: 0px;
			white-space: nowrap;
			text-transform: uppercase;
			padding: 3px 0px 0px 0px;
			margin: 5px auto;
			background-color: #FF4040;
			/*clip: rect(0px, 314px, 36px, 0px);*/	
		}

p.portal_oben
		{
			display: none;
			font-size: 21px;
			text-align: center;
			color: inherit;
			/*font-weight: normal;*/
			text-transform: uppercase;
			padding: 4px;
			margin: 4px;
			background-color: #FF4040;
		}

p.portal_unten
		{
			font-size: 15px;
			text-align: left;
			color: inherit;
			/*font-weight: normal;*/
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: 4px;
			margin: 4px;
			background-color: #FF4040;
			/*border-top: 1px dotted #FBFE7E;
			border-right: 1px dotted #FBFE7E;
			border-bottom: 1px dotted #FBFE7E;
			border-left: 1px dotted #FBFE7E;*/
		}
/* ---------------------------------------------------------------------------------- */
/* Linkzustaende */

a,a:link
		{
			font-weight: normal;
			color: #006400;
			background-color: transparent;
			text-decoration: none;
		}

a:visited
		{
			color: #191970;
			background-color: transparent;
			text-decoration: none;
		}

a:hover
		{
			color: #5F9EA0;
			background-color: transparent;
			text-decoration: none;
		}
		
a:active
		{
			color: #DD0000;
			background-color: transparent;
			text-decoration: none;
		}

address a,a:link
		{
			font-weight: bold;
			color: #DD0000;
			background-color: transparent;
			text-decoration: none;
		}

address a:visited
		{
			color: #DD0000;
			background-color: transparent;
			text-decoration: none;
		}

address a:hover
		{
			color: #5F9EA0;
			background-color: transparent;
			text-decoration: none;
		}
		
address a:active
		{
			color: #FF4040;
			background-color: transparent;
			text-decoration: none;
		}

#portal li .portal_oben a
		{
			color: #FFFFFF;
			background-color: transparent;
		}

#portal li .portal_oben a:hover
		{
			color: #FFFFFF;
			background-color: transparent;
		}

#portal li .portal_oben a:active
		{
			color: #8D1824;
			background-color: transparent;
		}

#portal li .portal_unten a
		{
			font-weight: normal;
			color: #FBFE7E;
			background-color: transparent;
		}

#portal li .portal_unten a:hover
		{
			color: #FFFFFF;
			background-color: transparent;
		}

#portal li .portal_unten a:active
		{
			color: #8D1824;
			background-color: transparent;
		}
#navi li a.passiv
		{
			display: block;
			font-weight: normal;
			color: #808080;
			/*height: 30px;*/
			padding-left: 3px;
			border: 2px solid #B42E07;
			background-color: #FBBAAA;
		}

#navi li a.aktiv
		{
			display: block;
			font-weight: normal;
			color: #000000;
			/*height: 30px;*/
			padding-left: 3px;
			background-color: #FED6D3;
			border: 2px solid #FF6600;
		}

/*a.passiv:visited
		{
			color: #FFFFFF;
			background-color: transparent;
		}*/

#navi li a.passiv:hover
		{
			color: #DC0E1E;
			background-color: #FED6D3;
			border: 2px solid #F01525;
		}

#navi li a.passiv:active
		{
			color: #8D1824;
			background-color: #FED6D3;
			border: 2px solid #F01525;
		}

/*a.aktiv:visited
		{
			color: #FFFFFF;
			background-color: transparent;
		}*/

#navi li a.aktiv:hover
		{
			color: #DC0E1E;
			background-color: #FED6D3;
			border: 2px solid #F01525;
		}

#navi li a.aktiv:active
		{
			color: #8D1824;
			background-color: #FED6D3;
			border: 2px solid #FBBAAA;
		}
		
/* fuer input text - float: right; */
.feld
		{
			background-color: #FBBAAA;
			/*text-align: left;*/
			vertical-align: middle;
			border: 1px solid #B42E07; 
			padding: 2px;
			margin: 0px 0px 5px 0px;
			color: inherit;
		}

.feld:focus, .feld:hover, textarea:focus, textarea:hover
		{
			color: #DC0E1E;
			background-color: #FED6D3;
			border: 1px solid #F01525;
		}
/* ---------------------------------------------------------------------------------- */
/* Elemente definieren */

h1
		{
			font-size: 1.4em;
			font-weight: normal;
			text-align: left;
			margin: 0px;
			padding: 15px 5px 10px 15px;
		}

h2
		{
			font-size: 1.2em;
			text-align: left;
			font-weight: normal;
			margin: 0px;
			padding: 10px 0px 10px 10px;
		}

.content h1
		{
			padding: 10px 0px 10px 10px;
		}

.suche h2
		{
			padding: 10px 0px 10px 15px;
		}

div
		{
			margin: 0px;
			padding: 0px;
		}

p		
		{
			text-align: left;
			margin: 0px;
			padding: 10px;
		}

.rechts		
		{
			text-align: right;
			margin: 0px;
			padding: 10px;
		}

address
		{
			text-align: left;
			font-style: normal;
			/*font-weight: bold;*/
			margin: 0px;
			padding: 10px;
		}

ul
		{
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			list-style-position: outside;
		}

li
		{
			text-align: left;
		}

img
		{
			vertical-align: baseline;
			border: 1px solid;
			/*margin: 0px;
			padding: 0px;*/
		}
/* ---------------------------------------------------------------------------------- */
/* Klassen */
.portrait
		{
			float: right;
			margin: 20px 20px 20px 0px;
			padding: 0px;
		}

.portraitlinks
		{
			float: left;
			margin: 10px 10px 20px 20px;
			padding: 0px;
		}

/* SLIDESHOW */
#wrapperrechts
		{
			float: right;
			margin: 20px 20px 20px 0px;
			padding: 0px;
			/*border: 1px solid;*/
			overflow: hidden;
		}

#wrapperlinks
		{
			float: left;
			margin: 10px 10px 20px 20px;
			padding: 0px;
			/*border: 1px solid;*/
			overflow: hidden;
		}

.italic
		{
			font-style: italic;
			font-weight: bold;		
		}

.suche ul
		{
			padding: 10px 0px;
			margin: 0px;
			list-style-type: disc;
			list-style-position: inside;
		}

.suche li
		{
			margin: 0px;
			padding: 5px 5px 5px 20px;
		}

.smallp
		{
			text-align: left;
			margin: 0px;
			padding: 0px 10px 10px 10px;
		}

.print
		{
			text-align: right;
			margin: 0px 5px 0px 0px;
			padding: 0px;
		}

.print img
		{
			margin: 0px;
			padding: 0px;
			border: 0px;
		}

.rot
		{
			color: #FF4040;
			background-color: inherit;
		}

.festtage
		{
			margin: 0px 0px 0px 40px;
			border: 0px;
		}

.gruen
		{
			color: #3CB371;
			background-color: inherit;
		}

.clearlinks
		{
			clear: left;		
		}

.clearrechts
		{
			clear: right;
		}

.clearbeide
		{
			clear: both;
		}
/* ---------------------------------------------------------------------------------- */
/* Fotogalerie Demontage => Startseite */

#galerie
		{
			position: static;
			width: 550px;
			height: auto;
			color: #555555;
			margin: 10px auto;
			padding: 0px;
			/*border: 1px dashed #000000;*/
			background-color: transparent;
		}

.thumbnail
		{
			position: relative;
			background: #eee;
			border-color: #ddd #bbb #aaa #ccc;
			border-style: solid;
			border-width: 1px;
			color: inherit;
			display: inline;
			float: right;
			margin: 3px;
			padding: 5px;
 		}

.thumbnail img
		{
			border: 0px;		
		}
		
.tooltip
		{
			text-align: left;
			letter-spacing: 0px;
			background: #fff;
			border-color: #aaa #ccc #ddd #bbb;
			border-style: solid;
			border-width: 1px;
			color: inherit;
			padding: 2px;
			vertical-align: top;
			font: 10px Verdana, sans-serif;
		}

.tooltip img
		{
			border: 0px;		
		}
/* ---------------------------------------------------------------------------------- */
/* Tabellen */

table
		{
			width: 536px;
			white-space: nowrap;
			border-collapse: separate;
			border-spacing: 2px;
			color: inherit;
			margin: 10px auto;
			padding: 0px;			
			border: 1px solid #333333;
			background-color: transparent;
		}

td,th
		{ 
			text-align: left;
			vertical-align: middle;
			font-size: 13px;
			padding: 0px;
			margin: 0px;
		}

.thpadleft
		{
			vertical-align: text-top;
			height: 35px;
			padding: 5px 0px 0px 10px;
		}

.thpadright
		{
			text-align: right;
			height: 35px;
			vertical-align: text-top;
			padding: 5px 10px 0px 0px;
		}
		
.tdpadleft
		{
			height: 28px;
			padding: 0px 0px 3px 10px;
		}
		
.tdpadright
		{
			text-align: right;
			height: 28px;
			padding: 0px 10px 3px 0px;
		}

.blind
		{
			height: 2px;
		}

.fixfarbe
		{
			font-size: 0px;
		}

.fixfarbe img
		{
			border: 0px;
		}		
/* ---------------------------------------------------------------------------------- */
/* Formulare */

textarea
		{
			font-family: "Trebuchet MS", "Myriad Web", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
			background-color: #FBBAAA;
			/*text-align: left;*/
			vertical-align: text-top;
			border: 1px solid #B42E07; 
			padding: 2px;
			margin: 0px;
			color: inherit;
		}

input, label
		{
			padding: 0px;
			margin: 0px;
		}

label
		{
			font-size: 13px;
		}
		
.offerte label
		{
			vertical-align: top;
		}

/* label-elemente links */
label.links
		{
			width: 120px;
			float: left;
			font-size: 14px;
			padding: 0px;
			margin: 2px 0px 12px 5px;
			/*border: 1px dashed #000000;*/ 
		}

/*fuer submit*/
.submit
		{
			font-size: 13px;
			margin: 0px 0px 0px 10px;
			padding: 5px;
			border: 2px solid;
		}

/*fuer reset */
.reset
		{ 
			text-align: right;
			padding: 0px 37px 0px 0px;
			margin: 0px;
			/*border: 1px solid #333333; */
		}

.summe
		{ 
			text-align: right;
			color: inherit;
			/*font-size: 14px;*/
			margin: 0px 27px 0px 0px;
			padding: 0px 3px;
			border: 1px solid #B42E07;
			background-color: #FBBAAA;
		}
		
.mwst
		{ 
			text-align: right;
			text-decoration: underline;
			/*font-size: 14px;*/
			margin: 0px 31px 0px 0px;
			padding: 0px;
			/*border: 1px solid #333333; */
		}

.waehrung
		{ 
			padding: 0px 20px 0px 0px;
			margin: 0px;
		}
/* ---------------------------------------------------------------------------------- */