/* @override http://www.german-safety-tour.de/2010/styles/gsd.css */

html {}
body {font-size: 10px; background: #596a72 url('../images/body-bg.jpg') repeat-x;	padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif;	color:#000;display: block;margin: 0px;}
* {padding: 0px;margin: 0px;}


a{color:#6B7B95;}
a:hover{color:#572d37;}
a, img {border:none;text-decoration: none; }


h1{letter-spacing:-1px;text-transform:uppercase;font-size:36px; padding:20px;margin:0 0 20px 0; color:#C17878; background:#111; border-bottom:10px solid}

h2{color:#e10019; font-weight: bold;font-size:13px;	margin:5px 0px 10px 0px;}

h3,h4,h5,h6{padding:6px 0}
h5{font-size: 11px;	margin-bottom: 2px;
	margin-top: 5px;
}
p{color:#000; clear:both; line-height: 13px; margin-top: 3px;font-size: 10px;}
.x-small{color: #000;font-size: 8px;line-height: 9px;}	
hr{display:none}


#bg{width:1400px;height: 1000px; background: url('../images/bg-big.jpg') no-repeat 0 0; text-align: center; margin: 0 auto;}
#container {width: 800px;  background: url('../images/bg.jpg') repeat-y 0 0;border: 4px solid #fff; float: left; text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 250px;
}

	
#logo {width: 800px; height: 85px; float: left; background-image: url(../images/header.png);}


/* @group Teilnahmebedingungen */

/* @group Linke-Spalte */
#left {	margin: 5px 0 0 10px; float:left; width: 183px;display: block; height: 100%;}
#left #gewinnspiel, #left #videos  {width: 183px; height: 117px; float: left; margin-top: 10px; margin-bottom:20px;}

/* @group Navi */

#left #menu {width:183px ;display: block; float: left; margin: 10px 0px 0px 0px;}
#left #menu ul {color: #fff; width: 183px; list-style: none; text-decoration: none; line-height:14px;}
#left #menu ul li { padding: 2px 4px 2px 4px; list-style:none; background-repeat: repeat-y;}
#left #menu ul li.active a span {color: #fff }

#left #menu ul li a {text-align: left; word-spacing: normal; color: #fef900; text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none;}

#left #menu ul li a span{font-size: 11px;}
#left #menu ul li a span.break, #menu ul li span.break{display: block; margin: 0px 0px 0px 18px}
#left #menu ul li a:hover {color: #fff;text-decoration: none; }


#donate{padding:10px 0;}

ul.sub{list-style:none;margin:0 0 40px 0;}
ul.sub li{ float:left;}
ul.sub a{ padding:5px 10px; margin:5px 5px 0 0; background:#111; border:solid; display:block}
ul.sub a:after{content: " »"}
ul.sub a:hover{color:#572d37}


/* @end */

/* @group Untermenu */

#submenu {margin: 0px 0px 0px 3px; text-align: left; word-spacing: normal; text-transform: uppercase; font-size: 9px; font-weight: bold; text-decoration: none; background: none;width:170px;color: #fef900 }

#submenu li {border-bottom: 1px dotted #fff;list-style:none; width: 160px;}
#submenu li a{white-space: normal; font-size: 9px !important;}
#submenu li a span {color: #fef900 !important; font-size: 9px !important; }

#submenu li a:hover { color: #e00c22; white-space: normal;}
#submenu li a.active {color: #fff !important;}
#submenu li a.active span{ text-transform: uppercase; color: #fff; font-weight: bold;}
/* @end */
/* @end */

#block_left div.copy span.linie-weiss {	border-bottom: 1px dotted #fff;width: 400px;float: left;height: 12px;}


/* @group Content */
#content {float:left; width: 586px;margin:5px 0px 5px 5px; padding: 0px 0px 0px 5px;display: block; }

/* @end */
#block_left div.start-img {
	text-align: center;margin-left: 8px;
}

#block_left div.start-img a img {
	float: left;
	margin-left: 7px;
	margin-bottom: 10px;
}

#content .copy table {border:none;	margin:10px 0px 0px 0px; text-indent: 4px; width:315px;}
#content table img{	margin:4px 0px 0px 0px;	border:none;}

#content .score {
	padding:10px 0px 0px 0px;
	text-indent: 4px;
	width:315px;
}

#content .copy table thead td, #content .score thead td{
	background-color: #e00c22;
	height: 20px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#content .copy table tr, #content .score tr  {
	line-height:18px;
}

#content .copy table td, #content .score td {text-align:center;}
#content .copy table .odd, #content .score .odd{background-color: #fdf5b3; color: #000;}

#content .copy table .even, #content .score .even{
	background-color: #ffee8c;
	color: #000;
}

#content #block_left5 table {
	margin:0px 0px 0px 20px;
}

#content table input{
	vertical-align:top;
	margin:3px 0px 0px 0px;
	font-size:9px;
}

div.copy ul{list-style-type: disc; display: block; list-style-position: outside;}

div.copy ul li{ }

/* Kontaktformular */
div.copy form{text-align: left;width: 350px;}
div.copy form label{width: 120px; display: block; float: left; margin-top: 5px;}
div.copy form input, div.copy form textarea, div.copy form img{	margin-top: 5px;}

/* @group Footer */


#footer { display: block; float:left; background: url('../images/footer2.gif') bottom no-repeat; width: 800px; height: 90px;	text-align:right;}
#footnote {	color: #000; font: bold 8px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 30px 28px 0px 241px;
	float: left;
}

#navi-bottom {text-align:left;font-weight: bold; float: left; clear: both; color: #fff; font-size: 10px; margin: -10px 0 0 12px;
}
	
#navi-bottom ul { list-style: none;	display: block;}
#navi-bottom ul li {float: left; margin: 0px 2px;color: #000;}
#navi-bottom ul li a {color: #000; text-decoration: none;}
#navi-bottom ul li a:hover, #navi-bottom ul .active {color: red;}

#footer_links {	margin: 0px 0px 0px 434px;}
#footer_link {float:left; margin: 27px 0 0px 7px;}
#footer_link a img {width: 70px;}

/* @end */

/* @group Content Klassen */



.red {
	color: #e10019;
}
.copy{margin: 15px;}


.copy ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	color: #000;
	padding:0px 0px 0px 20px;
	margin: 0;
}

.copy #contentmenu{
	list-style-type: none;
	font-weight:bold;
}

.copy li{
	padding:0px 0px 2px 0px;
	width: 315px;

}

.copy #contentmenu li{	border-bottom: 1px dotted #fff;	margin:5px 0px 5px 0px;	background: none;
	list-style: none;
}

.copy #contentmenu li a{
	text-decoration:none;
}

.text{
	font-size:10px;	
	color: #000;
	padding:18px 15px 10px 25px;
}









#content a{color: #e10019;}
#content a:hover{color: #000;}




.hide {
	visibility:hidden;
	display:none;
}



/* @group box-left startseite */


div#box-left1 {

	display: block;
	width: 426px;
	height: 151px;
	margin: 5px 0 0;
	float: left;
}

#box-left1 img {
	float: left;
	width: 140px;
	height: 151px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#box-left1 h2 {
	width: 180px;
	float: left;
	margin: 5px;
	padding: 0px;
	color: red;
	font-size: 14px;

}

#box-left1 h3 {
	width: 180px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 11px;
	color: red;
}

#box-left1 p {
	width: 180px;
	float: left;
	margin: 0 0 0 5px;
	padding: 0px;
}

div#box-left2 {

	display: block;
	width: 426px;
	height: 160px;
	float: left;
	margin: 0px 0 0;
	background: url('../images/img-box-left2.jpg') no-repeat 95% 90%;

}

*html #box-left2{height: 100px;}

#box-left2 h2 {
	display: block;
	width: 180px;
	float: left;
	padding: 0px;
	color: red;
	padding: 10px 0 0 5px;
	font-size: 11px;
}
#box-left2 h3 {
	width: 200px;
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	font-size: 11px;
	color: #000;
	
}

*html #box-left2 {background: url('../images/img-box-left2.jpg') no-repeat top right;}
.kooperationen {
	float: left;
	width: 200px !important;
	height: 73px;
	padding: 5px;
	border: 1px solid #DE3522;
	margin-top: 7px;
}
.kooperationen h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: red;
	text-transform: uppercase;
}
.kooperationen p {
	padding: 0px;
	margin: 0px;
}

#box-left2 p {
	width: 220px;
	height: 50px;
	float: left;
	clear: left;
	margin: 0px 0 0 5px;
	padding: 0px;

}
div#box-left3 {

	width: 170px;
	height: 100px;

	float: left;
}

*html div#box-left3 {margin-top: 8px;}

#box-left3 h2 {	width: 160px;
	float: left;
	margin: 0px;
	padding: 0px 0 0 5px;
	color: red;
	font-size: 14px;
}
#box-left3 h3 {	width: 160px;float: left;
	padding: 0px;
	font-size: 11px;
	color: #000;
	margin: 0px 0px 0px 5px;
}

#box-left3 p {
	width: 160px;
	margin: 0 0 0 5px;
	padding: 0px;
}

*html div#box-left3 {
height: 100px;
}

/* @end */

/* @group Block Left 8 */
#block_left8 {float:left; width:426px; background: url(../images/bg-center-8.png) no-repeat; height:450px;}
#block_left8 div.copy a img {float: left; margin: 0px 15px;}
/* @end */

/* @group box-left */
#block_left {display: block;float:left; width:426px; }
/* @end */


/* @group block-right */
#block_right {display: block; float:left; width:150px; margin-left: 10px;}

#banner-right img {width:150px; height: 210px;float: left;}

div#box-right {	width:150px;float: left;
}

#gewinn-2010 {
	width: 183px;height: 150px;margin: 0px 0px 10px 0px;padding: 0px;display: block;
}



#box-right h2, #box-right p {	width: 135px; //width: 130px; margin: 0px 0 5px 5px;}
html* #box-right p{	padding-left:0;	margin: 0;}
*html #box-right p{	padding: 5px 5px 5px 0px;margin: 0;}

/* @end */

/* @group jTip */



#block_left .left a{margin:0px 0px 0px 25px; font-size:12px;font-weight:bold;}

#tip {
margin:0px auto; width:400px; height: 500px;background: #FADF1A url('../images/bg_center.jpg') no-repeat right top;

}

#tip .text p, #tip .text a {margin: 10px;letter-spacing: 0px;
}

#tip .text ul{
letter-spacing: 0px;
	margin: 10px 10px 10px 25px;
}

#tip #content {
text-align:left;
width:380px;
margin: 0px auto;
float:right;
padding:0px 20px 0px 0px;
background: #FADF1A url('../images/bg_center.jpg') no-repeat right top;
}

#tip_a #tip #content, #tip_b #tip #content, #tip_b #tip #content {
height: 500px;
}

/* @end */


.clear {		/* Fliessumgebungen zuruecksetzen */
  float: none;
  clear: both;  
  width: 1px;  
  padding: 0; 
  font-size: 0px;  
  line-height: 0px;
  height: 0px;
}

/* @group Tourstopp-Navi */
#tourstopnavi {	float: left; height: 23px; width: 70px;}
#tourstopnavi img#next {width: 29px; margin-right: 0px;}
#tourstopnavi img#previous {width: 29px; margin-right: 5px;}
/* @end */






#news-but{width: 183px; height: 36px;float: left;margin-left: 10px;}




*html h2{font-style: 0.8em;}

#block_left div.copy span.left a.partnerlink {
	font-size: 11px;
}

#img1_4 {
	margin-right: 10px;
	margin-bottom: 5px;
	
	
}



#block_left div.copy a p.tourheading {
	margin-top: -12px;
	padding-bottom: 5px;
}
#block_left div.copy a:hover {text-decoration: underline;}
#gstmc { width:600px;height:600px;border:0px;padding: 0px;overflow:hidden;}

/* Neue Startseite ab Oktober 2009 */
#box-left_start102009 p {
	padding: 0px 10px 5px 10px;
}

#box-left_start102009 h3 {
	padding: 0px 10px;
	color: red;
	font-size: 11px;
}
/**/

#startscreen {height: 443px; width: 585px; background-image: url(../images/startscreen.png);
}

#startscreen a img {
	float: left;
}

#startlink1 img {
	margin-left: 430px;
	width: 160px;
	height: 60px;
}

#startlink2 img {
	margin-left: 445px;
	margin-top: 120px;
	width: 60px;
	height: 20px;
}

#startlink3 img {
	margin-left: 165px;
	margin-top: 110px;
	width: 60px;
	height: 20px;
	float: left;
}
#startlink4 img {
	float: left;
	margin-left: 220px;
	margin-top: 110px;
	margin-right: 70px;
	width: 60px;
	height: 20px;
}

#startlink5 img {
	margin-left: 190px;	
	margin-top: 70px;
	height: 20px;
	width: 60px;
}

img#2010gehtsweiter {
	float: right;
}
/* youtube slider */

#contactFormContainerausrichter {
	position: relative;
	float: left;
}
#contactFormContainer
{
	position: absolute;
	background: #fded38;
}

#contactForm
{
	width:183px;
	display:none;
}
#contactForm fieldset
{
	padding:30px;
	border:none;
}      

#contactLink
{
	height:117px;
	width:183px;
	background-image:url('../images/youtube_slider.jpg');
	display:block;
	cursor:pointer;
}

#MooFlow div div img:hover {
	border: 2px solid red;
}
-->

a.facebooklink img {
	border: 1px solid #fded38;
	margin-top: 10px;
}


/* @group Facebook YouTube */

div.facebook_youtube {
	width: 187px;
	height: 64px;
}

div.facebook_youtube a.facebook {
	width: 64px;
	height: 66px;
	float: left;
	background: url(../images/youtube_facebook.jpg) 0 -69px;
}

div.facebook_youtube a.facebook:hover {
	background: url(../images/youtube_facebook.jpg) 0 2px;
}

div.facebook_youtube a.youtube {
	width: 116px;
	height: 66px;
	background: url(../images/youtube_facebook.jpg) -63px -69px;
	float: left;
}
div.facebook_youtube a.youtube:hover {
	background: url(../images/youtube_facebook.jpg) -63px 2px;
	}

div.facebook_youtube .tooltip {
position: absolute;
display: none;
}

div.facebook_youtube .tooltip p {
padding: 5px;
background: url(../images/tooltip_bg.jpg) repeat-x;
color: #E10019;
font-weight: bold;
border: 1px solid #E10019;
}

/* @end */