@charset "ISO-8859-1";
/*
*    ____  _____ _____    _____ _____ _____ _____ _____              _   _
*   |    \|   __| __  |  |  _  |  |  |   | |  |  |_   _|   ___ _____| |_| |_
*   |  |  |   __|    -|  |   __|  |  | | | |    -| | |    | . |     | . |   |
*   |____/|_____|__|__|  |__|  |_____|_|___|__|__| |_|    |_  |_|_|_|___|_|_|
*                                                         |___|     Karlsruhe
*   01.08.2008 - Fabian Beiner <fbe@derpunkt.de>
*
*   Globale 'Cascading Style Sheets' -- Paradiso.tv
*/

/* Total Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
  border:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  outline:0;
  padding:0;
  vertical-align:baseline;
}

ol,ul
{
  margin-left:25px;
  list-style:none;
}

table
{
  border-collapse:separate;
  border-spacing:0;
}

caption,th,td
{
  font-weight:400;
  text-align:left;
  vertical-align:top;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:"";
}

blockquote,q
{
  quotes:"" "";
}

img
{
  vertical-align:top;
}

a img
{
  border:0;
}

/* 100% High Fix */
html, body
{
  height:100%;
}

/* Font Definitions */
body,p,td,th,li,input,textarea,select
{
  color:#4d4d4d;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:1;
}

/* Body Definitions */
body
{
  background:#fff1dc url(../img/bg_body.gif) center top fixed no-repeat;
}

/* Global Link Definitions */
a,a:link,a:visited,a:active
{
  color:#c8731e;
  text-decoration:none;
}

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

a:focus
{
  outline:0;
}

a.wysiwyg {
  color:#c8731e;
  text-decoration: underline!important;
}

a.wysiwyg:hover, a.wysiwyg:visited {
  text-decoration:none!important;
}

/* Ordered List Definitions */
ol
{
  list-style:decimal-leading-zero;
}

div#content ul
{
  margin-bottom:11px;
  margin-left:0;
}

div#content ul li
{
  background:url(../img/li.gif) 0px 2px no-repeat;
  padding-bottom:3px;
  padding-left:9px;
}
*/

/* Headlines / Default Formatting Definitions */
strong
{
  font-weight:700;
}

em
{
  font-style:italic;
}

.clear
{
  clear:both;
  font-size:0;
  height:0;
  overflow:hidden;
  visibility:hidden;
}

/* Wrapper */
div#wrapper
{
  margin:0 auto;
  min-height:100%;
  height:auto !important;
  height:100%;
  position:relative;
  width:890px;
}

div.right {
  float:right;
}

/* H1 - H3 */
h1,.h1 {
color:#c8731e;
font-size:14px;
font-weight:700;
margin-bottom:15px;
}

h2,.h2 {
color:#c8731e;
font-size:13px;
font-weight:700;
margin-bottom:15px;
}

h3,.h3 {
font-weight:700;
margin-bottom:15px;
}

/* Left Column */
div#left-column
{
  float:left;
  margin-top:19px;
  text-align:right;
  width:20px;
}

div#left-column img
{
  margin-bottom:1px;
}

/* Right Column */
div#right-column
{
  float:left;
  margin-right:20px;
  width:850px;
}

/* Footer */
div#footer
{
  clear:both;
  background:url(../img/bg_footer.gif) left top no-repeat;
  bottom:0;
  font-size:10px;
  left:50%;
  margin-left:-425px;
  padding-left:20px;
  padding-top:16px;
  position:absolute;
  text-transform:uppercase;
  width:850px;
}

div#footer a
{
  background:url(../img/trenner.gif) right bottom no-repeat;
  color:#4d4d4d;
  display:block;
  float:left;
  height:17px;
  margin-right:7px;
  padding-right:8px;
}

div#footer a#footer_last
{
  background:none;
}

div#footer a:hover
{
  color:#c8731e;
}

/* Metanav */
div#metanav
{
  font-size:10px;
  height:20px;
  line-height:20px;
  margin-right:9px;
  text-align:right;
  width:841px;
}

div#metanav a
{
  background:url(../img/trenner.gif) left top no-repeat;
  color:#948d83;
  display:block;
  float:right;
  margin-left:4px;
  padding-left:5px;
}

div#metanav a:hover
{
  color:#c8731e;
}

div#metanav a#metanav_first
{
  background:none;
}

/* Header */
div#header
{
  background:url(../img/bg_head_service.jpg) 0 0 no-repeat;
  height:208px;
  margin:0 auto;
  position:relative;
  width:840px;
}

div#player
{
  position:absolute;
  bottom:0px;
  height:20px;
  right:0px;
  width:50px;
}

/* Start Header */
div#header-start
{
  background:url(../img/bg_head_start.jpg) 0 0 no-repeat;
  height:364px;
  margin:0 auto;
  position:relative;
  width:840px;
}

div#start-flash
{
  left:215px;
  position:absolute;
}

div#address_spacer
{
  margin-top:15px;
}

div.address
{
  color:gray;
  font-size:11px;
  line-height:14px;
  margin-left:15px;
  padding-bottom:5px;
}

div.address a
{
  text-decoration:underline;
}

div.address a:hover
{
  color:#c8731e;
  text-decoration:none;
}

/* Level1 Navigation */
div#level1
{
  float:left;
  width:215px;
}

/* Level2 Navigation */
div.level2
{
  float:left;
  height:204px;
  position:relative;
  width:215px;
}

div#level2-aktuelles,div#level2-produkte
{
  height:195px;
}

div.level2 ul
{
  background:#fff;
  border-bottom:1px #e5e5e5 solid;
  border-left:1px #e5e5e5 solid;
  bottom:0;
  margin-left:0;
  position:absolute;
  width:214px;
}

div.level2 li
{
  display:inline;
}

div.level2 li a
{
  border-top:1px #e5e5e5 solid;
  color:gray;
  display:block;
  font-size:12px;
  line-height:12px;
  padding-bottom:4px;
  padding-left:9px;
  padding-top:3px;
}

div.level2 li a:hover,div.level2 li a#active
{
  background-color:#feedd5;
  color:#c8731e;
}

/* Back Spacer */
div#backspacer
{
  color:#c8731e;
  font-size:10px;
  height:12px;
  margin:7px 5px 0 5px;
  padding-left:231px;
}

/* Content */
div#content
{
  margin:0 5px 0 20px;
  padding-bottom: 20px;
}

/* Left Column */
div#content-left {
float:left;
margin-right:15px;
margin-top:40px;
width:200px;
}

/* Middle Column */
div#content-middle {
float:left;
margin-right:21px;
margin-top:7px;
padding-left:1px;
width:414px;
}

div.content-middle-and-right {
width:600px !important;
float:right !important;
}

div#content-middle ul {
  margin-left:0;
}

div#content-middle ul li {
  background:url(../img/li.gif) 0 6px no-repeat;
  padding-left:10px;
  line-height:15px;
}

div#content-middle a, div#div#content-wide a
{
  color:#c8731e;
  text-decoration:underline;
}

div#content-middle a:hover, div#content-wide a:hover
{
  color:#c8731e;
  text-decoration:none;
}

/* Content Wide */
div#content-wide {
  float:left;
  margin-right:21px;
  margin-top:7px;
  width:630px;
}

/* Right Column */
div#content-right
{
  float:left;
  font-size:11px;
  margin-top:7px;
  width:174px;
}

/* Edit Boxen */
.box_edit_button
{
  background-color:#c8731e;
  border:1px solid #000;
  color:#fff;
  cursor:pointer;
  padding:0;
  width:100%;
}

.box_edit_button_inactive
{
  background-color:#fff;
  border:1px solid #ff9e38;
  color:#ff9e38;
  cursor:pointer;
  padding:0;
  width:100%;
}

.box_edit_select
{
  background-color:#fff;
  border:1px solid #ff9e38;
  color:#ff9e38;
  width:100%;
}

/* Box links */
div.box-left {
  margin-bottom:15px;
  width:200px;
}

div.box-left a {
text-decoration:underline;
}

div.box-left a:hover {
color:#c8731e;
text-decoration:none;
}

/* Box rechts */
div.box-right
{
  margin-bottom:22px;
  width:174px;
  line-height:13px;
  font-size:11px;
}

div.box-right p
{
  font-size:11px;
}
div.box-right div.box-right-hl, div.box-hl
{
  background:url(../img/box_right_hl.gif) bottom left repeat-x;
  font-size:11px;
  font-weight:700;
  margin-bottom:8px;
  padding-bottom:3px;
  width:174px;
}

div.box-right ul.download
{
  list-style:none;
  margin-left:0;
}

div.box-right ul.download li
{
  background:url(../img/arrow.gif) 0 6px no-repeat;
  font-size:11px;
  line-height:13px;
  padding-bottom:4px;
  padding-left:7px;
}

div.box-right div.box-right-img {
margin:3px auto 3px;
width:172px;
}

div.box-right p {
line-height:12px;
}

div.p15
{
  line-height:15px;
}


/* Modelluebersicht */
div.p16
{
  line-height:16px;
  margin-bottom:16px;
}

.float-left {
  float:left;
  margin-bottom:15px;
  margin-right:15px;
}

div.modell
{
  border:1px #b3b3b3 solid;
  border-bottom:none;
  width:198px;
}

div.modell-last
{
  margin-right:0;
}

div.modell div.modell-img
{
  clear:left;
  background-color:#fff;
  height:100px;
  position:relative;
  width:198px;
}

div.modell img.modell-text-img
{
  background-color:#fff;
  border-top:none;
  width:198px;
}

div.modell div.modell-text
{
  background-color:#fff;
  color:gray;
  padding:1px 9px 0;
}

div.modell div.schema
{
  background:url(../img/bg_struktur.gif) 0 0 no-repeat;
  bottom:0;
  color:gray;
  font-size:11px;
  height:16px;
  line-height:15px;
  padding-left:7px;
  padding-right:4px;
  position:absolute;
  right:0;
}

div.modell div.schema a
{
  color:gray;
}

div.modell div.schema a:hover
{
  color:#c8731e;
}

/* Accordion */
div#accordion
{
  padding-top:4px;
}

div.accordion_head
{
  font-weight:700;
  line-height:17px;
  padding-top:2px;
  background:url(../img/box_right_hl.gif) top left repeat-x;
  margin-bottom:3px;
}

div.accordion_head span
{
  background:url(../img/arrow.gif) 0 4px no-repeat;
  padding-left:10px;
}

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

div.accordion_head span.accordion_active
{
  background:url(../img/arrow_down.gif) 0 5px no-repeat;
  color:#c8731e;
}

div.accordion_text
{
  line-height:16px;
  padding-left:10px;
}

div.content_text
{
  line-height:18px;
  margin-top:-4px;
  color:#4d4d4d
}

div.mitpfeil
{
  background:url(../img/arrow.gif) 0 4px no-repeat;
  padding-left:10px;
  margin-bottom:7px;
}

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

div.mitpfeil a:hover {
  text-decoration:underline !important;
}

ul.links
{
  margin-bottom:12px;
  margin-top:-2px;
}

ul.links li
{
  line-height:15px;
  padding-bottom:4px;
}

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

ul.links a:hover {
  text-decoration:underline !important;
}

/* Sitemap */
a.sitemap
{
  border-top:1px #ccc solid;
  display:block;
  line-height:16px;
  text-decoration:none !important;
}

a.sitemap:hover
{
  text-decoration:underline !important;
}

/* Rückruf Box */
input.rueckruf
{
  border:1px #b3b3b3 solid;
  font-size:11px;
  height:13px;
  margin:2px 0 3px;
  padding-bottom:2px;
  padding-left:2px;
  padding-top:1px;
  width:169px;
}

select.rueckrufoption
{
  border:1px #b3b3b3 solid;
  font-size:11px;
  height:20px;
  margin:2px 0 3px;
  padding-left:2px;
  padding-top:1px;
  width:173px;
}

/* Illustration */
div.illu {
  margin-bottom:15px;
  padding-top:7px;
  height:125px;
}

div.illu_left {
  width:205px;
  margin-top:3px;
  float:left;
}

div.illu_right {
  width:400px;
  float:left;
}

div.illu_right h2 {
color:#c8731e;
font-size:14px;
font-weight:700;
margin-bottom:5px;
}

/* Kontakt */
input.text {
border:1px #b3b3b3 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:15px;
margin:0;
padding-left:2px;
padding-top:3px;
width:297px;
}

textarea.textarea {
border:1px #b3b3b3 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:13px;
margin:0;
padding:2px;
width:295px;
}

table#contactform td {
padding-bottom:3px;
vertical-align:middle;
}

div#kontakt-bottom {
background:url(img/kontakt_bottom.gif) 0 0 repeat-x;
bottom:0;
height:23px;
left:0;
position:absolute;
text-align:right;
width:100%;
}

.icon_at {
  margin-top:5px;
}

/* Kontaktseite */
div.kontakt_product_modell {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}

/* Kontaktseite Kompass */
input#kompass_000 {position:relative; top:0px; left:58px;}
input#kompass_045 {position:relative; top:17px; left:77px;}
input#kompass_090 {position:relative; top:60px; left:68px;}
input#kompass_135 {position:relative; top:105px; left:27px;}
input#kompass_180 {position:relative; top:122px; left:-41px;}
input#kompass_225 {position:relative; top:88px; left:14px;}
input#kompass_270 {position:relative; top:43px; left:-27px;}
input#kompass_315 {position:relative; top:0px; left:-35px;}

.submitbutton {
background:url(../img/arrow.gif) 5px 6px no-repeat;
border:1px #b3b3b3 solid;
text-decoration:none!important;
font-size:10px;
color:#c8731e;
font-weight:700;
padding:3px 5px 4px 12px;
}

.submitbutton:hover {
text-decoration:underline!important;
}

.ansprechpartnertext {
float:left;
margin-left:4px;
margin-top:-3px;
width:128px;
}

.ansprechpartnertext p {
line-height:14px;
margin-bottom:3px;
}

.smalldiv, .smalldiv ul, .smalldiv li {
  font-size:10px!important;
  line-height:12px!important;
  margin-bottom:8px;
}

.smalldiv {
  margin-bottom:15px;
}

.smalldiv ul {
  margin-top:10px;
}

.smalldiv li {
  background:url(../img/li.gif) 0 4px no-repeat!important;
  margin-bottom:4px!important;
}

#gallery-container {
height:420px;
margin-bottom:15px;
width:630px;
}