@charset "utf-8";
/********************************************************************************************************************
/ 	(C)2008 FBS Informatik GmbH
/	Filename:	dsg_layout.css
/	Version:	1.0 ( ***First Release )
/	Date:		31.01.2008
/	Autor:		Hunkeler Stefan < hunkeler(at)netandweb.ch >
/	Comment:	Hier werden die Grundelemente wie Boxen und Tabellen definiert.
*********************************************************************************************************************/

/********************************************************************************************************************/
/* General Styles
/********************************************************************************************************************/
.img_shock {
 border: 1px solid #666666;
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}

.img_shock:hover {
 border: 1px solid #CCCCCC;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;
}

a {
 color: #8f0505;
 text-decoration: none;
}

a:hover {
 color: #f17a11;
}


/********************************************************************************************************************/
/* Gallery Styles
/********************************************************************************************************************/
.bx_gallery_ov {
 position: relative;
 float: left;
 margin-left: 22px;
 margin-top: 25px;
 width: 532px;
 background-image:url(../dsg_graphics/dsg_bx_gallery.jpg);
 background-position: top left;
 background-repeat:no-repeat;
 border: 1px solid #272727;
}

.news {
 float: left;
 clear: none;
 width: 560px;
}

.ad_sense {
 float: right;
 margin-left: 5px;
}
.ad_sense_cp {
 position: relative;
 float: left;
 margin-left: 22px;
 margin-top: 25px;
 width: 90%;
 text-align: center;
}

.upper_border {
 float: left;
 width: 100%;
 padding: 3px;
}

.img_container {
 float: left;
 width: 120px;
 height: 90px;
 text-align: center;
}

ul.tech_spec {
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 60px;
}

ul.tech_spec2 {
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 80px;
}

ul.tech_spec_data {
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 130px;
}

.bottom_border {
 float: left;
 clear: both;
 width: 100%;
}

.gallery_country {
 float: left;
}

.gallery_title {
 margin-left: 3px;
 margin-top: 1px;
 float: left;
 font-size: 11px;
}

.bx_gallery_ov a {
 color:#FF9933;
}

.bx_gallery_ov a:hover {
 color: #FF3300;
}
.bx_gallery_cp a {
 color:#FF9933;
}

.bx_gallery_cp a:hover {
 color: #FF3300;
}

/* CAR PAGE SETTINGS */
.bx_gallery_cp {
 position: relative;
 float: left;
 margin-left: 22px;
 margin-top: 25px;
 width: 90%;
 background-image:url(../dsg_graphics/dsg_bx_gallery.jpg);
 background-position: top left;
 background-repeat:no-repeat;
 border: 1px solid #272727;
 text-align: center;
}

.img_exchange {
 margin-top: 30px;
}

.gallery_lmod {
 text-align: right;
 margin-right: 10px;
 font-size: 10px;
 color:#666666;
} 

.img_selector {
 margin-top: 10px;
}

.usr_info {
 text-align:center;
 width: 100%;
 margin: 10px;
 margin-left: 22px;
}

.usr_pagelink {
 float: left;
 margin-left: 3px;
 margin-top: 1px;
 font-size: 11px;
}

.usr_country {
 float:left;
}

.gallery_nav {
 width: 100%;
 margin-top: 25px;
}

.gallery_nav_left {
 float: left;
 margin-left: 20px;
}

.gallery_nav_right {
 float: right;
 margin-right: 40px;
}

/* HIER KOMMEN DIE SUCH SEITEN FORMATIERUNGEN */
#name {
 position: relative;
}

#antwort {
 position: relative;
 float: left;
 clear: both;
}


/********************************************************************************************************************/
/* Login Box Styles
/********************************************************************************************************************/

#stat_users {
 position: relative;
 float: left;
 margin-top: 12px;
 margin-left: 30px;
}

#stat_cars {
 position: relative;
 float: left;
 margin-top: 12px;
 margin-left: 53px;
}

#stat_online {
 position: relative;
 float: left;
 margin-top: 12px;
 margin-left: 40px;
}

/********************************************************************************************************************/
/* Login Box Styles
/********************************************************************************************************************/

form.lform input {
 width: 120px;
 filter:alpha(opacity=60);
 -moz-opacity:.60;
 opacity:.60;
 font-size: 12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color:#FFFFFF;
 font-weight: bold;
 background-color:#000000;
 border: 1px solid #999999;
 margin-bottom: 5px;
}

form.lform input.submit {
 width: 50px;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;
 background-color:#000000;
 border: 1px solid #999999;
 margin-bottom: 5px;
}

form.lform input.chkbx {
 width: 15px;
 margin: 0px;
 border: none;
 background: none;
}

/********************************************************************************************************************/
/* Latest Changes Styles
/********************************************************************************************************************/
.car_slot {
 position: relative;
 float: left;
 width: 130px;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
}

.latest_changes_note {
 position: relative;
 float: right;
 text-align: right;
 width: 170px;
}

h1.latest_changes {
 margin-bottom: 4px;
 margin: 0px;
 padding: 0px;
 text-align: right;
 padding: 3px;
 font-size: 11px;
 text-align: right;
 border-bottom: 1px solid #FFFFFF;
}

/********************************************************************************************************************/
/* News Box Styles
/********************************************************************************************************************/
#bx_news_gallery {
 position: relative;
 margin-left: 22px;
 margin-top: 25px;
 width: 532px;
 background-image:url(../dsg_graphics/dsg_bx_news_gallery.jpg);
 background-position: top left;
 background-repeat:no-repeat;
 border: 1px solid #272727;
}

h1.news_title {
 position: relative;
 margin-top: 6px;
 margin-left: 6px;
 margin-bottom: 0px;
 width: 250px;
 font-size: 11px;
 text-align: left;
 border-bottom: 1px solid #FFFFFF;
}

h2.news_title {
 position: relative;
 margin-top: 0px;
 margin-left: 6px;
 font-size: 10px;
 margin-bottom: 18px;
 color:#666666;
}

h3.news_title {
 position: relative;
 font-size: 10px;
 margin-bottom: 18px;
 color:#666666;
}

#bx_news_msg {
 margin: 6px;
}

ul.main_navigation {
 margin: 0px;
 padding: 0px;
}

ul.main_navigation li {
 list-style: none;
 display:block;
 width: 100%;
 height: 15px;
}

ul.main_navigation li a {
 text-decoration: none;
 color: #FFFFFF;
 padding-right: 5px;
}

ul.main_navigation li:hover {
 background-image: url(../dsg_graphics/dsg_mainnav_active.jpg);
 background-repeat:repeat-y;
}

ul.main_navigation li.active {
 background-image: url(../dsg_graphics/dsg_mainnav_active.jpg);
 background-repeat:repeat-y;
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}


/********************************************************************************************************************/
/* Sidebar Styles
/********************************************************************************************************************/

#bx_navigation {
 position: relative;
 margin-left:auto;
 margin-right:auto;
 margin-top: 5px;
 width: 150px;
 background-image: url(../dsg_graphics/dsg_carbon.jpg);
 background-repeat: repeat;
 border: 1px solid #272727;
 text-align: right;
}

#bx_randombabe {
 position: relative;
 margin-left:auto;
 margin-right:auto;
 margin-top: 5px;
 padding: 3px;
 width: 150px;
 background-image: url(../dsg_graphics/dsg_carbon.jpg);
 background-repeat: repeat;
 border: 1px solid #272727;
 text-align: center;
}

#bx_advertising {
 position: relative;
 margin-left:auto;
 margin-right:auto;
 margin-top: 5px;
 padding: 3px;
 width: 150px;
 background-image: url(../dsg_graphics/dsg_carbon.jpg);
 background-repeat: repeat;
 border: 1px solid #272727;
 text-align: center;
}

h1.sidebar_titles {
 position: relative;
 margin-left:auto;
 margin-right:auto;
 margin-bottom: 0px;
 padding: 3px;
 width: 150px;
 font-size: 11px;
 text-align: right;
 border-bottom: 1px solid #FFFFFF;
}

/********************************************************************************************************************/
/* Tutorials Styles
/********************************************************************************************************************/
.bx_tutorials_ov {
 position: relative;
 margin-left: 22px;
 margin-top: 25px;
 width: 532px;
 background-image:url(../dsg_graphics/dsg_bx_gallery.jpg);
 background-position: top left;
 background-repeat:no-repeat;
 border: 1px solid #272727;
}

/********************************************************************************************************************/
/* News Box Styles
/********************************************************************************************************************/
#bx_tutorials {
 position: relative;
 margin-left: 22px;
 margin-top: 25px;
 width: 532px;
 background-image: url(../dsg_graphics/dsg_bx_tutorials.jpg);
 background-position: top left;
 background-repeat:no-repeat;
 border: 1px solid #272727;
}

li.de {
	list-style-image: url(../img/tutorials/de.png);
	padding-left: 5px;
}

li.en {
	list-style-image: url(../img/tutorials/en.png);
	padding-left: 5px;
}

li.multi {
	list-style-image: url(../img/tutorials/multi.png);
	padding-left: 5px;
}

h2.tut_desc {
 position: relative;
 margin-top: 0px;
 font-size: 10px;
 margin-bottom: 5px;
 color:#666666;
}

textarea.tut_text {
	width: 550px;
	height: 250px;
}