/********************************************************
Projekt:              KWO-Kunststofftechnik
Filename:             Style.css
Description:          Basislayout und Struktur 
Prepared:             31.02.2006 Joerg Elsen
History:                
*********************************************************/

/*******************************************************************************
                       Global
*******************************************************************************/
html, body{ 
margin:15px 0 0 0; 
padding:0; 
font: normal 12px "Arial", Verdana, Helvetica, sans; color: #000;
text-align:center; 
background: url(../images/mainbg.gif) -172px 0 repeat-y;
} 

#pagewidth{ 
width:680px; 
text-align:left; 
float:left; 
} 

#leftcol{
width:210px; 
float:left; 
position:relative; 
background: url(../images/leftbg.gif) 0px 0px repeat-y;
}

#maincol{
background-color: #FFFFFF;  
float: right; 
display:inline; 
position: relative; 
width:455px; 
margin:0 0 0 15px;
}

#maincolstart{
background-color: #FFFFFF;  
float: right; 
display:inline; 
position: relative; 
width:470px; 
margin:0;
}



.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

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



/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/*******************************************************************************
                       Navigation
*******************************************************************************/

.navcontainer2 { 

	margin:0 0 15px 0;
}

.navcontainer2 ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size:1.0em;
}

.navcontainer2 li {
	margin:5px 0;
}

.navcontainer { 

	margin:0 0 15px 50px;
}

.navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size:1.0em;
}

.navcontainer li {
	margin:5px 0;
}


li.level1 a { 
	display: block; 
	padding: 4px 4px 4px 20px; 
	height:14px;
	font-weight:bold;
	color: #FFF; 
	text-decoration:none;
	
}

li.level1 a:hover	{ 
	color:#FFF; 
	text-decoration:underline;
}

li.level1aktive a{ 
	display: block; 
	padding: 4px 4px 4px 20px; 
	height:14px;
	font-weight:bold;
	background-color:#FFF;
	color: #666699; 
	text-decoration:none;
}

li.level1aktive a:hover	{ 
	color:#000;
	text-decoration:underline;
}

li.level2 a{ 
	display: block; 
	padding:4px 4px 4px 20px; 
	height:14px;
	font-weight:normal;
	color: #FFF; 
	text-decoration:none;
}

li.level2 a:hover	{ 
	color:#FFF; 
	text-decoration:underline;
}





li.level2aktive a{ 
	display: block; 
	padding:4px; 
	height:14px;
	font-weight:normal;
	background-color:#FFF;
	border-left:16px solid #666699;
	color: #000; 
	text-decoration:none;
}

li.level2aktive a:hover	{ 
	color:#666699; 
	text-decoration:underline;
}




/*******************************************************************************
                       linke spalte bild
*******************************************************************************/

.imgborder{
	border-left:50px solid #ffff99
}

/*******************************************************************************
                       Content
*******************************************************************************/

h1 {
	color:#666699;
	font-size:14px;
	text-align:center;
	margin:10px 0 0 0;
}

h2 {
	color:#666699;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	margin:0 0 15px 0;
}

.panestart {
	background-color:#ffff99;
	margin:91px 0 0 0;
	height:190px;
}

.panestart img{
	float:left;
	padding:0 5px 0 0;
}

.panestart p {
	padding:0 10px 15px 5px;
	margin:0;
}

.bottompane{
	margin:5px;
	font-size:10px;
	text-align:left;
}

p {
	margin:5px 5px 10px 5px;
	padding:0;
}

/*******************************************************************************
                       Link
*******************************************************************************/

a:link, a:visited, a:active  {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.link {
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

a.link:hover {
	font-weight:normal;
	color:#000;
	text-decoration:underline;
}