/* ===== CSS sheet by Jerome Bohg at d-engine / kitchenpilot  ==== */
/* ===== feel free to copy, use and learn as much as you like ==== */

/* ===== reset the whole bunch ==== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

strong {
 font-weight: bold;
}

/* ===== first some global stuff ==== */
body {
 font-size: 12px;
 line-height: 1.4em;
 font-family: "Trebuchet MS", Helvetica, Arial, Verdana, "Luxi Sans", sans-serif;  
 color: #333;
 background: #000 url(../kp_img/collage.gif) top center no-repeat;
 position: relative;
}

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

.clear {
 display: block;
 clear: both;
}

.hideme { display: none; }
.showme { display: block; }

/* ===== wrap markup ==== */

#mainwrap {
 display: block;
 width: 1000px;
 background: #fff url(../kp_img/bgmain.gif) repeat-y;
 border: 10px solid #ddd;
 margin: 0 auto 5px auto;
 margin-top: 150px; 
}

body.contact #mainwrap {background: #fff url(../kp_img/cbgmain.gif) repeat-y;}
body.white #mainwrap {background: #fff;}


.banner {
 clear: both;
 height: 185px;
 border-bottom: 10px solid #ddd;
 background: #fff;
 position: relative;
}

.banner h1 {
 width: 995px;
 height: 185px;
 text-indent: -99999px;
 background: #fff url(../kp_img/header.gif) no-repeat;
 cursor: pointer;
}

body.bodyregio {
 background: #161f53 url(../kp_img/bgregioruis.gif);	
}

body.bodyregio .banner h1 {
 width: 400px;
}

.banner .posters {
	 position: absolute;
	 top: 0;
	 left: 405px;
	 overflow: hidden;
	}
	.banner .posters li {
	 display: block;
	 float: left;
	 margin-right: 6px;
	}


/* ===== menu markup ==== */
.mainnav {
 width: 995px;
 padding-left: 5px;
 float: left;
 background: #000;
 border-bottom: 20px solid #fff;
}
.mainnav li {
 float: left;
 margin-right: 10px;
}
.mainnav a:link,.mainnav a:active, .mainnav a:visited {
 display: block;
 line-height: 25px;
 text-decoration: none;
 color: #fff;
 text-transform: uppercase;
 padding: 0 10px 0 20px;
 background: url(../kp_img/star.gif) 6px 8px no-repeat
}
.mainnav a:hover,.mainnav a.current {
 color: #ff008d;
}

body.bodyregio .mainnav a:hover,body.bodyregio .mainnav a.current {
 color: #00aeef;
}


/* ===== global link markup ==== */
a:active,a:link,a:visited {  
 color: #ff008d;
 outline:none;	 
}
a:hover {
 color: #000;
}
:focus{
 -moz-outline-style:none;
}

/* === column stuff === */
.col {
 display: block;
 width: 380px;
 min-height: 650px;
 float: left;
 padding: 10px;
}

.cmid {
 width: 220px;
 margin: 0 10px;
}

.cright  {
 float: right;
 width: 320px;
}

/* === contactpage === */
.ccleft {
 width:350px;
}
.ccmid {
 width:330px;
 margin: 0 10px;
}
.ccright {
 float: right;
 width: 240px;
}

/* === stuff === */
h2 {
 color: #ff008d;
 font-size: 14px;
 text-transform: uppercase;
 font-weight: bold;
 margin-bottom: 5px;
}
h3 {
 text-transform: uppercase;
 font-weight: bold;
}

/* === linklist === */
#headlines {
 margin-top: 5px;
}
#headlines li {
 margin-bottom: 3px;
}
#headlines a {
 display:block;
 color: #333;
 text-decoration: none;
 line-height: 14px;
 font-size: 11px;
}
#headlines a:hover {
 color: #fff;
 background: #000 url(../kp_img/stripe.gif); 
}

/* === art stuff === */
.artwrap {
 clear: both;
 margin-bottom: 20px;
 background: #fff;
 overflow: hidden;
}

.artwrap h2 {
 font-size: 12px;
 color: #333;
}

.artwrap h3 {
 font-size: 11px;
 color: #ff008d;
 margin: -5px 0 5px 0;
}

body.bodyregio .artwrap h3 {
 color: #00aeef;
 font-size: 13px;
 margin-top: 3px;
}
body.bodyregio a {
 color: #00aeef;
}

.artwrap em, .contact h2 {
 display: block;
 background: #000 url(../kp_img/stripe.gif);
 text-transform: uppercase;
 color: #fff;
 padding: 5px;
 margin-bottom: 5px;
 font-style: normal;
}

.promowrap {
 display: block;
 width: 100%;
 float: left; 
 margin-bottom: 10px;
}

.divbrd {
 clear: both;
 display: block;
 width: 340px;
 height: 10px;
 margin: 10px 0 10px -10px;
 background: #ddd;
 text-indent: -9999px;
}


/* ===== tweets ==== */
.tweet {
	 width: 320px;
	 margin: 0 0 10px -10px;
	 padding: 0 10px 25px 10px;
	 border-bottom: 10px solid #ddd;
	 position: relative;
	}
	.tweet h3 {
	 display: block;
	 background: #000 url(../kp_img/stripe.gif);
	 text-transform: uppercase;
	 color: #fff;
	 padding: 5px;
	 margin-bottom: 5px;
	 font-style: normal;
	}
	a.followme {
	 position: absolute;
	 bottom: 8px;
	 right: 10px;
	 font-size: 12px;
	 line-height: 1.2em;
	}
	.tweet_list li {
	 display: block;
	 width: 100%;
	 margin-bottom: 5px;
	 padding-bottom: 1px;
	 border-bottom: 1px solid #ddd;
	}
	.tweet_list em {
	 display: block;
	 text-align: right;
	 font-size: 10px;
	 text-transform: uppercase;
	 color: #888;
	 font-style: normal;
	}

.tweet.regio {
 width: 240px;
}

/* === pagenavigator === */
.pagenav {
 clear: both;
 font-size: 12px;
 padding: 4px 0;
 color: #ff008d;
 margin-top: -10px;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active {
 padding: 4px 8px;
 margin-right: 2px;
 color: #ff008d;
 text-decoration: none;
 background: #000 url(../kp_img/stripe.gif);
}

.pagenav a:hover {
 color: #fff; 
}

.pagenav b,.pagenav a.act {
 padding: 4px 8px;
 margin-right: 2px;
 color: #fff;
 background: #000 url(../kp_img/stripe.gif);
}

.contact h3 {
 margin-bottom: 5px;
}

.logo_cnt {
 margin-top: 20px;
}

/* === image stuff === */
ol.thumbs {
 display: block;
 float: left;
 margin: 10px 0 0 -10px;
}

ol.thumbs li {
 float: left;
 margin: 0 0 10px 10px;
 padding: 0;
}

ol.thumbs li img {
 display: block;
}

ol.thumbs li.no_r_margx {
 margin-right: 0;
}

ol.thumbs li a {
 padding: 0;
}

ol.thumbs li a:hover {
 background: none;
}

/*------------------------*/
ol.medium li {
}

/*------------------------*/
ol.large li {
}

.cright ol.large li img {
 width: 320px;
}
.cright ol.medium li img {
 width: 155px;
}

ol.medium.rr img {
 width: 114px;

}

/* === foot stuff === */
#foot {
 clear: both;
 width: 1000px;
 padding: 0 10px;
 margin: 0 auto 30px auto;
 text-align: right;
 font-size: 11px;
 color: #fff;
}

#foot a {
 color: #fff;
 text-decoration: none;
}

/*====== pol =====*/
#frm_pol {
 display: block;
 float: left;
 width: 330px;
 margin: 0 0 10px -10px;
 padding: 10px 0 10px 10px;
 border-bottom: 10px solid #ddd;
}

#frm_pol h2 {
 clear: both;
 display: block;
}

.radiowrap {
 display: block;
 float: left;
 margin: 10px 0 10px 3px;
}
.radiowrap input.rdo {
 float: left;
}
.radiowrap label {
 float: left;
 margin: 0 20px 0 8px;
}

label.lbl {
 clear: both;
 display: block;
 margin-top: 15px;
}

#frm_pol .txtarea {
 width: 312px;
 margin-bottom: 20px;
}

#frm_pol .subm {
 margin: 10px 10px 0 0;
}

#frm_pol .up {
 margin-top: 5px;
}

#spinner {
 display: block;
 clear: both;
 text-align: right;
}

.loading {
 background: url(../kp_img/ajax.gif) left center;
}

/*====== form =====*/
form#frm_cnt {
 width: 380px;
 margin-top: 20px;
}

form label {
 display: block;
 font-size: 12px;
}

form input.text, form textarea {
 width: 312px;
 padding: 3px;
 margin-bottom: 8px;
}

form textarea {
 height: 70px;
}

#subm {
 display: block;
 text-align: right;
}

form input.submit {
 margin-top: 10px;
}

.loading {
 background: url(../kp_img/ajax.gif) left center no-repeat;
}

#output {
 clear: both;
 display: block;
 font-size: 12px;
 padding: 10px 0 0 0;
}

/* @group enquete */

.enquete #mainwrap {
 background-image: none;
}

.enquete .col {
	 width: 480px;
	}
	.enquete .enquetecol {
	 width: 460px;
	 float: right;
	 margin: 10px 10px 10px 0;
	}

#frm_enquete {
	 width: 460px;
	 margin-top: 1px;
	 margin-bottom: 20px;
	}
	#frm_enquete fieldset {
	 margin-bottom: 15px;
	}
	#frm_enquete legend {
	 display: block;
	 background: #000 url(../kp_img/stripe.gif);
	 text-transform: uppercase;
	 color: #fff;
	 padding: 5px;
	 font-style: normal;
	}
	#frm_enquete label {
	 display: block;
	 width: 177px;
	 float: left;
	 font-weight: bold;
	 padding: 4px 0 2px 5px;
	}
	#frm_enquete .nummer {
	 color: #FF008D;
	 font-weight: bold;
	 font-size: 14px;
	 padding-right: 4px;
	}
	#frm_enquete input.text {
	 width: 270px;
	 border: 1px solid #999;
	 float: left;
	 margin-bottom: 0;
	}
	#frm_enquete input.other {
	 width: 196px;
	 float: left;
	}
	#frm_enquete input.rdo {
	 float: left;
	 margin: 3px 5px 0 0;
	}
	#frm_enquete select {
	 width: 278px;
	 margin-bottom: 8px;
	}
	#frm_enquete ul {
	 margin-top: -2px;
	 border-top: 1px solid #333;
	 padding-top: 10px;	
	}
	#frm_enquete li {
	 clear: both;
	 display: block;
	 width: 460px;
	 float: left;
	 margin-bottom: 10px;
	}
	#frm_enquetexx li:hover {
	 background: #000 url(../kp_img/stripe.gif);
	 color:  #fff;
	}
	#frm_enquete b {
	 display: block;
	 margin-bottom: 5px;
	}
	#frm_enquete .floatwrap {
	 display: block;
	 width: 275px;
	 float: left;
	}
	#frm_enquete .floatwrap label {
	 width: 80px;
	 margin-top: -2px;
	 margin-right: 15px;
	}
	#frm_enquete em {
	 display: block;
	 width: 70px;
	 float: left;
	 padding-left: 5px;
	}
	#frm_enquete li p {
	 display: block;
	}
	
	#frm_enquete .nummer {
	 float: left;
	}
	#frm_enquete .fully p {
	 margin-left: 25px;
	}
	#frm_enquete .fully .checkwrap {
	 display: block;
	 overflow: hidden;
	 margin: 4px 0 8px 25px;
	}	
	#frm_enquete .fully .checkwrap input.chkb, #frm_enquete .fully .checkwrap input.rdo {
	 clear: both;
	 float: left;
	 margin-top: 8px;
	}
	#frm_enquete .fully .checkwrap label {
	 width: 400px;
	 float: left;
	 margin-top: 3px;
	 padding-left: 10px;
	}
	#frm_enquete .fully em {
	 margin-left: 20px;
	}
	#frm_enquete .fully textarea {
	 width: 425px;
	 margin: 5px 0 7px 25px;
	}
	
	#frm_enquete #output {
	 clear: both;
	 text-align: center;
	 background: #FF008D;
	 color:  #fff;
	 padding: 10px;
	 margin-top: 15px;
	}
	
	.footnote {
	 display: block;
	 text-align: right;
	 margin: 10px 0;
	}
	
/* @end */


/* @group regioruis */
.regioruis {
	 width: 240px;
	 padding: 0 10px 10px 10px;
	 margin-bottom: 10px;
	 margin-left: -10px;
	 border-bottom: 10px solid #ddd;
	}
	.regioruis fieldset {
	 margin-bottom: 15px;
	}
	.regioruis legend {
	 display: block;
	 width: 230px;
	 background: #000 url(../kp_img/stripe.gif);
	 text-transform: uppercase;
	 color: #fff;
	 padding: 5px;
	 font-style: normal;
	}
	.regioruis li {
	 margin-bottom: 4px;
	}
	.regioruis label {
	 display: block;
	 width: 177px;
	 float: left;
	 font-weight: bold;
	 padding: 4px 0 2px 2px;
	}
	.regioruis input.text {
	 width: 230px;
	 border: 1px solid #999;
	 float: left;
	 margin-bottom: 0;
	}
	#output {
	 clear: both;
	 text-align: center;
	 background: #FF008D;
	 color:  #fff;
	 padding: 10px;
	 margin-top: 15px;
	}
	
	
	h2.archive {
	 clear: both;
	 margin-top: 10px;
	}
/* @end */


/* @group photos */
.col.photos {width: 980px;}

.photoalbum {overflow: hidden;margin-left: -10px; margin-bottom: 20px; }
.photoalbum li { width: 187px; float: left;background: #ddd;padding: 7px;margin: 0 0 10px 10px;}

.photoalbum li:hover {background: #FF008D;color: #fff;}
.photoalbum li:hover a {color: #fff;}
.photoalbum li:hover img {border-color: #fff;}

.photoalbum img {display: block;float: left;margin-bottom: 8px;border:1px solid #ddd}
.photoalbum a {display: block;text-align: center;color: #000;text-decoration: none;text-transform: uppercase;}

.infowrap {display: block;overflow: hidden;width: 818px; background: #f2f2f2; padding: 10px; }
.infowrap h2 {float: left; line-height: 1; margin: 0;}
.infowrap a.goback {float: right;line-height: 1;}
.infowrap p {
 clear: both;
 margin-top: 30px;
}

.photolist {overflow: hidden;margin: 10px 0 0 -10px;}
.photolist li {float: left;background: #ddd;padding: 7px;margin: 0 0 10px 10px;}
.photolist img {display: block;float: left;border:1px solid #ddd}

.photolist li:hover {background: #FF008D;color: #fff;}
.photolist li:hover img {border-color: #fff;}
/* @end */