/*
	Afis Center
*/

*{
    padding: 0;
    margin: 0;
    list-style: none;
	border: none;
}

body {
	font: normal 100.1%/1.4em Arial,Helvetica,sans-serif;
	/*background: transparent url(../images/bg.png)  repeat-x;*/
    font-size : 12px;
    text-align: center;
	line-height: 20px;
	color: #666666;
}

img {
    border: 0px;
}

a{
	text-decoration: none;
	color: #6f767b;
	list-style: none;
}

#main{
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

#main #logo{
	width:250px;
	height:95px;
	text-indent: -9999px;
	margin-top: 5px;
	float: left;
	background:url(../images/kasilogo.gif);
	
}

#main #logo a{
	width: 250px;
	height: 95px;
	display: block;
	overflow: hidden;
}

#main ul.topmenue{
	float: right;
	margin-top: 0px;
	padding-bottom:5px;
	width:275px;
	background:#FF9900 url(../images/top-menu-bg.png) bottom no-repeat;	
}

#main ul.topmenue li{
	float: left;
	margin-left: 8px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #fff;
}

#main ul.topmenue li.last{
	border: none;
}

#main ul.topmenue li a{
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}
#main ul.topmenue li a:hover{
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
}

/*
	Menü
*/

#main #main-menue{
	width: 940px;
	height: 42px;
	float: left;
	float:left;
	margin-top: 5px;
	background: transparent url(../images/main-menue-bg1.png) repeat-x;
}
#main #main-menue .left{
	width: 9px;
	height: 42px;
	float: left;
	
	background: transparent url(../images/main-menue-bg-left.png) no-repeat;
}

#main #main-menue .right{
	width: 8px;
	height: 42px;
	float: right;
	background: transparent url(../images/main-menue-bg-right.png) no-repeat;
}

#main #main-menue ul{
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px; padding:0px;
}

#main #main-menue  li{	
	cursor: pointer;
	float: left;
	margin: 10px 0 0 0;
}

#main #main-menue  li a{
	color: #fff;
	height: 40px;
	font-size: 12px;
	padding:12px 20px 12px 21px;
	text-align: center;
}
#main #main-menue  li ul{	
	display:none;
	padding:0px;
	margin:0px;
	font-size: 11px;
	text-align: left;
	background-color:#E6F2FA;		
	border-bottom:solid 1px #A7CBE7;
	border-left:solid 1px #A7CBE7;
	border-right:solid 1px #A7CBE7;
}

#main #main-menue li a:hover{
	color: #000;
	padding:12px 20px 12px 21px;
	background:#E6F2FA;
	
}
#main #main-menue li:hover ul {
	display: block;
	position: absolute;
	margin: 8px 0 0px 0;
	padding: 0px; }
#main #main-menue li:hover li {
	float: none;
	margin: 0px;
	padding: 3px 0 2px 0; }
#main #main-menue li:hover  li a {	
	padding:5px;
	margin:0px;	
	color: #000; }
#main #main-menue li li a:hover {
	color: #ff9900;
	
 }

#main #shadow{
	width: 940px;
	height: 3px;
	margin-top: -2px;
	float: left;
	background: transparent url(../images/top-menue-shadow.png) no-repeat;
}

/*
	Head
*/

#main #head{
	width: 940px;
	height: 300px;
	float: left;
	z-index:-1;
	margin-top: 5px;
	position: relative;
	background: #fff;
	border:solid 1px #ebebeb;
}

#main #head #head-box{
	width: 500px;
	height: 250px;
	float: left;
	color: #fff;
	font-size: 12px;
	background: transparent url(../images/text-bg.png) repeat-x;
}

#main #head #head-box #text{
	padding: 35px;
	line-height: 20px;
	height: 170px;
}

#main #head #head-box #left-bg{
	width: 5px;
	height: 250px;
	float: left;
	background: transparent url(../images/text-left.png) repeat-x;
}

#main #head #head-box .main-message{
	text-indent: -9999px;
	margin-bottom: 20px;
	background: transparent url(../images/willkommen-afis-center.png) no-repeat;
}

#main #head #head-box #text a.head-more{
	width: 235px;
	height: 40px;
	display: block;
	margin-top: 25px;
	background: transparent url(../images/head-more.png) no-repeat;
}

#main #head #head-image{
	float: left;
	width: 95px;
	height: 250px;
	z-index: 999;
	position: relative;
	background: transparent url(../images/round-head.png) no-repeat;
}

#main #head  .image{
	width: 440px;
	height: 250px;
	z-index: 1;
	top: 0;
	right: 0;
	position: absolute;
	background: transparent url(../images/image.jpg) no-repeat;
}

/*
	3 Boxen
*/

#main ul.boxed{
	margin-top: 10px;
	float: left;
}

#main ul.boxed li{
	float: left;
	position: relative;
	margin-right: 20px;
}

#main ul.boxed li.last{
	margin-right: 0;
}


#main ul.boxed li .text{
	width: 205px;
	margin: 10px 12px;
}

#main ul.boxed li .text h2{
	color: #000;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 5px;
	font-family:Arial, Helvetica, sans-serif;
}

#main ul.boxed li .text a.box-more{
	width: 157px;
	height: 22px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 12px;
	background: transparent url(../images/box-more.png) no-repeat;
}

/*
	About and Aktuelles
*/

#main #about{
	width: 620px;
	float: left;
	margin-top: 15px;
	margin-left:0px;
}

.box{ width:620px;
      border:solid 1px #ebebeb;
      padding:1px;
      clear:both;
      margin-bottom:10px;
      }
      
 .box h1{ width:610px;
     height:30px;
     font:bold 14px/26px Arial;
     background:url(../images/box_bg.jpg) repeat-x;
     border-bottom:solid 1px #ebebeb;  
  padding-left:10px;
 color:#ff9900;
  }
  .box1{ width:300px;
      border:solid 1px #ebebeb;
      padding:1px;
       float:left;
      margin-bottom:10px;
      }
 .box1 h1{ width:295px;
     height:30px;
     font:bold 14px/26px Arial;
     background:url(../images/box_bg.jpg) repeat-x;
     border-bottom:solid 1px #ebebeb;  
  padding-left:5px;
 color:#ff9900;
  }
  .box1 h1 img{ padding-right:10px; float:left;}
  .box1 h1 span{color:#000; padding:0px;}
  .box1 span{padding-left:10px;}
  .box1 p{padding:10px;}
  .box1 ul{ margin:10px;width:300px;}
  .box1 li{ padding-bottom:5px; background:url(../images/sub-arrow.png) 0 6px no-repeat; padding-left:15px;} 
    .box1 li a{padding:5px;  }
    .box1 li a:hover{ color:#ff9900; background-color:#f4f4f4;}
  .box h1 span{color:#000; padding:0px;}
  .box span{padding-left:10px;}
  .box p{padding:10px;}
  
  .box2{ width:620px;
      border:solid 1px #ebebeb;
      padding:1px;
       float:left;
      margin-bottom:10px;
      }
   .box2 h2{font:bold 13px/26px Arial; color:#000; padding-left:10px;}
 .box2 h1{ width:610px;
     height:30px;
     font:bold 16px/26px Arial;
     background:url(../images/box_bg.jpg) repeat-x;
     border-bottom:solid 1px #ebebeb;  
  padding-left:10px;
 color:#ff9900;
  }
  .box2 h1 span{color:#000; padding:0px;}
  .box2 span a{padding:0px; color:#000; text-decoration:underline;  }
  .box2 span{padding:0px; color:#000;}
  .box2 p{padding:10px;}
  .box2 ul{ margin:10px; }
  .box2 li{ padding-bottom:5px; background:url(../images/sub-arrow.png) 0 6px no-repeat; padding-left:15px;} 
    .box2 li a{padding:0px; text-decoration:underline;  }
    .box2 li a:hover{ color:#ff9900;}

#main #news{
	width: 290px;
	float: right;
	margin-top: 15px;
}

.slbox{ width:290px;
      border:solid 1px #ebebeb;
      padding:1px;
      background:#fff;
      margin-bottom:10px;
      }
 .slbox h1{ width:285px;
     height:30px;
     font:bold 14px/26px Arial;
     background:url(../images/box_bg.jpg) repeat-x;
     border-bottom:solid 1px #ebebeb;  
  padding-left:5px;
 color:#ff9900;
  }
  .slbox h1 img{ padding-right:10px; float:left;}
  .slbox ul{ margin:10px; }
  .slbox li{ padding-bottom:5px; background:url(../images/icon4.gif) 0 6px no-repeat; padding-left:10px;} 
    .slbox li a{padding:5px;  }
    .slbox li a:hover{ color:#ff9900; background-color:#f4f4f4;}
  .slbox h1 span{color:#000; padding:0px;}
  .slbox span{padding-left:10px;}
  .slbox p{padding:10px;}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #ff9900;
	margin-bottom: 10px;
}
h2 span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color:#000;
	margin-bottom: 10px;
}
p{margin:0px;}
p a{margin-left:20px;  color:#ff9900;}
p a:hover{color:#000;}
p img{ padding-left:10px; float:left;}
.title{ color:#ff9900;}
/*
	Footer
*/

#main #footer{
	float: left;
	margin: 0px 0 20px 0;
	width: 940px;
}

#main #footer #line{
	background: #f0f1f2;
	border-top: 1px solid #e2e4e5;
	height: 4px;
	margin-bottom: 10px;	
}
#main #bottom
{float: left;
 clear:both;
 width:920px;
 padding:10px;
 margin-top:40px;
 
 background-color:#ebebeb;
	}
	#main #bottom ul
	{
		float: left;
		
	}
	#main #bottom li{	
	margin-right: 10px;
	border-right: 1px solid #ccc;
	padding-right: 30px;
}
#main #bottom li a{ color:#666;}
#main #bottom li a:hover{ color:#ff9900;}
#main #footer #copy{
	float: left;
}

#main #footer ul{
	float: right;
}

#main #footer ul li{
	float: left;
	margin-left: 10px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

#main #footer  a:hover{
	text-decoration: underline;
}

#main #footer ul li.first{
	border: none;
}
div#container { margin: 10px 0 0 10px; overflow: hidden; width:610px; }
ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; margin-bottom: 10px; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 620px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 20px 10px 0; 
	padding: 5px;
	width: 170px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding: 3px; height:115px; width:160px; }


#index_portfolio { float: left; width:940px; margin:0; padding:0; }
.itemidx { float: right; overflow: hidden; cursor: pointer; position: relative; height: 300px; }
.itemidx img { margin:0; padding:0; float:none; }
#index_portfolio .itemidx a { width: 100%; height: 300px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 300px; float: left; position: absolute; display: block; }
#index_portfolio .itemidx .caption { position: absolute; padding: 0; float: left; }
#index_portfolio .itemidx .caption h2 { font-weight: bold; }
#index_portfolio .itemidx .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }



div.content {    
    padding:10px;
}
.content ul{ margin:0px;}
.content li{ background:url(../images/icon4.gif) 0 6px no-repeat; margin-top:5px; padding-left:15px;}

ol#toc {
	height: 2.3em;
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
}

ol#toc a {
	background:url(../images/box_bg.jpg) repeat-x;
	color: #000;
	display: block;
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
	float: left;
	height: 2.3em;
	padding:0 8px 0 8px;
	text-decoration: none;
}

ol#toc a:hover {	
	background:url(../images/box_bg_hover.jpg) repeat-x;	
}


ol#toc li {
	float: left;
	margin: 0 2px 0 0;
}

ol#toc li.current a {
	background:url(../images/box_bg_hover.jpg) repeat-x;
	color: #ff9900;
	display:block;
	border-left:solid 1px #ebebeb;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
	padding-right: 3px;
	}



ol#toc span {
	background: url(../tab.png) 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 2.3em;
	padding-right: 9px;
}

strong{ color:#ff9900; padding-left:10px;}
b{ color:#000;}
.orange{color:#000; padding-left:10px; }
td{ border:solid 0px #f4f4f4; text-align:left; vertical-align:top;}