/*	
Template Name: Asali
Description: Ein Combosa php Template f�r das Websitebaker CMS
Version: 1
Lizenz: 2011100
Author: J�rgen R�big Firma Combosa (D)

*/

/*********************************************************************************************************
1.) Basic Layout and commonly used container classes
**********************************************************************************************************/
body{
	font-size:12.5px;
	letter-spacing: 1px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	line-height:21px;
	color:#777;
}
img {margin-right:30px; border:none;}
a img {border:none;}
img.hintergrundbild {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) {
	img.hintergrundbild {
	left: 50%;
	margin-left: -512px; }
}

#inhalt {
	position: relative;
}

a{ color:#379ADE; text-decoration:none;}
a:hover{ color:#333;}

/*********************************************************************************************************
2.) Main Area: 
**********************************************************************************************************/	

#main_content{
	height:auto;
	left:50%;
	margin-bottom:0;
	margin-left:-469px;
	margin-right:0;
	margin-top:-158px;
	position:absolute;
	top:36%;
	width:919px;
	background: transparent url('img/background.png') no-repeat;
}

#content_left{
	font-size:12.5px;
	line-height:21px;
	color: #333;
	float: left;
	padding: 10px;
	width: 230px;
}
#logo{
	float:left;
	height:36px;
	margin:23px 8px 9px 27px;
	width:275px;
}
#logo_img{border:none; }

/*********************************************************************************************************
3.) Menu 1 Area: 
**********************************************************************************************************/	
.leftbox {
	float: left;
	width: 227px;
	margin-left:14px;
	margin-top:45px;
}
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 227px;
}
#nav li { 
	position : relative;
	float : left;
	display:block; 
	width: 227px;
	height:36px;		
}
#nav li a {		
	display : block;
	width:227px; 
	height:26px; 
	color:#505050;
	font-weight : bold;
	text-decoration : none;
	border:none;
	text-transform:uppercase;
}

#nav li a span {
	display :block; 
	padding:7px 0px 6px 15px; 
	line-height : 110%;
	border:none;
}
#nav li a:hover { 
	color :#000; 
}
#nav li a:hover ul li {z-index: 3;}

#nav li ul { 
	position : absolute;
	display: none;
	margin:-28px 0 0 191px;	
	background: transparent url('img/background-footer.png') repeat;
	width: 160px;
	z-index: 2;	
}
	
#nav li ul li { 
	width: 160px;
	height:auto; 
	z-index: 4;		
}

#nav li ul li a {
	width: 159px;
	height:auto; 
	border:none;
	
}

#nav li ul li a:hover { 
}

#nav li ul ul {
	display: none;
	margin:-28px 0 0 160px;
	z-index: 1;
}

	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	display: block;
}

.clearing {
	height: 0px;
	clear: both;
}



#netzwerke {
	float:left;
	margin-top:7px;
	padding-bottom:0;
	padding-left:27px;
	padding-right:0;
	padding-top:20px;
}
#netzwerke li {
	float: left;
	width: 32px;
	padding: 5px;
	list-style-type:none;
}
#netzwerke li a {border:none;}

/*********************************************************************************************************
5.) Scroll Area: 
**********************************************************************************************************/	
a.jScrollArrowUp {
	height: 14px;
	background: url(img/arrow_up.png) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -21px;
}
a.jScrollArrowDown {
	height: 14px;
	background: url(img/arrow_down.png) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -21px;

}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -42px;
}

.jScrollPaneTrack {

}

.jScrollPaneDrag {
	background: url(img/drag_grab.gif) no-repeat 50% 50%;

}
.holder {
	height: 610px;
	float: left;
	margin: 30px 0px 0px 91px;
	
}
.scroll-pane {
	width: 537px;
	height: 560px;
	overflow:hidden
	padding:15px;
	float: left;
}