/**
 * Stylesheet for www.krimi-couch.de - pages of type 'content'
 *
 * @media      screen, projection
 * @author     Lars Schafft, lars [dot] schafft [at] schafft [dot].biz
 * @uses       /styles/reset.css
 * @version    1.00 (2008-08-12)
 */

/* {{{ import basic styles and different background styles */

@import url("../reset.css");

/* }}} */
/* {{{ */

html
	{
		height: 100%;
	}

body
	{
		width: 100%;
		height: 100%;
		font-size: 100.01%;
		font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
		background: #CDE8C5 url(/images/layout/bg-body.jpg) 1.5em 0 repeat-x;
	}
	
div#wrapper
	{
		height: 100%;
		font-size: .85em;
		text-align: left;
	}
	
div#header
	{
		height: 135px;
		padding: 2em 0 2em 0;
	}
	
div#header h1
	{
		width: 462px;
		height: 135px;
		font-size: 2em;
		position: relative;
	}
	
div#header h1 span
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(/images/layout/logo.jpg) no-repeat;
		cursor: pointer;
	}
	
div#header h1 a
	{
		text-decoration: none;
		color: #000;
	}
	
div#nav
	{
		background: #FFBB00 url(/images/layout/bg-nav.jpg) center left repeat-x;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
div#nav div.inner
	{
		padding: 1em 1.5em !important;
		text-align: right;
		position: relative;
	}
	
div#nav ul li
	{
		display: inline;
		margin-left: 2em;
	}
	
div#nav ul li#start
	{
		position: absolute;
		top: 1em;
		left: 1.5em;
		margin-left: 0;
	}
	
div#nav a,
div#nav span.x
	{
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.2em;
		padding: 5px 0;		
		position: relative;
	}
	
div#nav span.x
	{
		color: #FFA800;
	}
	
div#nav a.x,
div#nav a:hover
	{
		background: #FFA800;
	}
	
div#nav a.x span.lft,
div#nav a.x span.rgt,	
div#nav a:hover span.lft,
div#nav a:hover span.rgt
	{
		position: absolute;
		top: 0;
		left: -10px;
		width: 10px;
		background: url(/images/layout/nav-corner-lft-top.png) no-repeat;
		display: block;
		height: 100%;
	}
	
div#nav a.x span.rgt,
div#nav a:hover span.rgt
	{
		left: auto;
		right: -10px;
		background: url(/images/layout/nav-corner-rgt-top.png) no-repeat;
	}
	
div#nav a.x span.lft span,
div#nav a.x span.rgt span,	
div#nav a:hover span.lft span,
div#nav a:hover span.rgt span
	{
		width: 10px;
		height: 10px;
		background: red;
		display: block;
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		background: url(/images/layout/nav-corner-lft-bottom.png) no-repeat;
	}
	
div#nav a.x span.rgt span,	
div#nav a:hover span.rgt span
	{
		background: url(/images/layout/nav-corner-rgt-bottom.png) no-repeat;
	}
	
ol#sub-nav,
p#logout
	{
		position: absolute;
		top: -130px;
		right: 1em;
	}
	
p#logout
	{
		top: -153px;
	}

ol#sub-nav li
	{
		display: inline;
		margin-left: 1em;
	}
	
div#wrapper div.inner
	{
		width: 67em;
		padding: 1.5em;
		margin: 0 auto;
		position: relative;
		min-width: 800px;
	}
	
div#content-container
	{

	}
	
div#content-container div.inner
	{
		background: #fff;
		line-height: 1.5;
	}
	
div.shadow-lft,
div.shadow-rgt
	{
		position: absolute;
		top: 0;
		left: -20px;
		height: 100%;
		width: 20px;
		background: url(/images/layout/shadow-lft.png) repeat-y;
	}
	
div.shadow-rgt
	{
		left: auto;
		right: -20px;
		background: url(/images/layout/shadow-rgt.png) -5px repeat-y;
	}
	
div#header div.shadow-lft,	
div#header div.shadow-rgt
	{
		top: -1em;
	}
	
div#content div.col-lft
	{
		float: left;
		width: 58%;
		padding-right: 2%;
	}
	
div#content-container h1,
div#content-container h2
	{
		color: #229900;
		font-weight: bold;
	}
	
div#content-container h1
	{
		font-size: 2.5em;
	}
	
div#content-container h2
	{
		font-size: 1.2em;
		margin: 1em 0 .5em 0;
	}
	
div#content-container p
	{
		margin: .5em 0;
	}
	
div#content div.col-rgt
	{
		float: right;
		width: 40%;
	}
	
div#content a:link,
div#content a:visited,
div#content a:hover
	{
		color: #FFA800;
		font-weight: bold;
	}
	
div#content ul
	{
		list-style: disc;
		padding-left: 1.5em;
	}
	
div#about
	{
		background: #239901 url(/images/layout/bg-about.jpg) bottom left repeat-x;
		color: #fff;
	}
		
div#about ul li
	{
		font-weight: bold;
		float: left;
		width: 25%;	
		font-size: .95em;
		line-height: 1.2;
	}
	
div#about ul li li,
div#about ul li address
	{
		font-weight: normal;
		font-size: 1em;
	}
	
div#about ul li ul,
div#about ul li address
	{
		margin-top: 1em;
		font-style: normal;
	}
	
div#about ul ul li
	{
		float: none;
		width: auto;
	}
	
div#about ul li.last
	{
		text-align: right;
	}
	
div#about a
	{
		color: #fff;
		text-decoration: none;
		padding-left: 10px;
		background: url(/images/layout/arrow.gif) center left no-repeat;
	}
	
div#about ul li.last a
	{
		padding: 0;
		background: none;
	}
	
div#about p
	{
		text-align: center;
		padding-top: 1em;
		font-size: .9em;
	}
	
p.picture
	{
		text-align: center;
		color: #229900;
		font-size: .9em;
	}
	
p.picture img
	{
		display: block;
		margin-bottom: .5em;
	}
		
.brand
	{
		text-transform: uppercase;
	}
	
.cb
	{
		clear: both;
	}
	
.txtsmall
	{
		font-size: .9em;
	}
	
a.hervorgehoben
	{
		background: url(/images/layout/arrow-link.gif) left center no-repeat;
		padding-left: 24px;
	}
	
hr
	{
		width: 100%;
		position: absolute;
		left: -999em;
	}
	
fieldset legend
{
display: none;
}

input.text,
textarea
{
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1em;
border: 1px solid #229900;
padding: .2em;
width: 30em;
}

fieldset label
{
color: #229900;
float: left;
width: 20em;
}

fieldset label p
{
clear: both;
}

fieldset label.required
{
font-weight: bold;
}

input.submit
{
color: #fff;
font-weight: bold;
background: #FFA800;
}

.error
{
color: red;
font-weight: bold;
}

.skip
{
position: absolute;
left: -999em;
}

table#board
{
	width:100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
border: 1px solid #FFA800;	
}

table th
{
background: #FFA800;
color: #fff;
font-weight: bold;
padding: .4em .75em;
}

table#board td
{
padding: .4em .75em;
}

input.checkbox-radio { margin-left: 20.5em; float: left; } 

p.error {padding-left: 20em;} 

label.inline{ display: block; float: none; padding-left: 22em; width: 28em;}

input.submit { margin-left: 20em;}

div#content address
{
border-left: .2em solid #FFA800;
padding-left: 1em;
margin: 1em 0;
font-style: normal;
}

/* }}} */