/**
 * Layout for PROJECT
 * (c) CLICKSPORTS DIGITAL SOLUTIONS
 * http://www.clicksports.de
 * 
 * $Rev$
 * $Author$
 * $Date$
 */

/* Reset Section */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset,img { border: 0px; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
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; }
ul { list-style: none; }
ol { list-style: none; }
a { text-decoration: none; }
object, embed { outline: none; }
a, a:active, a:visited { outline: none; }

html,body { height: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #6f6f6f;
}

/* Page Section */
#page {
	background-color: #f8f9f8;
	width: 800px;
	margin: 0px auto;
}

/* Header Section */
#header {
	background: url(../layout/bg_header.jpg) no-repeat center;
	position: relative;
	height: 135px;
}

#logo {
	position: absolute;
	left: 29px;
	top: 30px;
}

#facebook {
    bottom: 13px;
    left: 318px;
    position: absolute;
}

/* Teaser Section */
#teaser {
	position: relative;
	height: 273px !important;
	width: 516px !important;
	overflow: hidden;
}


#teaser img {
	height: 273px;
	width: 516px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

#teaser_wrapper { position: relative; }
#teaser_flag {
	background: url(../layout/arrow_flag.png) no-repeat left top;
	position: absolute;
	left: -31px;
	top: -4px;
	width: 89px;
	height: 66px;
	z-index: 400;
}
#teaser_text {
	position: relative;
	margin-top: -43px;
}
#teaser_heading {
	background: url(../layout/bg_teaser_heading.png) repeat center;
	line-height: 40px;
	font-size: 22px;
	text-transform: uppercase;
	width: 444px;
	left: 56px;
	top: 3px;
	padding-left: 16px;
	position: relative;
	z-index: 400;
}

#teaser_claim {
	color: #FFFFFF;
	background-color: #6f6f6f;
	left: 56px;
	top: 3px;
	position: relative;
	width: 428px;
	padding: 16px 16px 8px 16px;
}

#music { position: absolute; right: 36px; bottom: -3px; }
#music li { float: left; padding: 0px 1px; }

/* Navigation Section */
#navigation { margin: 37px 35px 50px 17px; }
#navigation li {  }
#navigation li a { display: block; color: #6f6f6f; }
#navigation > li {
	background: url(../layout/bg_li.png) no-repeat left 13px;
	line-height: 22px;
	padding-left: 34px;
}
#navigation > li > a {
	display: block;
	font-size: 18px;
	padding: 10px 0px;
}

#navigation li a { border-top: 1px solid #000; }
#navigation li:first-child a { border-top: none; }
#navigation li ul li a { border-top: none; }
#navigation li ul { margin: -8px 0px 12px 0px; }

#navigation li.active a,
#navigation li a:hover { color: #00b298; }

#navigation li.active ul li a { color: #6f6f6f; }
#navigation li ul li a.active { color: #00b298; }
#navigation li ul li a:hover { color: #00b298; }

/* Subnavigation */
#subnavigation-content { margin: 10px 10px 0 72px; list-style: none; }
#subnavigation-content li a {
	padding: 0 3px;
	border-left: 1px solid #000;
	color: #00B298;
	display: block;
	float: left;
}
#subnavigation-content a:hover,
#subnavigation-content .active a { text-decoration: underline; }
#subnavigation-content li:first-child a { border-left: none; padding-left: 0; }

/* Col Section */
#col_left {
	float: left;
	width: 516px;
}
#col_right {
	background: url(../layout/bg_col_right.jpg) repeat-y top left;
	float: right;
	width: 284px;
}

#col_right_footer {
	background: url(../layout/bg_col_right_bottom.jpg) no-repeat bottom;
	height: 249px;
}

#quality {
	background: url(../layout/bg_quality.jpg) no-repeat 54px 69px;
	position: relative;
	margin-bottom: 44px;
}
#quality_flag {
	background: url(../layout/quality_flag.png) no-repeat top center;
	position: absolute;
	width: 313px;
	height: 56px;
}
#speed_camera h1,
#quality h1 {
	line-height: 40px;
	font-size: 18px;
	padding-left: 51px;
}
#quality a { color: #00b298; }
#quality h2 { font-size: 15px; }
#quality h2, #quality p { padding: 12px 0px 0px 113px; }

#speed_camera {
	position: relative;
	background: url(../layout/bg_speed_cam.png) no-repeat 56px bottom;
	padding-bottom: 24px;
}
#speed_camera_flag {
	background: url(../layout/speed_camera_flag.png) no-repeat top center;
	position: absolute;
	width: 313px;
	height: 56px;
}

#speed_camera_content {
  padding: 12px 10px 35px 50px;
  min-height: 50px;
}

#radio {
    bottom: 2px;
    height: 40px;
    position: absolute;
    right: 18px;
    width: 80px;
    z-index: 100;
}

.radioblitzercontent > br { display: none; }
.radioblitzercontent .blitzermeldungtext:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.radioblitzercontent .blitzermeldungdate { display: block; }
.radioblitzercontent .blitzermeldungtext { margin-top: 6px; padding-top: 6px; border-top: 1px solid #000; display: block; }

/* Content Seciton */
#content {
	padding: 16px 37px 20px 69px;
}

/* Contents Section */
.contents {
	background: url(../layout/bg_contents.jpg) no-repeat bottom center;
	padding-bottom: 40px;
	line-height: 21px;
	margin-bottom: 18px;
}
.contents p { margin-bottom: 8px; }
#rss_blog h1,
.contents h1 {
	margin-bottom: 10px;
	margin-top: 18px;
	font-size: 18px;
}
.contents ul { list-style: none; margin-bottom: 10px; }
.contents ul li {
	background: url(../layout/bg_lists.png) no-repeat -1px 6px;
	padding-left: 16px;
}
.contents ul.images { list-style: none; }
.contents ul.images li { background: none; float: left; }
.contents a { color: #00b298; }

/* Blog Section */
#blog li {
	background: url(../layout/blog_flag.png) no-repeat 12px 7px;
	padding: 7px 7px 7px 37px;
	margin-bottom: 3px;
}

#blog li a {
	font-size: 14px;
	color: #6f6f6f;
	text-transform: uppercase;
	display: block;
}

#blog li:hover a { color: #FFFFFF; }
#blog li:hover { background-color: #6f6f6f; color: #FFFFFF; }

/* Footer Section */
#footer_wrapper {
	background: url(../layout/bg_footer_wrapper.jpg) repeat-x bottom center;
	width: 100%;
	height: 62px;
	margin-top: -62px,
}

#footer {
	width: 800px;
	margin: 0px auto;
	color: #FFFFFF;
}

/* Metagation Section */
#designed,
#metanavigation { margin-top: 27px; }

#metanavigation { margin-left: 73px; float: left; }
#metanavigation li {
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 0px 3px;
}
#metanavigation li a { display: block; color: #FFFFFF; }
#metanavigation li:first-child { border-left: none; }

#designed { float: right; margin-right: 35px; }
#designed a { color: #FFFFFF; text-decoration: underline; }
/* Clearing Section */
.container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.container {display:block;}
.container {clear:both;}

/* Form Section */

div.input_small { padding-left: 170px;}
div.input, div.checkbox { margin-bottom: 10px; }
div.input label { width: 170px; display: inline-block; vertical-align:top;}
div.textarea label { margin-top: 5px; vertical-align: top; }

div.input input,
div.input textarea,
div.input select {
    width: 219px;
    padding: 2px 3px;
    border: 1px solid #d3e6e3;
}

div.input input[type=radio] {
	width: auto;
}

div.input select { width: 227px; }
div.input textarea { height: 94px; }

div.submit button {
    border: 1px solid #d3e6e3;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-top: 8px;
    padding: 2px 3px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}

textarea.required,
input.required {
	background-image:url("../layout/input_required.gif");
	background-position:212px 4px;
	background-repeat:no-repeat;
}

label.error { color: #f00; padding-left: 174px; }

div.input textarea.error,
div.input input.error { border: 1px solid #f00; }