/* CSS Document */

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

  
body {
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	color:#585858;
	font-size:13px; 
	line-height:16px;
	
}

/* Clearfix-Hack */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

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

h1{
	border:none;
	background-image:url(../teile/sw_website_100212.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:100px;
	width:900px;
}
h1 span{
	display:none;
}

#main {
	margin:0 auto ;
	position:relative;
	width:900px;
	height:auto;
}



div#header {
	background-color:#f2f2f2;
	margin:11px 0 25px 0;
	width:900px;
}

div#header h2 {
	font-size:58px;
	color:#585858;
	line-height:54px;
	font-weight:100;
	padding-left:3px;
}

span.grey{
	color:#585858;
}

#contentContainer{
	border:none;
	width:900px;
	height:300px;  
}
/*///////////////////////////////////////////Bildpositionierung für index /////////////////////////////////////////////*/
#contentMainContainer{
	border:none;
	background-image:url(../teile/pusteblume_900_336.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:900px;
	height:336px;
}
/*//////////////////////////////////// ENDE  Bildpositionierung für index /////////////////////////////////////////////*/

/*/////////////////////////////// 3 Spalten ///////////////////////////////////////////////////////////////////////*/

div#innerContent3{
	background-color:#f2f2f2;
	border:none;
	width:900px;
	margin:0 0 15px 0 ; 
	overflow:hidden;
	height:1410px; 
}


div#innerContent3.toggle{
	height:auto; 
	overflow:shown;
}

div#innerContent3 div#leftCol{
	width:170px;
	float: right;
	/*height:808px;*/
	height:550px;
	padding-top:10px;	
}

div#innerContent3 div#middleCol{
	float:right;
	height:100%;
	background-color:#f2f2f2;
	width:310px;
	float:right;   
}

div#innerContent3 div#rightCol{
	width:420px;
	float: right;
	height:550px;
}

div#rightCol h3 {
	padding:10px 12px ;  
}

div#rightCol p {
	padding:12px 12px 0px 12px;
}

div#innerContent2 p {
	padding:12px 12px 0px 12px;
}

/*/////////////////////////// Ende 3 Spalten ///////////////////////////////////////////////////////////////////////*/

/*//////////////////////////  2 Spalten /////////////////////////////////////////////////////////////////////////////*/
div#innerContent2{
	background-color:#F2F2F2;
	border:none;
	width:900px;
	height:600px;
	margin:0 0 15px 0;
	font-size:12px;
}

div#innerContent2 div#leftCol{
	width:250px;
	height:356px;
	float:left;	
	margin:0px;
}

div#innerContent2 div#leftCol1{
	width:260px;
	height:356px;
	float:left;	
	margin:0px;
}

div#innerContent2 div#leftCol2{
	width:390px;
	height:356px;
	margin:0px;
	float:left;	
}

div#innerContent2 div#rightCol{
	float:right;
	clear:right;
	width:199px;
	padding:144px 0 0 45px; 
}



div#innerContent2 div#leftCol p{
	margin-top:31px;
}

div#innerContent2 div#leftCol1 p{
	margin-top:31px;
}

div#innerContent2 div#leftCol2 p{
	margin-top:31px;
}

div#innerContent2 div#rightCol p{
	font-size:12px;
	padding-left:23px;
}
#footer p{
	font-size:12px;
	font-weight:normal;
}

#footer {	
	clear:left;
	border-top:3px solid #CCCCCC;
	background-position:top;
	background-repeat:no-repeat;
	height:77px;
	width:810px;
}

#footerLeft{
	width:363px;
	float:left;
	margin-top:18px;
}

#footerRight{
	float:right;
	clear:right;
	padding-top:18px;
	text-align:right; 
}


.jScrollPaneContainer{
	margin:20px 0 20px 5px;
	height:460px;
}
.scroll-pane{
	height:400px;
	
}

#accordion div {
	background-color:#f2f2f2;
}

#accordion p {
	background-color:#f2f2f2;
}

#accordion div.header{ 
	display:block;
	height:95px;
	cursor:pointer;
}

#accordion div.firstcol p{
	padding:5px 8px 4px 16px; 
}

#accordion div.firstcol{
	float:left;
	width:170px;
}

#accordion div.secondcol{
	float:left;
	width:310px;
	background-color:#f2f2f2;
	background-image:url(/dev02/teile/pattern01.gif);
	background-repeat:repeat;
	background-color:#f2f2f2;
	                  
}

#accordion div.thirdcol{
	float:left;
	clear:right;
	width:410px;
}

#accordion div.thirdcol p, #accordion div.thirdcol h3{
	padding:5px 8px 4px 13px; 
}

#accordion div.ui-accordion-header{
	border-top:3px solid #ffffff;
}

#accordion div.ui-accordion-header .thirdcol {
	background-image:url(/dev04/teile/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:100% 98%;
	
}


#accordion div.ui-state-active .thirdcol {
	background-image:url(/dev04/teile/arrow_up.gif);
	background-repeat:no-repeat;
	background-position:100% 98%;
	
}


#accordion div.ui-accordion-content .secondcol {
	background-image:url(/dev04/teile/arrow_up.gif);
	background-repeat:no-repeat;
	background-position:100% 98%;
	background-color:#f2f2f2;
}

p.lightbox {
	padding:1px;
}

p.lightbox span {
	margin-bottem: 10px;
}

