@charset "ISO-8859-1";
/**
 *  ____  _____ _____    _____ _____ _____ _____ _____              _   _
 * |    \|   __| __  |  |  _  |  |  |   | |  |  |_   _|   ___ _____| |_| |_
 * |  |  |   __|    -|  |   __|  |  | | | |    -| | |    | . |     | . |   |
 * |____/|_____|__|__|  |__|  |_____|_|___|__|__| |_|    |_  |_|_|_|___|_|_|
 *                                                       |___|    Karlsruhe
 *  @author    Fabian Beiner <fbe@derpunkt.de>
 *  @copyright DER PUNKT gmbh
 *  @license   http://creativecommons.org/licenses/by-sa/3.0/de/
 *  @date      13. Oct. 2008
 *  @link      http://derpunkt.de
 */

/**
 *  @section Layout
 *
 *  These settings HAVE TO BE in this file, no matter what...
 */

body
{
  background-color:#fff;
  color:#4d4d4d;
  font-size:11px;
  line-height:1;
}

a,a:link,a:visited,a:active
{
  color:#4d4d4d;
  text-decoration:none;
}

a:focus,a:hover
{
  color:#e2001a;
}

/**
 *  @section Layout
 *
 *  Project specific CSS declarations.
 */
/* Wrapper */
div#wrapper
{
  margin:0 auto;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:relative;
  width:980px;
}

/* Selections for Firefox */
::-moz-selection
{
  background-color:#e2001a;
  color:#fff;
}

/* Head */
div#head
{
  height:100px;
  position:relative;
  width:980px;
}

div#head img#logo
{
  height:53px;
  left:197px;
  position:absolute;
  top:27px;
  width:275px;
}

/* Metanav */
div#metanav
{
  color:#999;
  font-size:10px;
  left:554px;
  position:absolute;
  text-transform:uppercase;
  top:26px;
}

div#metanav a
{
  color:#999;
  text-decoration:none;
}

div#metanav a:hover,div#metanav a:focus,div#metanav a#metanav_active
{
  color:#e2001a;
}

/* Foot */
div#foot
{
  background:url(../img/sitemap.gif) 0 8px no-repeat;
  border-top:1px #d9d9d9 solid;
  bottom:5px;
  clear:both;
  color:#999;
  font-size:9px;
  left:50%;
  line-height:12px;
  margin-left:-292px;
  padding-left:55px;
  padding-top:5px;
  position:absolute;
  width:539px;
}

div#foot a
{
  color:#999;
  text-decoration:none;
}

div#foot a:hover,div#foot a:focus,div#foot a#foot_active
{
  color:#4d4d4d;
}

/* CAS Logo */
div#cas
{
  height:74px;
  left:18px;
  position:absolute;
  top:480px;
  width:134px;
}

/* Internet Preis */
div#komix
{
  height:77px;
  position:absolute;
  right:23px;
  top:480px;
  width:127px;
}

/* Columns */
div#column_left
{
  background:url(../img/bg_content.png) center left no-repeat;
  float:left;
  min-height:349px;
  margin-bottom:50px;
  width:792px;
}

div#column_right
{
  float:right;
  width:174px;
}

/* Navigation */
div#nav
{
  float:left;
  margin-right:23px;
  padding-bottom:49px;
  width:175px;
}

div#nav a
{
  display:block;
  height:50px;
  text-indent:-9999px;
  width:175px;
}

div#nav a#menu_co_je_cas_pia
{
  background:url(../img/menu_co_je_cas_pia.png) 0 0 no-repeat;
}

div#nav a#menu_funkce
{
  background:url(../img/menu_funkce.png) 0 0 no-repeat;
}

div#nav a#menu_otazky
{
  background:url(../img/menu_otazky.png) 0 0 no-repeat;
}

div#nav a#menu_prehled
{
  background:url(../img/menu_prehled.png) 0 0 no-repeat;
}

div#nav a#menu_objednani_cena
{
  background:url(../img/menu_objednani_cena.png) 0 0 no-repeat;
}

div#nav a#menu_reference
{
  background:url(../img/menu_reference.png) 0 0 no-repeat;
}

div#nav a.nav_hover:hover
{
  background-position:0 -50px !important;
}

div#nav a.nav_active
{
  background-position:0 -100px !important;
}

/* Content */
div#content
{
  background:url(../img/corner_bottom.gif) bottom right no-repeat;
  float:left;
  min-height:349px;
  width:594px;
}

div#corner_top
{
  background:url(../img/corner_top.gif) top right no-repeat;
  height:10px;
  width:594px;
}

div#content a
{
  text-decoration:underline;
}

div#content a:hover,div#content:focus
{
  text-decoration:none;
}

div#content li
{
  background:url(../img/li.gif) 0 4px no-repeat;
  line-height:13px;
  padding-bottom:4px;
  padding-left:10px;
}

/* Sidebar */
div#sidebar
{
  background:url(../img/bg_sidebar.png) top left no-repeat;
}

div#sidebar div#sidebar_content
{
  color:#4d4d4d;
  height:289px;
  padding-top:8px;
}

div#sidebar a#gratis
{
  background:url(../img/gratis_arbeiten.png) 0 0 no-repeat;
  display:block;
  height:72px;
  text-indent:-9999px;
  width:174px;
}

div#sidebar a#gratis:hover,div#sidebar a#gratis:focus
{
  background-position:0 -72px;
}

/* Login Box */
div#loginbox
{
  color:#4d4d4d;
  font-size:10px;
  margin:0 9px;
}

div#loginbox a#gast
{
  background:url(../img/pfeile_rot.gif) 0 3px no-repeat;
  color:#e2001a;
  cursor:pointer;
  float:right;
  font-weight:700;
  padding-left:11px;
  text-decoration:none;
  text-transform:uppercase;
}

div#loginbox a#gast:hover,div#loginbox a#gast:focus
{
  background:url(../img/pfeile_grau.gif) 0 3px no-repeat;
  color:#4d4d4d;
}

div#loginbox p#login
{
  color:#4d4d4d;
  float:left;
  font-weight:700;
  margin-bottom:7px;
  text-transform:uppercase;
}

div#loginbox input.text
{
  border:1px #e1e1e1 solid;
  color:#4d4d4d;
  height:14px;
  margin:0 1px 2px;
  padding-left:4px;
  padding-top:2px;
  width:148px;
}

div#loginbox input.text_small
{
  border:1px #e1e1e1 solid;
  color:#4d4d4d;
  float:left;
  height:14px;
  margin:0 1px 2px;
  padding-left:4px;
  padding-top:2px;
  width:126px;
}

div#loginbox input#submit
{
  float:right;
  margin-right:1px;
}

div.sidebar_trenner
{
  background:url(../img/trenner_sidebar.gif) 0 0 no-repeat;
  height:4px;
  margin-top:8px;
}

/* Highlights */
div#highlights
{
  color:#4d4d4d;
  margin:8px 9px 0;
}

div#highlights p#hl
{
  font-size:10px;
  font-weight:700;
  margin-bottom:8px;
  text-transform:uppercase;
}

div#highlights ul
{
  clear:both;
}

div#highlights ul li
{
  padding-bottom:8px;
}

div#highlights ul li a
{
  background:url(../img/pfeile_grau2.gif) top right no-repeat;
  padding-right:12px;
}

div#highlights ul li a:hover,div#highlights ul li a:focus
{
  background:url(../img/pfeile_rot2.gif) top right no-repeat;
  color:#e2001a;
}

/* Kontakt */
div#kontakt
{
  color:#4d4d4d;
  font-size:10px;
  margin:0 9px;
}

div#kontakt p#hl
{
  font-weight:700;
  margin-bottom:8px;
  text-transform:uppercase;
}

div#kontakt img#foto
{
  margin-bottom:13px;
  margin-top:6px;
}

div#kontakt p#name
{
  font-weight:700;
  margin-bottom:4px;
  text-transform:uppercase;
}

div#kontakt p.text
{
  font-size:11px;
  line-height:14px;
  margin-bottom:7px;
}

div#kontakt address
{
  font-size:11px;
  font-style:normal;
  font-weight:700;
}

/* Startbar */
div#startbar
{
  color:#4d4d4d;
  line-height:14px;
  margin:10px auto 0;
  width:584px;
}

div#startbar div.item
{
  float:left;
  margin-right:14px;
  width:135px;
}

div#startbar div#item_last
{
  margin-right:0 !important;
}

div#startbar div.item img
{
  margin-bottom:6px;
}

/* Content */
h1
{
  font-size:14px;
  font-weight:700;
  margin-bottom:9px;
}

h2 {
  font-size:12px;
  font-weight:700;
  margin-bottom:4px;
}

div.content_text
{
  line-height:15px;
  margin-top:6px;
  margin-right:10px;
  margin-bottom:7px;
}

div#flash
{
  margin-bottom:10px;
}

div#flashnav
{
  margin-bottom:30px;
  width:584px;
}

div#flashnav ul
{
  height:90px;
  overflow:hidden;
  width:584px;
}

div#flashnav ul li
{
  float:left;
  height:20px;
  width:136px;
}

div#flashnav ul li a#flashnav_active
{
  color:#e2001a !important;
}

/* Referenzen */
div.referenzen_container
{
  margin-bottom:17px;
}

.float_img_right
{
  float:right;
  margin-bottom:5px;
  margin-left:10px;
  margin-top:4px;
}

.float_img_left
{
  float:left;
  margin-right:10px;
  margin-top:4px;
}

div.referenzen_hr {
  height:1px;
  background:url('../img/hr.gif') 0 0 repeat-x;
  margin:0 0 16px;
}

div.trenner_hr {
  height:1px;
  background:url('../img/hr.gif') 0 0 repeat-x;
  margin:0 0 9px;
}

p.bildmaterial
{
  font-size:10px;
  line-height:11px;
  margin-top:3px;
  margin-bottom:2px;
}

p.bildmaterial a
{
  text-decoration:none !important;
}

a.more
{
  text-decoration:none !important;
  font-weight:bold;
}

/* Funktionen */
a#einblicke_rundgang
{
  background:url(../img/rundgang.png) 0 0 no-repeat;
  display:block;
  float:left;
  height:159px;
  margin-bottom:10px;
  margin-right:10px;
  text-indent:-9999px;
  width:287px;
}

a#einblicke_gastzugang
{
  background:url(../img/gastzugang.png) 0 0 no-repeat;
  display:block;
  float:left;
  height:159px;
  margin-bottom:10px;
  text-indent:-9999px;
  width:287px;
}

a#einblicke_funktionen
{
  background:url(../img/funktionen2.png) 0 0 no-repeat;
  display:block;
  float:left;
  height:159px;
  margin-right:10px;
  text-indent:-9999px;
  width:287px;
}

a#einblicke_gratis
{
  background:url(../img/dreisig_tage_gratis.png) 0 0 no-repeat;
  display:block;
  float:left;
  height:159px;
  text-indent:-9999px;
  width:287px;
}

span.hidden
{
  display:none;
}

a#einblicke_rundgang:hover,a#einblicke_rundgang:focus,a#einblicke_gastzugang:hover,a#einblicke_gastzugang:focus,a#einblicke_funktionen:hover,a#einblicke_funktionen:focus,a#einblicke_gratis:hover,a#einblicke_gratis:focus
{
  background-position:0 -160px;
}

/* FAQ */
div.accordion_head
{
  background:url(../img/hr.gif) bottom left repeat-x;
  line-height:12px;
  margin-bottom:5px;
  padding-bottom:5px;
}

div.accordion_head:hover
{
  color:#e2001a;
  cursor:pointer;
}

div.accordion_text
{
  background:url(../img/faq.gif) 0 4px no-repeat;
  line-height:16px;
  margin-bottom:6px;
  padding-left:16px;
  padding-bottom:7px;
}

a.accordion {
  text-decoration:none !important;
}

a.accordion:hover, a.accordion:focus {
  color:#4d4d4d;
}

/* Funktionen */
div.funktion_links
{
  float:left;
  width:200px;
  text-align:center;
}

div.funktion_rechts
{
  float:left;
  width:380px;
}

/* Besondere Links */
a.rundgang
{
  background:url(../img/a_rundgang.gif) 0 0 no-repeat;
  padding-left:20px;
}

a.funktionen
{
  background:url(../img/a_funktionen.gif) 0 0 no-repeat;
  padding-left:20px;
}

a.kalender
{
  background:url(../img/a_kalender.gif) 0 0 no-repeat;
  padding-left:20px;
}

a.gastzugang
{
  background:url(../img/a_gastzugang.gif) 0 0 no-repeat;
  padding-left:20px;
}

a.pfeil
{
  background:url(../img/a_pfeil.gif) 0 0 no-repeat;
  padding-left:20px;
}

/* News */
p.news_sub
{
  margin-bottom:13px;
  font-weight:700;
}

div.hidden
{
  display:none;
}

/* CSS for demo and trial access */

div.demo_access {
  float:right;
}

a.demo_button {
  background:transparent url('../img/demo_btn_right.png') no-repeat scroll top right; 
  color:#EFEFEF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  cursor:pointer;
  text-decoration:none;
  height:30px; /* HEIGHT OF IMAGE */
  margin:4px 8px 4px 0px;
  padding-right:15px; /* WIDTH OF RIGHT IMAGE */
  text-decoration:none;
  display:block;
  float:left;
}

a.demo_button span {
  background:transparent url('../img/demo_btn_left.png') no-repeat; 
  display:block;
  line-height:20px; /* BUTTON HEIGHT */
  padding:5px 0px 5px 15px;
} 

a.demo_button:hover {
  background-position:100% -30px;
}

a.demo_button:hover span {
  background-position:0% -30px;
  color:#DFDFDF;
}

/* CSS for references */
.reference_img {
  float:left;
  margin:10px 15px 8px 0px;
}

.reference_text {
  text-align:justify;
  margin:10px 10px 5px 0px;
}

.reference_link {
  clear:both;
  margin-bottom:12px;
}

/* CSS for forms */
.form {
	padding:8px;
}

.form label {
	width:220px;
}

.form select {
	width:154px;
	background-color:#F8F8F8;
}

.form br {
	clear:both;
}

.hr {
	width:374px;
	height:5px;
	border-bottom:1px solid #DFDFDF;
	margin:2px 0px 10px 0px;
	font-size:1px;
	line-height:0;
}

.hr_full {
	width:100%;
}

.marked {
	color:#EC4040;
}

.form_label {
	position:relative;
  display:block;
  float:left;
	font-weight:bold;
	margin-top:2px;
}

.form_input {
	width:150px;
	border:1px solid #BABABA;
	background-color:#F8F8F8;
	padding:2px 1px 2px 1px;
	margin-bottom:5px;
}

.form_input_disabled {
	background-color:#E0E0E0;
}

.form_checkbox {
	margin-right:10px;
}

.form_checkbox_div {
	margin-top:15px;
	margin-left:220px;
}

.form_checkbox_text {
	height:20px;
	line-height:20px;
}

.form_campaign {
	margin-top:0px;
	margin-left:10px;
}

.form_button {
	width:150px;
	font-weight:bold;
	color:#4D4D4D;
	background-color:#FEA;
	border:2px outset #FC6;
	border-top-color:#FC9;
	border-left-color:#FC9;
	padding:2px 1px 2px 1px;
	margin:12px 0px 4px 220px;
}

.form_button:hover {
	color:#2F2F2F;
	background-color:#FD5;
	border-color:#FC0 #C32 #C32 #FC0;
	cursor:pointer;
}

.clue {
	width:372px;
	border:1px solid #DCDCDC;
	background-color:#FFD;
}

.clue_text {
	color:#DC4040;
	padding:0px 2px 0px 2px;
}

.clue_highlight {
	border-color:#EC4040;
}

.clue_img {
	display:block;
	border:0px;
	position:relative;
	left:4px
}

.captcha {
	margin:5px 0px 10px 220px;
}

#captcha_id {
	border:1px solid #BABABA;
	padding:1px;
}