/* HTML-Tags */
*{
	padding:0;
	margin:0;
	border:0;
}
body, html{	
	height:100%;
	min-height:100%;
	background-color:#649619;
	background-image:url('../images/basic/body_bg.gif');
	background-position:top center;
	background-repeat:repeat-y;
	background-attachment:fixed;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
}
a{
    color:#649619;
    text-decoration:none;
}
a:hover{
    color:#FF9801;
    text-decoration:none;
}
dfn{
  position:absolute !important;
  top:-10000px !important;
  left:-10000px !important;
  height:1px !important;
  width:1px !important;
  visibility:hidden;
}
h2{
   font-size: 1.5em;
   font-weight: bold;
   color: #FF9801;
}
h3{
   font-size: 1.3em;
   font-weight: bold;
   color: #FF9801;
}
h4{
	font-size: 1.2em;
	font-weight: bold;
	color: #649619;
	text-transform: uppercase;
}
code{
	font-size: 9px;
	line-height:11px;
	margin: auto;
	display: block;
	width: 380px;
}
acronym {
	border-bottom: 1px solid #FFFFDF;
	cursor: help;
}
/* ID's */

#main{
   	margin:0 auto;
   	width:612px;
	position:relative;
}
#menu1{
	width:598px;
	padding-left:14px;
	background:transparent url(../images/basic/menu_arrow.gif) no-repeat top left;
	position:fixed;
}
.col1{
    display: block;
	float: left;
	width: 30px;
}
.col2{
   	display: block;
	float: right;
	width: 31px;
}

.col1 a, .col2 a{color:#fff;outline:none;}

.mstart{
	display:block;
	width:29px;
	height:125px;
	background:transparent url(../images/basic/menu_start.gif) no-repeat top left;
	overflow:hidden;
}
.mstart:hover,.mstart:focus,.mstart:active{
	background:transparent url(../images/basic/menu_start.gif) no-repeat top right;
}
.mki{
	display:block;
	width:29px;
	height:145px;
	margin-left:1px;
	background:transparent url(../images/basic/menu_kreativesich.gif) no-repeat top left;
	overflow:hidden;
}
.mki:hover,.mki:focus,.mki:active{
	background:transparent url(../images/basic/menu_kreativesich.gif) no-repeat top right;
}
.mpartner{
	display:block;
	width:29px;
	height:100px;
	margin-left:1px;
	background:transparent url(../images/basic/menu_partner.gif) no-repeat top left;
	overflow:hidden;
}
.mpartner:hover,.mpartner:focus,.mpartner:active{
	background: transparent url(../images/basic/menu_partner.gif) no-repeat top right;
}
.mref{
	display:block;
	width:29px;
	height:132px;
	margin-left:1px;
	background:transparent url(../images/basic/menu_referenzen.gif) no-repeat top left;
	overflow:hidden;
}
.mref:hover,.mref:focus,.mref:active{
	background:transparent url(../images/basic/menu_referenzen.gif) no-repeat top right;
}
.mgraphic{
	display:block;
	width:29px;
	height:95px;
	margin-left:1px;
	background:transparent url(../images/basic/menu_graphic.gif) no-repeat top left;
	overflow:hidden;
}
.mgraphic:hover,.mgraphic:focus,.mgraphic:active{
	background:transparent url(../images/basic/menu_graphic.gif) no-repeat top right;
}
.mphoto{
	display:block;
	width:29px;
	height:73px;
	margin-left:1px;
	background:transparent url(../images/basic/menu_photo.gif) no-repeat top left;
	overflow:hidden;
}
.mphoto:hover,.mphoto:focus,.mphoto:active{
	background:transparent url(../images/basic/menu_photo.gif) no-repeat top right;
}
.mweb{
	display:block;
	width:29px;
	height:54px;
	margin-left:1px;
	background:transparent url(../images/basic/menu_web.gif) no-repeat top left;
	overflow:hidden;
}
.mweb:hover,.mweb:focus,.mweb:active{
	background:transparent url(../images/basic/menu_web.gif) no-repeat top right;
}
.mkontakt{
	display:block;
	width:29px;
	height:97px;
	margin-right:1px;
	background:transparent url(../images/basic/menu_kontakt.gif) no-repeat top left;
	overflow:hidden;
}
.mkontakt:hover,.mkontakt:focus,.mkontakt:active{
	background:transparent url(../images/basic/menu_kontakt.gif) no-repeat top right;
}
.mimprint{
	display:block;
	width:29px;
	height:131px;
	margin-right:1px;
	background:transparent url(../images/basic/menu_impressum.gif) no-repeat top left;
	overflow:hidden;
}
.mimprint:hover,.mimprint:focus,.mimprint:active{
	background:transparent url(../images/basic/menu_impressum.gif) no-repeat top right;
}
#contentbox{
    position:absolute;
	top:0px;
	left:108px;
    width:469px;
    background-color:#fff;
	color:#649619;
	font-size:1.1em;
}
#header{
	width:469px;
    height:108px;
	position:relative;
	background:transparent url('../images/basic/ki_logo.gif') no-repeat top right;
}
#header img{
	position:absolute;
	bottom:8px;
	left:13px;
}
#content{
    position:relative;
	margin:0 auto;
    width:437px;
    background-color:#FFF;
	line-height:16px;
}
#footer{
	clear:both;
	left:-4px;
	width:477px;
    height:154px;
	position:relative;
	background:transparent url('../images/basic/footer_bg.gif') no-repeat top right;
}
#breadcrumb{
	position:absolute;
	font-size:9px;
	font-family:Arial,Helvetica,'Trebuchet MS',Sans-Serif;
	top:6px;
	left:10px;
	text-align:left;
}
#copy{
	text-align: right;
	margin-bottom: 10px;
	position: relative;
}
#copymail{text-align: right;}
#counter{
    color: #FF9801;
    font-size: 8px;
    position: absolute;
    top: 5px;
    right: 5px;
}

/* Klassen */
.link{
   color: #FF9801;
   border-bottom:0px dotted #FFF;
   text-decoration:none;
}
.link:hover,.link:active,.link:focus {
   color: #FFF;
   border-bottom:1px dotted #FF9801;
}
.link2{
   color: #FF9801;
   text-decoration:none;
   padding-left:15px;
   border:none !important;
   background: transparent url('../images/icon1.gif') no-repeat 1% 45%;
}
.link2:hover,.link2:active,.link2:focus {
   color: #649619;
   text-decoration:underline;
   border:none !important;
   background: transparent url('../images/icon1a.gif') no-repeat 1% 45%;
}
.link3{
   color: #FF9801;
   border:none !important;
   text-decoration:none;
   padding-left:15px;
   background: transparent url('../images/icon3.gif') no-repeat 1% 45%;
}
.link3:hover,.link3:active,.link3:focus {
   color: #649619;
   text-decoration:underline;
   border:none !important;
   background: transparent url('../images/icon3a.gif') no-repeat 1% 45%;
}
.link4{
   color: #649619;
   padding: 0em 0.3em;
   margin: 0.3em;
   line-height: 1.95em;
   font-weight: bold;
   border: 1px solid #FF9801;
   text-decoration: none;
   background-color: transparent;
}
.link4:hover,.link4:active,.link4:focus {
   color: #FF9801;
   background-color: #FFF;
   text-decoration: none;
}
.mail{
   color: #FF9801;
   text-decoration: none;
   padding-left: 13px;
   background: transparent url('../images/icon2.gif') no-repeat 0% 45%;
}
.mail:hover,.mail:active,.mail:focus {
   color: #649619;
   text-decoration:underline;
   background: transparent url('../images/icon2a.gif') no-repeat 0% 45%;
}
.back{
   position: absolute;
   left: 10px;
   bottom: 10px;
   color: #FF9801;
   border-bottom: 1px dotted #649619;
   text-decoration: none;
   padding-left: 15px;
   background: transparent url('../images/icon4.gif') no-repeat 0% 45%;
}
.back:hover,.back:active,.back:focus {
   color: #649619;
   border-bottom:1px dotted #FF9801;
   background: transparent url('../images/icon4a.gif') no-repeat 0% 45%;
}
.file{
   color:#FF9801;
   text-decoration:none;
   padding-left:10px;
   background:transparent url('../images/icn_file1.gif') no-repeat 0% 45%;
}
.file:hover,.file:active,.file:focus {
   color:#649619;
   text-decoration:underline;
   background: transparent url('../images/icn_file2.gif') no-repeat 0% 45%;
}
.refnext{
	position:absolute;
	z-index:30;
	right:-12px;
	top:138px; 
	display:block;
	width:10px;
	height:69px;
   	background:transparent url('../images/refnext1a.gif') no-repeat top left;
	outline:none;
}
.refnext:hover{background:transparent url('../images/refnext2a.gif') no-repeat top left;}

.refprev{
	position:absolute;
	z-index:30;
	left:-5px;
	top:138px; 
	display:block;
	width:10px;
	height:69px;
    background:transparent url('../images/refprev1a.gif') no-repeat top left;
	outline:none;
}
.refprev:hover{background:transparent url('../images/refprev2a.gif') no-repeat top left;}

.top{
	position:absolute;
	left:0px;
	bottom:-6px;
	width:60px; 
	height:30px;
	text-align:left;
	background:transparent url('../images/basic/top.gif') no-repeat 60px 40px;
	outline:none;	
}
.top:hover,.top:active,.top:focus{background:transparent url('../images/basic/top.gif') no-repeat 12px 9px;}

#require{
    border:1px solid #FF9801;
    padding:10px;
	margin:15px 10px;
    color:#FF9801;
}

#logoentwicklung{
    font-size:9px;
    color:#649619;
    display:block;
    padding:5px 0px 5px 205px;
	height:100px;
    background:#FFF url('../images/logoentwicklung.gif') no-repeat top left;
}

#zitat{
	display:block;	
	position:absolute;
	top:0;
	left:-20px;
	width:476px;
	height:137px;
	background:transparent url('../images/zitat.gif') no-repeat top left;
}

#portfolio{
	display:block;	
	z-index:2;
	padding-left:20px;
}

ul{
    list-style:none;
    margin:10px;
	margin-left:20px;
    padding-left:5px;
    list-style-image:url('../images/icon1.gif');
}

.h_line{
	display:block;
	clear:both;
	height:1px;
	margin:15px 0;
	position:relative;
	left:-20px;
	width:477px;
	color:#92B55E;
	background-color:#92B55E;
}

.h_line hr{
	display:none;
}

/* ----- Formulare ----- */

#transfer{
   position:absolute;
   float:left;
   top:15px;
   right:5px;
   background-color:#FFF;
   width:230px;
   height:240px;
   text-align:center;
   z-index:3;
}

#contactform{
   display: block;
   position: absolute;
   top: 15px;
   right: 5px;
   width: 200px;
   text-align: right;
}
#contactform #name,#contactform #email{width:145px;}
#contactform #text{width:190px;}
#contactform #anrede{width:100px;margin-left:45px;}
#contactform #code{width:52px;float:right;}
#contactform .contactsend{width:60px;}
label{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-family: Arial,Verdana,'Trebuchet MS',Sans-Serif;
    font-size: 10px;
    line-height: 18px;
    vertical-align: top;
	cursor:pointer;
}
select{
    border:	1px solid #E1E1E1;
    font-family: Arial,Verdana,'Trebuchet MS',Sans-Serif;
	font-size: 9px;
    color: #000;
    margin: 3px 0;
    background-color: #FFF;
    padding: 1px 3px;
}
input,textarea{
    font-family: Arial,Verdana,'Trebuchet MS',Sans-Serif;
	font-size: 9px;
    color: #000;
    margin: 3px 0;
    background-color: #FFF;
    border:	1px solid #E1E1E1;
    padding: 1px 3px;
}
input:active, input:focus, input:hover,
textarea:active, textarea:focus, textarea:hover{
    background: #E8EBDF;
    border:	1px solid #000;
}
input[type=submit]{border:1px solid #000;}
.fault{
    border:1px solid #FFF;
    background-color:#FF9801;
}
.fehlerhinweis{
	display:block;
	color:#FF0000;
	font-weight:bold;
	padding:0px 18px;
	background:transparent url('../images/basic/achtung.gif') no-repeat 0px 1px;
}
/* -----Kosmetik----- */
.box{
	border:1px solid #649619;
	padding:10px;
	margin:10px 0px;
	position:relative;
	background:transparent url('../images/basic/box_bg.png') no-repeat top left;
}
.associate{
  background-color:#FFF;
  border:1px solid #555;
  color:#649619;
  width:400px;
  text-align:center;
  padding:5px;
  margin-left:5px;
}
table.services{
	padding:0;
	margin:10px 0px;
	border:none;
	border-collapse:collapse;
	background:transparent url(../images/basic/tab_bg.jpg) no-repeat center 25px;
}
table.services th{
	color:#FF9801;
	font-weight:bold;
	text-align:left;
	padding:6px;
	width:135px;
	background:#fff url(../images/service_bg.gif) repeat-x bottom left;
	border-bottom:1px solid #fff;
}
table.services td:first-child, .services th:first-child{padding-left:20px;}
table.services td{vertical-align:top;} 

table.services ul{margin-left:15px;}

.part {
    margin:5px;
    text-align:left;
}
.part td{
    vertical-align:top;
    padding:15px;
}
.part b{
	font-size:1.2em;
    color:#FF9801;
}
.part ul{
    list-style:none;
    margin:10px;
	margin-left:20px;
    padding-left:5px;
    list-style-image: url('../images/icon1.gif');
}
.morepartner ul{
	margin-top:0px;
	margin-left:20px;
}
.morepartner li{
	margin-bottom:16px;
}
.morepartner strong{
	font-size:1.2em;
	color:#FF9801;
}
.ref{
    list-style: none;
    margin:5px 5px 5px 10px;
    padding-left:5px;
	list-style-image: none;
}
.ref a{
   color: #FF9801;
   text-decoration: none;
   padding-left: 15px;
   background: transparent url('../images/icon1.gif') no-repeat 0px 4px;
}
.ref a:hover,.ref a:active,.ref a:focus {
    color: #649619;
	text-decoration:underline;
    background: transparent url('../images/icon1a.gif') no-repeat 0px 4px;
}

#rl ul.ref a{
   color:#FF9801;
   text-decoration:none;
   display:block;
   position:relative;
   width:auto;
   border:none;
   padding:1px 0px 1px 20px; 
   background:#FFFFFF url('../images/icon1.gif') no-repeat 6px 5px;
}
#rl ul.ref a:hover{
	color:#b16b00;
	border:none;
	padding:1px 0px 1px 20px;
	background:transparent url('../images/icon1.gif') no-repeat 6px 5px;
}
#rl ul.ref a:active,#rl ul.ref a:focus{
   color:#FFFFFF;
   border:none;
   background:#FF9801 url('../images/icon1b.gif') no-repeat 6px 5px;
}

#rl ul.ref a img{
	position:absolute;
	right:5px;
	top:5px;
}

.reference_box{
	position:relative;
	top:11px;
	width:413px;
	height:234px;
	margin:0 0 15px 10px;
	border:5px solid #f5ebbb;
}

.reference_box #refki{
	position:absolute;
	top:-22px;
	left:-20px;
	display:block;
	z-index:20;
	height:166px;
	width:137px;
	background:transparent url('../images/ref_ki.png') no-repeat top left;
}

.reference_box .ref_box{
	position:relative;
	display:block;
	width:409px;
	height:230px;	
	border:1px solid #649619;
	padding:1px;
}
.reference_box .ref_box #slideBox{position:relative;}
.reference_box .ref_box #slideBox img{
	position:absolute;
	width:409px;
	height:230px;
	display:block;
	z-index:5;
}

#nav{
	padding-right:5px;
	margin-top:6px;
	float:right;
	position:absolute;
	right:0px;
}
#nav a{
	margin:5px 2px 5px 0px;
	display:block;
	float:left;
	width:17px;
	height:17px;
	background:transparent url('../images/icon_ref.gif') no-repeat top left;
	outline:none;
}

#nav a:hover,#nav a:active,#nav a:focus{background-position:bottom left;}
#nav a.activeSlide{background:transparent url('../images/icon_ref.gif') no-repeat bottom left;}


.refdetails{border:none;}
.refdetails td{padding:2px;}
.refdetails th{
	text-align:left;
	vertical-align:top;
	padding:2px;
	padding-right:5px;
}

.kifotograf{
	position:absolute;
	bottom:-1px;
	right:20px;
}

.photos{
	margin: auto;
	clear: both;
}
.photos h4{padding-top: 15px;}
.photos img{
	padding: 1px;
	margin: 3px 3px;
	width: 133px;
	height: 55px;
	border: 1px solid #649619;
}
.photos img:hover,.photos img:focus{
	margin: 0px 0px;
	padding: 2px;
	width: 137px;
	height: 59px;
	border: 1px solid #FF9801;
}
.orange{
	color:#FF9801;
}
.xing{
	padding-left:15px;
	color:#FF9801;
	background:transparent url('../images/icn_xing.gif') no-repeat center left;
}
.vcf{
	padding-left:15px;
	color:#FF9801;
	background:transparent url('../images/icn_vcf.gif') no-repeat center left;
}
.xing:hover,.xing:active,.xing:focus,
.vcf:hover,.vcf:active,.vcf:focus{
   color:#649619;
   text-decoration:underline;
}
.small{
	font-size:0.86em;
}

#bookmarks{
	font-size:0.8em;
	display:block;
	border-bottom:1px solid #92B55E;
	padding:10px 15px;
	height:20px;
	line-height:18px;
	position:relative;
	left:-4px;
	width:447px;
}
#bookmarktext{
	color:#FF9801;
	font-weight:bold;
	float:left;
}
#bookmarks em{
	display:block;
	float:left;
	margin-right:4px;
}
#bookmarks span{
	display:block;
	position:absolute;
	top:9px;
	left:190px;
}
#bookmarks .facebook{
	display:block;
	position:absolute;
	top:7px;
	left:348px;
}
.bookmark{
	display:block;
	height:20px;
	width:20px;
	border:none;
	float:left;
	margin-right:2px;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;	
}
.google{background-image:url(../images/bookmarks/google.gif);}
.wong{background-image:url(../images/bookmarks/wong.gif);}
.yigg{background-image:url(../images/bookmarks/yigg.gif);}
.digg{background-image:url(../images/bookmarks/digg.gif);}
.delicious{background-image:url(../images/bookmarks/delicious.gif);}
.webnews{background-image:url(../images/bookmarks/webnews.gif);}
.yahoo{background-image:url(../images/bookmarks/yahoo.gif);}
.linkarena{background-image:url(../images/bookmarks/linkarena.gif);}
.reddit{background-image:url(../images/bookmarks/reddit.gif);}
.icio{background-image:url(../images/bookmarks/icio.gif);}
.simpy{background-image:url(../images/bookmarks/simpy.gif);}
.technorati{background-image:url(../images/bookmarks/technorati.gif);}

.bookmark:hover,.bookmark:focus,.bookmark:active{background-position:bottom left;}