html { margin:0; padding:0; background:#fff; }
body {  margin:0; padding:0; font-size:12px; font-family: "Times New Roman", serif; color: #7D7D7D; }
#right_bg { position: fixed; top:0; right:0; bottom:0; left:1000px; margin:0; overflow:hidden; 
	background:url('../img/kiiotapete.gif'); border-bottom:26px solid black; }
#container { position: relative; top:0; left:0; margin:0; width:1000px; 
	background-color:#fff; padding:0; }
/* blue: #00AEEF */
#left { position: absolute; top:0; left:0; bottom:0; width:315px; min-height:100%; background:#fff; }
#left #logo { margin: 157px 0 0 80px; }
#leftcontent { margin:50px 55px 0; padding-top: 11px; border-top:1px solid black; }
#leftcontent a, #content a { text-decoration:none; border-bottom:1px dotted; }
#leftcontent a:hover, #content a:hover { border-bottom:1px solid; }
#leftcontent p i.small { font-size:12px; }
#leftcontent p { margin-bottom:9px; font-size:13px; text-align:left; }
#leftcontent p.tight { text-align:left; }

#pfeile { position: fixed; top:140px; left: 960px; z-index:10; }
#pfeile a { font-size:24px; border:none; font-weight: bold; }
#pfeile a.previous, #pfeile a.next:hover { color: #7d7d7d; border:none; }
#pfeile a.next, #pfeile a.previous:hover { color: #00aeef; border:none; }

#header, #content, #refnavi  { margin: 0 0 0 315px; }
#header { padding-top:3%; }
#header p { font-size: 14px; height: 50px; margin-right: 51px; }
#header h1 { font-size: 45px; }
#header h1 img { vertical-align:top; margin-top:4px; }

#refnavi { margin-top: 15px; position:relative; }
#refnavi li { float:left; width: 205px; margin-right:10px; border-bottom: 1px solid black; 
	font-size: 14px; padding-bottom:5px; }
#refnavi li a { color: #00AEEF; text-decoration: none; display:block; }
#refnavi li a.current, #refnavi li a:hover, #refnavi li:hover > a { color: #7d7d7d; }
#refnavi li ul { position: absolute; top:22px; display: none; }
#refnavi li.rnhover ul { display: block; }
#refnavi li ul li { border-bottom: none; padding:0; margin:0; float:none; opacity:0.7; filter:alpha(opacity=70);
	background:#fff;  width:205px; }
#refnavi li ul li:hover { opacity:0.8; filter:alpha(opacity=80); }
#refnavi li ul li.space { height:3px; opacity:0; filter:alpha(opacity=0); }
#refnavi li ul li.first { padding-top: 7px; }
#refnavi li ul li a { display:block; padding: 3px 10px; }
/* Patches IE 7 strange errors are ignored... */
* + html #refnavi li ul li { margin:-3px 0 !important; padding:0 !important; }
* + html #refnavi li ul li.space { display:none !important; height:0px; padding:0px !important; margin:0; }
* + html #refnavi li ul { overflow:hidden; margin:0 0 0 -70px; padding:0; }

#content { clear:left; }
#content ul.category { float:left; margin-right:10px; }
#content ul.category li { border-top: 1px solid black; width:205px; padding-top:9px; 
	height:197px; } /* height solves jumping-bug in cat-detail */
#content ul.category li a { border-bottom:none; }
#content ul.category li img { width: 203px; margin:0; border: 1px solid #ddd; }
#content ul.category li.first { border-top: none; }
#content ul.category li h5 { margin:0px 0 2px 2px; font-size:12px; color:#646464; font-weight: normal; 
	font-style: italic; letter-spacing: 0.03em; }
#content ul.category li h6 { margin:0 0 25px 2px; font-size: 10px; font-weight:normal; 
	font-style: italic; letter-spacing: 0.02em; }
#content ul.category li a:hover h5 { text-decoration:underline; }
#content img.project { width: 635px; margin-top:9px; }
#content div.projectline { width: 635px; margin-top:9px; border-bottom: 1px solid black; }
#content p { margin-right:41px; font-size:14px; }
/* category-detail */
#content ul.list { float:none; width: 650px; }
#content ul.list li { float:left; margin-right:10px; }

ul#navi { position: fixed; bottom:0; left:0; margin:0; padding:0; background-color:#00aeef; height: 26px; 
	width:100%;	text-transform: lowercase; color: #fff; }
#navi li { float:left; margin:0px 7px 0 0; padding:0px; }
#navi li.about { margin-left: 95px; }
#navi li a img { margin:3px 0 0 0; float:left; }
#navi li#contact { border-right:none; }
#navi li a { text-decoration:none; color: #fff; }
#navi li a:hover img { margin-top:0px; } /*font-variant: small-caps;*/
.popup span { display:none;position:relative; top:-15px; cursor: default; }
.popup:hover span { display:block;position:absolute;z-index:999; font-size:10px; color: #aaa; }

#bottom-line { position: fixed;bottom:0;left:315px;right:0; border-bottom:26px solid black; }


/* TEXT STYLES & MODIFIERS */
p { margin:2px 0px 5px 0; line-height: 18px; text-align:justify; }
.tight { line-height:16px; }
.emph { color:#00AEEF; font-weight:bold; }
.blue { color:#00AEEF !important; }
.small, .helptext { font-size:11px; }
.helptext { color: #aaa; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px !important; }
.big { font-size: 14px; }
.biggest { font-size: 16px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
.quiet, a.quiet:link, a.quiet:visited { color:#aaa !important; font-weight:normal !important; 
	letter-spacing:100%; text-transform:none; font-variant: normal; }
.strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.example { margin:10px 0; padding:5px 10px; background:#efefef; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.light { font-weight:light; }
span.star { vertical-align:top; margin-top:5px; display:inline-block; }

table.top tr th { vertical-align: top !important; padding-top:3px; }
/* FORM DEFAULTS */
form { margin:0; padding:0; }
input { background:#fff; color:#00AEEF; margin:0; padding:0 0 0 1px;
	vertical-align:middle; font-weight:normal; font-size:11px; }
input[type=text], input[type=password], textarea, select, .vTextField { border:1px solid #bbb; }
input[type=submit], input[type=button], input[type=reset], .submit-row input { font-size:12px; 
	padding:3px; background:#cc9933; color:#fff; border:none; }
input.error, textarea.error { border:1px solid red; }
textarea { background:#fff; vertical-align:top !important; color: #666; }
input[type=submit]:active, input[type=reset]:active, input[type=button]:active { color:black; }

.form_ul li { line-height: 1.4em; }
.form_ul li label, .info_ul li span.bold { display:inline-block; width:140px; }
.form_ul li input, .info_ul li span.info { vertical-align: top; margin-top:1px; }
.info_ul { margin-bottom: 15px; }
ul.errorlist li { margin-top:0; color: #EF6A6A; }

.radio_div { margin-top:20px; }
.sub_menu, .radio_buttons { margin:5px 0 5px 20px; }
.radio_buttons { word-spacing:2em; }

/* GLOBAL DEFAULTS */
ul { margin:0; padding:0; list-style-type:none; }
a { color: #808080; }
a:visited { color: #888; }
h1,h2,h4,h5 { font-weight:lighter; }
h1 { font-size: 40px; margin:0; }
h2 { color: #00AEEF; }
h2 { margin: 14px 0 7px 0; font-size: 16px; }
h3 { font-weight:bold; margin:0; font-size:14px; }
#content h3 { margin-top: 10px; margin-bottom:0; padding:0; line-height: 12px; }
h4,h5 { font-size: 12px; }
dt, dd { font-size:11px; line-height:14px; }
dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }
:link:focus, :visited:focus { -moz-outline: 0px dotted; }
img { border:none; }
a img { text-decoration:none !important; }
.spaceholder { height:30px; clear:both; }