/*
############################################################################
# created for CS Automobile GmbH                                           #
# copyright 2010 by webmug internet solutions (webmug.de)                  #
# author: Alexander Wuest (alex.wuest@webmug.de)                           #
# created on: 2010-02-10                                                   #
############################################################################
*/

/* Global CSS definitions */
body,table { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; }
body { margin:0px; padding:0px; text-align:center; color:#e0e0e0; }
body { background-color:#303030; }
form { display:inline; }
img { border:0; }
a { color:#eef; }


h1,h2,h3,h4,h5,h6 { color:#e0e0e0; font-family:Times New Roman,Verdana; padding-left:4px; }
h1 { font-size:24px; padding:8px 0px 0px 14px; height:43px; background:url(/gfx/page/h1_bg.png) no-repeat 0px 0px; }
h2 { font-size:20px; height:30px; background:url(/gfx/page/sep.png) no-repeat 0px 28px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

.separator {
  background:url(/gfx/page/sep.png) no-repeat 0px 28px;
}

/* CONTENT DEFINITION */
#wrapper {
  text-align:left;
  margin:auto;
  width:950px;
  position:relative;
}

#main {
  position:absolute;
  width:950px;
  top:240px;
  background:url(/gfx/page/page_bg.png) repeat-y #303030;
}
/* / CONTENT DEFINITION */

#header {
  position:absolute;
  left:0px;
  top:50px;
  width:939px;
  height:185px;
  background:url(/gfx/header/header1.jpg) no-repeat #303030;
}

#logo {
  position:absolute;
  top:1px;
  left:30px;
  background:url(/gfx/page/logo.png) no-repeat;
  width:110px;
  height:170px;
  z-index:50;
}

#topnavi {
  position:absolute;
  top:9px;
  right:13px;
  background:url(/gfx/page/topnav_bg.png) repeat-x;
  height:18px;
  padding:0px 15px 0px 15px;
}
#topnavi .navpoint {
  display:inline;
  margin-top:2px;
}

#topnavi .navpoint a {
  color:#c0c0c0;
  text-decoration:none;
  font-size:10px;
}

.submenu {
  display:none;
  position:absolute;
  background-color:black;
  border-left:1px solid #1a1a1a;
  border-right:1px solid #1a1a1a;
  border-bottom:1px solid #1a1a1a;
  width:215px;
  top:38px;
  padding-bottom:10px;
}

.submenu img {
  margin-bottom:10px;
}

.submenu .point {
  margin:5px;
}

.submenu .point a {
  color:#fff;
  text-decoration:none;
}

#nav1_sub {
  left:126px;
}

#nav4_sub {
  left:416px;
}

#navigation {
  position:absolute;
  top:126px;
  left:13px;
  background:url(/gfx/page/nav_bg.png) repeat-x #212121;
  height:39px;
  width:914px;
  z-index:10;
}

#navigation .first {
  margin-left:145px;
}

#navigation .navpoint {
  margin-top:12px;
  float:left;
}

#navigation .navpoint a {
  font-weight:bold;
  font-size:12px;
  color:#c0c0c0;
  text-decoration:none;
  font-weight:bold;
}

#navigation .navpoint a:hover {
  color:white;
}

#navigation .navsep {
  background:url(/gfx/page/navsep.png) no-repeat #1a1a1a;
  width:1px;
  height:39px;
  margin:0px 16px 0px 16px;
  font-size:1px;
  float:left;
}

#content_start {
  width:939px;
  height:36px;
  background:url(/gfx/page/content_top.png) no-repeat;
}

#content {
  width:880px;
  margin-left:40px;
}

#content p {
  line-height:16px;
}

#footer {
  position:relative;
  margin-top:30px;
  padding-top:10px;
  height:60px;
  background:url(/gfx/page/sep.png) no-repeat 0px 0px;
  text-align:center;
  color:#5b5b5b;
  font-size:10px;
}

#footer a {
  color:#5b5b5b;
  text-decoration:underline;
  font-size:10px;
}

#footer .webmug {
  text-decoration:underline;
}

/* TEASER */
.teasers {
  display:block;
  margin-top:20px;
  height:140px;
}

.teasers .teaser-sep {
  width:15px;
  height:140px;
  font-size:1px;
  float:left;
}

.teaser {
  float:left;
  position:relative;
  width:280px;
  height:140px;
  background:url(/gfx/page/teaser_bg.png) no-repeat;
}

.teaser .title {
  margin:5px 0px 0px 5px;
  position:absolute;
  background:url(/gfx/page/teaser_top.png) no-repeat;
  height:20px;
  width:247px;
  padding:4px 0px 0px 23px;
}

.teaser a {
  font-family:Times New Roman;
  font-size:14px;
  color:#c0c0c0;
  text-decoration:none;
}

.teaser .title:hover {
  color:white;
  background-color:black;
}

.teaser img {
  margin:5px 0px 0px 5px;
  border:0;
}