@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:225px;
}

/* Metanav */
div#metanav
{
  color:#999;
  font-size:10px;
  right:0px; /*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#internet_preis
{
  height:77px;
  position:absolute;
  right:23px;
  top:480px;
  width:127px;
}

/* Twitter */
div#twitter
{
  height:77px;
  position:absolute;
  left: 200px;
  width: 580px;
  top: 600px; 
}

/* 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
{
  /* background:url(../img/nav_bottom.png) bottom left no-repeat; evtl. auskommentieren wegen affiliates */
  float:left;
  margin-right:23px;
  /* padding-bottom:49px; evtl. auskommentieren wegen affiliates */
  width:175px;
}

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

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

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

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

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



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

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

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


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

/* Folgende Zeilen eingefügt für englische Webseiten am 20.03.2009 von Rainer und Isa  */

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

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

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

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

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

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

div#nav div#nav_bottom
{
  background:url(../img/nav_bottom.png) 0 0 no-repeat;
  padding-bottom:49px;
}

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


/* ende eingefügter Bereich */

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:269px;
  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;
}

/* Folgende Zeilen eingefügt für englische Webseiten am 20.03.2009 von Rainer und Isa  */

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

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

/*Ende eingefügter Bereich  */



/* 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:140px; /* height:90px; */
  overflow:hidden;
  width:584px;
}

div#flashnav ul li
{
  float:left;
  height:30px; /* 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;
}

/* Folgende Zeilen eingefügt für englische Webseiten am 23.03.2009 von Isa  */

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

/* ende eingefügter Bereich */

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;
}

/* Folgende Zeilen eingefügt für englische Webseiten am 23.03.2009 von Isa  */

a#insight_guest
{
  background:url(../img/en/guest_access.png) 0 0 no-repeat;
  display:block;
  float:left;
  height:159px;
  margin-bottom:10px; /* vorübergehend ergänzt, solange erster button in englischer Version ausgeblendet ist*/
  margin-right:10px;
  text-indent:-9999px;
  width:287px;
}


/* ende eingefügter Bereich */

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;
}

/* Folgende Zeilen eingefügt für englische Webseiten am 23.03.2009 von Isa  */

a#insight_functions
{
  background:url(../img/en/funktionen.png) 0 0 no-repeat;
  display:block;
  float:left;
  height:159px;
/*  margin-right:10px;*/
  margin-bottom:10px; /* vorübergehend ergänzt, solange erster button in englischer Version ausgeblendet ist*/
  text-indent:-9999px;
  width:287px;
}

/* ende eingefügter Bereich */

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;
}

/* Folgende Zeilen eingefügt für englische Webseiten am 23.03.2009 von Isa  */

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


/* ende eingefügter Bereich */

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;*/ /*auskommentiert wegen tests auf der faq seite*/
  line-height:16px;
  margin-bottom:6px;
  padding-left:16px;
}

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;
}