/* Global */

html, body {
	height:100%;
}

body
{
	margin:0px;
	padding:0px;
	color:white;
	font-size:12px;
	font-family:sans-serif,Helvetica,Arial;
	min-width:41em;
	background-color:#2C2C2C;
}

td
{
	font-size:12px;
	font-family:sans-serif,Helvetica,Arial;
}

img
{
	border-style:none;
	display:block;
}

hr
{
	height:1px;
}

textarea
{
	font-size:12px;
	font-family:sans-serif,Helvetica,Arial;
	border:1px solid #808080;
    scrollbar-base-color:#2C2C2C;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#2C2C2C;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#000000;
}

input
{
	border:1px solid #808080;
}

a
{
	color:#C0C0C0;
	text-decoration:none;
}

a:hover
{
	color:#808080;
}



/* Structure */

div#site
{
	width:902px;
	margin:0px auto -1px auto;
	min-height:100%;
	background-color:#000000;
}

div#clearing
{
	clear:both;
}

div#header
{
	margin:0px auto 0px auto;
	width:900px;
	height:120px;
	background-color:#CCCCCC;
	border:1px solid #000000;
}

/* Main */

div#main
{
	width:546px;
	min-height:400px;
	float:left;
	margin:15px;
	padding:10px;
    padding-top:0px;
}

div#mainMaxWidth
{
	width:700px;
	min-height:400px;
	float:left;
	margin:15px;
	padding:10px;
}

div#main h1
{
	font-size:13px;
}

div#main h2
{
	font-size:12px;
}

div#main a
{
	color:#C0C0C0;
	text-decoration:none;
	font-style:italic;
}

div#main a:hover
{
	color:#C0C0C0;
}

div#mainMaxWidth a
{
	color:#C0C0C0;
	text-decoration:none;
	font-style:italic;
}

div#mainMaxWidth a:hover
{
	color:#C0C0C0;
}

/* Left */

div#left
{
    position:relative;
    left:-20px;
	width:150px;
	min-height:520px;
	float:left;
	margin:0px;
	margin-top:0px;
	/* border:1px solid red; */
}

div#leftItem
{
	margin:0px;
	margin-top:15px;
    padding:5px;
	width:145px;
	/* min-height:300px; */
	float:left;
    background-color:#2C2C2C;
    font-size:11px;
}

div#leftItem h1
{
    font-size:11px;
    text-align:center;
}

/* Right */

div#right
{
    position:relative;
    left:20px;
	width:150px;
	min-height:420px;
	float:left;
	margin:0px;
	margin-top:0px;
	padding:0px;
    /* border:1px solid red; */
}

div#infoItem
{
	margin:0px;
	margin-top:15px;
	padding:5px;
	width:140px;
	min-height:180px;
	background-color:#2C2C2C;
	text-align:center;
    font-size:11px;
}

div#infoExtension
{
	margin:0px;
	margin-top:15px;
	padding:5px;
	width:140px;
	min-height:20px;
	background-color:#2C2C2C;
	text-align:center;
    font-size:11px;
}

div#right h1
{
	font-size:11px;
	text-align:center;
	/* font-weight:bold; */
}

div#right h2
{
	font-size:11px;
	/* text-decoration:bold; */
	text-align:center;
}

/* Home */

div#home
{
	width:550px;
	min-height:20px;
	float:left;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	background-color:#888888;
}

div#home img
{
	float:left;
	margin-right:20px;
}

p#homeTitle
{
	font-weight:bold;
	/* margin-left:20px; */
    margin-top:0px;
    margin-bottom:20px;
    padding:5px;
}

p#homeContent
{
	margin-left:20px;
    padding-right:10px;
}

/* Navigation */

ul#navigation
{
	line-height:20px;
	font-weight:bold;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
    list-style-type:none;
}

ul#navigation a
{
	color:#FFFFFF;
	text-decoration:none;
    font-size:12px;
}

ul#navigation a:hover
{
	color:#CCCCCC;
}

/* MISC TODO*/

p#contentFoother
{
	width:100%;
	text-align:center;
	padding-top:20px;
	clear:both;
}

div#contentDescription
{
	width:530;
}

p#title
{
	font-weight:bold;
	text-align:center;
}

span#title
{
	font-weight:bold;
}

span#home
{
	font-weight:bold;
}

span#special
{
	font-weight:bold;
	text-align:center;
}

span#special_old
{
	font-weight:bold;
	text-align:center;
	text-decoration:line-through;
}

#border
{
	border:1px solid white;
}

div#title
{
	font-weight:bold;
	text-align:center;
	width:100%;
    padding:10px;
	margin-bottom:10px;
}

img#title
{
	margin:10px;
	border:1px white solid;
	display:inline;
}

/* Events */

table#events
{
	border-collapse:collapse;
	border:1px dashed black;
	width:550px;
}

td#events_date
{
	border:1px dashed black;
	height:25px;
	width:100px;
}

td#events_title
{
	border:1px dashed black;
	height:25px;
}

td#events_info
{
	border:1px dashed black;
	height:25px;
	width:90px;
	cursor:pointer;
	text-align:right;
}

span#annotation
{
	font-size:10px;
	color:#808080;
}

/* AGB */

div#agb
{
	margin-left:10px;
    padding:10px;
}

div#agb h1
{
	font-weight:bold;
}

/* Cruiser Competence Center */

div#ccc
{
}

div#ccc img
{
    /* margin:0px auto 0px auto; */
    margin:10px;
    float:left;
}

table#ccc
{
	width:530px;
	text-align:center;
	border-spacing:10px;
	border:1px solid white;
	border-collapse:collapse;
}

th#ccc
{
	text-align:center;
	border:1px solid white;
}

td#ccc1
{
	width:110;
	text-align:left;
	border:1px solid white;
}

td#ccc2
{
	text-align:center;
	border:1px solid white;
}

td#ccc3
{
	width:110;
	text-align:center;
	border:1px solid white;
}

/* GrabBox */

div#grabBox
{
	width:550px;
	min-height:20px;
	float:left;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	/* background-color:#888888; */
}

div#grabBoxPic
{
	width:150px;
	min-height:20px;
	float:left;
	margin:0px;
	padding:0px;
}

img#grabBoxPic
{
	float:left;
	margin-right:20px;
	padding:10px;
}

p#grabBoxTitle
{
	color:#FFFFFF;
	font-weight:bold;
	margin-left:20px;
}

p#grabBoxContent
{
	margin-left:20px;
}

span#grabBoxOldPrice
{
	text-decoration:line-through;
}

/* Renting */

div#renting
{
	width:550px;
	min-height:20px;
	float:left;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	background-color:#888888;
}

/* Popko Edition */

div#popkoedition
{
	width:550px;
	float:left;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

img#popkoeditionPic
{
	float:left;
	margin:10px;
}

p#popkoeditionTitle
{
	width:350px;
	float:left;
	margin-top:20px;
}

p#popkoeditionLinks
{
	width:80px;
	float:left;
}

/* BikePool */

table#bikePool
{
	border-collapse:collapse;
}

td#bikePool_model
{
	border:1px dashed white;
	height:25px;
	width:130px;
}

td#bikePool_yearofconstruction
{
	border:1px dashed white;
	height:25px;
	width:70px;
}

td#bikePool_color
{
	border:1px dashed white;
	height:25px;
	width:100px;
}

td#bikePool_description
{
	border:1px dashed white;
	height:25px;
	width:190px;
}

div#subtitle
{
	font-weight:bold;
	text-align:left;
	width:80%;
	margin-bottom:10px;
}

/* Contact */

input#contact
{
    width:250px;
    background:#000000;
    color:#FFFFFF;
}

textarea#contact
{
    width:250px;
    height:120px;
    background:#000000;
    color:#FFFFFF;
}