/*
Theme Name: CITY innovation
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Ralf Weber
Author URI: http://weber-nrw.de/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* 
@import url("style._css") all;
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after { content: ""; display: block; height: 0; clear: both; font-size: 0px; line-height: 0px; visibility: hidden;  }
.clear  { clear: both; font-size: 0px; height: 0px }
.clearfix {display: inline-block;}  /* for IE/Mac */

body,html { text-align: center;  font-family:  Tahoma, Arial; color: #696a6d; background: #33cccc }
a { text-decoration: none}
h1, h2, h3, h4,h5 { font-weight: bold }
h2, h3,h4 { font-size: 12px }

/*
#main { margin: 40px auto;  width: 1013px} 
*/
#main { 
position: absolute; 
left: 50%; 
top: 40px; 
text-align:center; 
width: 1013px; 
margin-left: -506px; 
background: url(images/content_bg.jpg) repeat-y;
} 

#top { float: left; height: 290px; display: inline; width: 1013px; background: url(images/top_bg.jpg) top left no-repeat; }
#topFlash {
position:relative; 
margin-top: 40px;
margin-left: 338px; 
width:620px; 
height:240px; 
z-index:0;
}

	#logo    { float: left; display:inline; width: 243px; height: 242px; margin: 54px 0px 0px 89px }
	#menu    { display: inline; height: 33px; margin: 3px 5px; text-align: right; padding: 0px 65px 0px 40px; float: right; }
		#menu a { font-size: 12px; position: relative; font-weight: normal; color: #7b7b7b; background: url(images/button_bg.png) no-repeat; display: inline-block; height: 19px; padding: 12px 10px 0px 12px; }
		#menu a.unselected { color: #686868; }
		#menu a:hover,#menu a.selected { color: #33cccc;  }
		#menu a img { float: left;  margin-top: 0px; }
		
	#header_img { float: left; display: inline; width: 750px; height: 242px; overflow: hidden } 	

#content { float: left;  padding:0px 0px 40px 80px; width: 933px; overflow:hidden; background: url(images/content_bg.jpg) repeat-y; text-align: left }
	 
	h2 { height: 25px; display: block;  }
	
	#left   { width: 236px; float: left; display: inline; background: white url(images/left_middle_box.png) repeat-y; overflow: hidden; }
		#left img.img_top_box { margin-bottom: -135px; }
		#left h2 { font-size: 14px; font-weight: normal; }
		#left li { cursor: pointer; }
		#left ul li {   padding-left: 30px; }
		#left ul li a { font-size: 14px; color: #adadad;  position: relative; height: 22px; display: block }
		#left ul li a:hover,#left ul li ul li a:hover  { color: #33cccc;  }
		#left ul li.current_page_item a{ color: #33cccc;  }
		#left ul li .page_item a { color: #adadad;  }
		#left ul li a.selected { color: #33cccc;  }
		#left ul li a img { position: absolute; top: 0px; }
		#left ul ul { margin: 0px 1px 5px 1px; /* padding-top: 5px; background: #f9f9f9; */}
		#left ul ul li {  padding-left: 45px; }
		#left ul ul ul li {  padding-left: 20px; } 
		#left ul ul ul li a { /* font-size: 12px; font-weight: bold; */ font-style: italic; height: 18px;}
				

		#left h2 { margin-left: 30px; font-weight: bold; color: #33cccc; }
		#left ul li span { display: none }
		#left ul lispan img { display: none }
	
	#right  {  width: 619px; float: left; display: inline; background: white url(images/right_middle_box.png) repeat-y;  margin-left: 22px;  }
	#right-nobox  { width: 619px; float: left; display: inline; background: white; margin-left: 22px;  }
		
		/* INDEX */
		#right .in_box { margin: 0px 23px 0px 23px; float: left; display: inline; font-size: 13px;  line-height: 16px; color: #000; color: #696a6d; }
		#right .in_box p { margin-bottom: 15px; text-align: justify; }
		#right .in_box a:link { color: #33cccc }
		#right .in_box a:visited { color: #33cccc }
		#right h2 { color: #33cccc; font-size: 14px; font-weight: normal; padding-left: 23px ; padding-top: 23px; margin-bottom:-35px; height:72px; background: url(images/right_top_box.png) no-repeat top }
		#right .in_box li { padding-left: 18px; margin-bottom: 5px; background: url(images/li_style.jpg) no-repeat 0 7px }
		#right .in_box ul { margin-top: 0px; margin-left: 14px }

		 .in_box {   padding-bottom: 10px}
		 img.end_img	 { float: right; display: inline; margin-right: 56px }

		/* BOX LIST */
		#right .box { width: 244px; width: 540px; margin-left: 40px; margin-bottom: 23px; margin-bottom: 30px; float: left; display: inline; font-size: 12px}
		#right .box h3 { width: 244px; width: 540px; display: block; margin-bottom: 18px; height: 22px; margin-bottom: 0px; height: 16px; border-bottom: 1px solid #ebeaea }
		#right .box img { float: left; margin: 4px 10px 6px 0px }
		#right .box p {  margin-bottom: 15px; text-align: justify; font-family: Tahoma, Arial; font-size: 12px; color: #a6a6a6; color: #000; color: #696a6d; line-height: 15px }
		#right .box a.box_text { text-align: justify }
		
		/* VIDEO */
		#video { margin-left: 5px }
		
		/* REFEREZEN */
		#ref {}
		/* #right #ref table { margin: 20px 0px 15px 50px;   }  */
		#right #ref table { margin: 20px 0px 15px 0px;   }  
		#right #ref table td { background: url(images/table_r_border.png) repeat-y right; border-bottom: 2px solid #f3f4f4; line-height: 17px; width: 135px; height: 133px; text-align: center; vertical-align: middle }
		#right #ref table tr.last td { border-bottom: 0px }
		#right #ref table td.last { background: none }
		#right #ref table td img { margin-bottom: 5px }
				
		/* FORM */
		#right .in_form { margin: 0px 23px 0px 23px;   font-size: 13px;  text-align: justify; line-height: 16px; font-family: Tahoma, Arial  }
		#right .in_form p.text {width: 565px; padding: 0px; color:#b1b2b4;  font-size: 11px; margin-bottom: 28px }
		#right .in_form h3 { width: 572px; float: left; display: block; margin-bottom: 18px; height: 22px; border-bottom: 1px solid #ebeaea }
		
		h5 { display: block; width: 572px; margin-bottom: 23px; font-size: 11px}
		.group { display: block; width: 572px; margin-bottom: 23px; margin-left: -50px; width: 626px;  } 
		.close { margin-bottom: 5px }
				
			/* simple */
			.simple { display: block; float: left; width: 400px; margin-bottom: 23px; }
			.simple label { with: 200px; float: left; display: inline; margin: 0px; text-align: left }
			.in_form .simple input, .in_form .simple select, .in_form .simple textarea { width: 200px; margin-bottom: 8px }
			.in_form .simple select { width: 205px }
			.in_form .simple .senden input {  margin-left: 155px; width: auto; display: inline }
		
			.par { float: left; text-align: center; margin-left: 51px; display: inline; text-align: left  }
			.par p { font-style: italic }
			.in_form label, .in_form input, .in_form select, in_form textarea { width: 151px; padding: 1px; height: 16px; font-size: 11px; margin-bottom: 2px; display: block; border: 1px solid #cccccc }
			.in_form select { height: 18px }
			.mod_par_marg label { margin-bottom: 0px}
			.in_form input,.in_form textarea  { padding-left: 3px }
			.in_form textarea { width: 568px; height: 64px }
			
						
			.in_form p { font-size: 11px; }
			.in_form label { border: 0px; }
			.in_form label.long { width: auto }
			.in_form .w50 { width: 50px } 
			.in_form .w90 { width: 90px }
			
			/* group text */
			.group_text {  display: block; width: 572px; margin-bottom: 23px; border: 1px dotted #676767;padding-bottom: 25px }
			.group_text h5 { font-weight: bold; font-size: 11px; margin: 5px 0px 5px 10px}
			.group_text p {  line-height: 25px; margin: 10px; font-size: 11px }
		
			/* checkbox */
			.checkbox { display: block; width: 572px; margin-bottom: 23px; }
			.checkbox input { width: 20px; height: 12px; float: left; border: none }
			.checkbox label {float: left; width: 530px; font-style: italic; font-size: 11px   }
			
			/* senden */
			.senden { display: block; width: 572px; margin-bottom: 23px;  }
			
			.in_form .senden input { cursor: pointer; width: auto; background: white; margin-right: 5px; line-height: 9px; height: 18px; display: block;  padding: 0px 10px 2px 10px; float: left; font-weight: bold; font-size: 9px; text-transform: uppercase; color: #33cccc; border: 1px solid #cc0000 }
			.senden label {float: left; width: 400px; display: inline; font-style: italic; font-size: 11px  }
			
			/* calendar */
			.calendar input { width: 125px; margin-right: 5px; float: left }
			img.ui-datepicker-trigger {  cursor: pointer } 
			
			#ui-datepicker-div { font-size: 11px; display: none; }		
			
#footter  { float: left; height: 15px; width: 1013px; background: url(images/footer_bg.jpg) no-repeat;  }
#footter2 { float: left; height: 64px; width: 1013px;  _background: url(images/footter2b.png) no-repeat;  }
#footter2 a { float: right; margin: 14px 75px 0px 0px; display: inline }


/* new */
#left_start { width: 540px;  float: left; display: inline; }
.big_box { margin-bottom: 14px; float: left; cursor: pointer }
.in_big_bg { background: url(images/midlle_first_big.jpg) repeat-y; float: left }
.in_big_bg .in_body { background: url(images/bg_first_big.jpg) no-repeat; width: 536px; min-height: 202px; margin: 0 1px 0 1px; float: left }
.in_big_bg h2 { color: #33cccc; margin: 8px 0 0 26px; height: 20px; font-size: 12px; font-weight: bold; width: 450px }
.text { padding: 0px 8px 0px 26px;  width: 248px; float: left; font-size: 11px; line-height: 14px; color: #010000; color: #696a6d; text-align: justify }
.text p { margin-bottom: 11px }
.in_body .img { width: 229px; height: 171px; overflow: hidden; margin-left: 10px; margin-top: -17px;  margin-bottom: 12px; position: relative; float: left }
.in_body .img .border_img { position: absolute }

#right_start { width: 334px; float: left; display: inline; margin-left: 12px }
.small_box {  margin-bottom: -3px; position: relative; float: left; cursor: pointer }
.in_small_bg { background: url(images/midlle_first_small.jpg) repeat-y; float: left }
.in_small_bg .in_body { background: url(images/bg_first_small.jpg) no-repeat; width: 322px; min-height: 98px; margin: 0 1px 0 1px; float: left }
.in_small_bg .text { width: 160px; padding-top: 0px; padding-right: 10px; padding-left: 13px; font-size: 11px; line-height: 14px }
.in_small_bg .img { width: 114px; margin-top: -20px; margin-bottom: 10px;  height:85px; overflow: hidden; position: relative; float: left }
.in_small_bg h2 {  color: #33cccc; margin: 6px 0 0 13px; height: 20px; font-size: 12px; font-weight: bold; width: 100% }
img.border { float: left; display: inline; }
/* new */


.img_shadowbox { cursor: pointer }

/* Overwrite WP defaults */