/* basic stylesheet for www.pacwolf.de */
/* author: www.ideenwerft.com */

/* Farben:  rot #dc0217  hellblau #98d1de*/

* {padding:0px;margin:0px;}
img {border:0;}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}
body {
padding-top:0;
font-size: 75%; 
font-family: arial, verdana, Sans-Serif;
color:#666;
text-align:center;
background-color:#fff;
overflow: -moz-scrollbars-vertical; /* für inaktiven scrollbalken bei mozilla */
}
#rahmen {
width: 975px;
margin: 7px auto 20px;
text-align:left;
background:url(img/wolf.gif) top right no-repeat;
} 
#right {width:215px;float:right;padding-top: 355px;}
#top {width:743px;height:160px;position:relative;}
.logo {float:left;width:300px;padding-top:10px;}
.static {float:right;margin-top:10px;}
.shortcuts {position:absolute;bottom:0;right:0;padding-bottom:5px;text-align:right;}
#navi {width:743px;height:35px;background-color:#dc0217;}
#emotion {margin-top:2px;width:743px;overflow:hidden;position:relative;}
#content {width:743px;margin-top:10px;}
#start #content {width:756px;}
#emotion .hLeft {float:left;width:426px;margin-right:2px;}
.cLeft {float:left;width:410px;padding-top:8px;}
.cRight {float:right;width:315px;padding-top:8px;}
#footer {clear:both;}
.iw {font-size:1em;padding-top:30px;}

/* +++ png +++ */
img.png{position:absolute;left:428px;top:210px;z-index:5;}
#emotion .tx-rgsmoothgallery-pi1 {}

/* +++ top navi ++++++++++++ */
#navi ul {list-style:none; list-style-position:inside; color:#fff;font-size:1em;}
#navi ul li {float:left;}
#navi a:link, #navi a:visited {
display:block;
padding: 10px 11px 3px 12px;
text-decoration:none;
font-size:1.2em;
font-style:italic;
color:#fff;
font-weight:normal;
}
#navi a:hover, #navi a:focus {color:#ccc;border-bottom:6px solid #ccc;}
#navi li.current a:link, #navi li.current a:visited {color:#98d1de;border-bottom:6px solid #98d1de;}
#navi li.current a:hover, #navi li.current a:focus {color:#98d1de;}

/* *** static ******************************/
.static ul {
list-style:none;
list-style-position:inside; 
font-size:0.9em;
font-weight: normal;
color:#666;
}
.static ul li {display:inline;padding-left:15px;}
.static ul li a, .static ul li a:visited {
text-decoration: none;
color:#666;
}
.static ul li a:hover {
text-decoration: underline;
color:#e20016;
}

/* +++ shortcuts auf boxen +++ */
.shortcuts ul {list-style:none;list-style-position:inside; font-size:1.1em;font-weight: bold;color:#999;}
.shortcuts ul li {margin-bottom:3px;}
.shortcuts ul li a, .shortcuts ul li a:visited {
text-decoration: none;
color:#999;
}
.shortcuts ul li a:hover {
text-decoration: underline;
color:#e20016;
}
.shortcuts li.current a:link, .shortcuts li.current a:visited {color:#e20016;}
.shortcuts li.current a:hover, .shortcuts li.current a:focus {color:#e20016;text-decoration: none;}

/* *** content / allgemein ******************************/
.small {font-size:0.9em;}
.grey {color:#999999;}
.red {color:#CC0000;}
.italic {font-style:italic;}
.hide {display:none;}
a:link, a:visited {color: #666;}
a:hover, a:focus {color: #dc0217;}
input.submit {border:0;background-color:#999999;padding:1px 4px;color:#fff;font-size:1em;}
p,h1,h2,h3,h4,h5 {}
p {
margin-bottom: 10px;
te xt-align:justify;
line-height:1.3em;
}
h1 {
padding:0px 0px 3px;
font-size:1.2em;
font-weight:bold;
margin-bottom:5px;
color: #dc0217;
}
h2 {
padding:2px 0px 6px 0px;
font-size:1.1em;
font-weight:bold;
color: #dc0217;
}
h3 {
padding:7px 0px 5px 0px;
font-size:1em;
font-weight:bold;
}
#content ul {
margin-top:15px;
margin-left:35px;
margin-bottom:15px;
list-style-type: square;
list-style-position:outside;
}
#content ul li {
padding-bottom:3px;
}
ol {
margin-top:15px;
margin-left:47px;
margin-bottom:15px;
}
ol li {
padding-bottom:3px;
}

.csc-frame-frame1 {background: #d3e8f1;padding:0px 10px 10px;}
.csc-frame-frame1 h2 {color:#666;padding:10px 0px 10px 0px;}
.csc-frame-frame1 table {background:#fff; width:100%;}
.csc-frame-frame1 table tr td {border-bottom:1px solid #ccc;padding:3px 5px;}

.cRight h1 {margin-bottom:10px;color:#666;}
.cRight h2 {padding:0px 0px 10px 0px;color:#666;}

.cRight ul.staticCe {}
.cRight ul.staticCe li {list-style-image:url(img/pfeil.gif);margin:0px 0 5px -10px;font-weight:bold;}
.cRight ul.staticCe a:link, .cRight ul.staticCe a:visited {text-decoration:none;}

/* +++ rechte spalte +++ */
#right h1 {font-size:1.2em;width:110px;}
#right h2 {font-size:1.2em;color: #dc0217;padding:0px 0px 0px 0px;}
#right ul {
margin:5px 10px 5px 12px;
list-style-type:disc;
list-style-position:outside;
}
#right ul li {
padding-bottom:3px;
}

/* +++ boxen startseite +++ */
div.box {width:179px;height:220px;float:left;margin-right:10px;background:url(img/box-bg.jpg) no-repeat;}
div.box h1 {width:176px;color:#fff;background:#dc0217;text-align:center;font-weight:normal;margin-bottom:2px;padding-top:3px;}
div.box h1 a:link, div.box h1 a:visited {color:#fff; text-decoration:none;}
div.box h1 a:hover, div.box h1 a:focus {color:#98d1de; text-decoration:underline;}
div.box p {margin:7px 15px 10px 8px;text-align:left;line-height:1.3em;}
/* +++ news box +++ */
#news {padding:0 15px 0 0px;margin-right:5px;b order-bottom:1px solid #999;}
#news h2 {
display:none;
}
#news p {text-align:left;margin-bottom:5px;}
#news p.news-latest-more {margin: 0px 10px 0px 0px;font-weight:bold;}

/* +++ promotion box +++ */
div.promotion {margin:10px 5px 0px 0px;}
div.promotion h2 {padding:0px 0px 5px 0px;margin-top:15px;margin-bottom:6px;font-size:1.2em;color: #dc0217;}


/* +++ buttons +++ */
.buttons {background:#999;margin-bottom:15px;height:21px;}
.buttons a:link, .buttons a:visited {
display:block;
width:104px;
float:left;
text-align:center;
color:#fff;
font-weight:bold;
text-decoration:none;
padding-top:4px;
padding-bottom:4px;
}

/* +++ FORMULARE ALLGEMEIN ++++ */
form input, form textarea {
border:1px solid #eee1cf;
}
form input:focus, form textarea:focus {
background-color:#CCFFCC;
}


/* powermail kontaktformular */
.tx-powermail-pi1 fieldset {border:none;}
.tx-powermail-pi1 legend {display:none;}
.tx-powermail-pi1 div {padding: 5px 0;}
.tx-powermail-pi1 label {display:block;width:105px;float:left;}
.tx-powermail-pi1 form input.powermail_submit {font-size:1.1em;padding:3px 5px;margin-left:105px;background-color:#c00;color:#FFF;fon t-weight:bold;border:1px solid #666;}
/* nachricht */
textarea.powermail_uid5 {width:280px;height:170px;}

/* +++ rgaccordeon +++ */
/* Toggle default */
h3.rgaccord1-toggle {
  font-weight:normal;
  color:#333;
  line-height: 18px;
  height: 18px;
  background: #eaeaea url(img/plus.gif) 5px center no-repeat;
  border-bottom:2px solid #fff;
  padding:2px 0 2px 25px;
  cursor:pointer;
}
/* Toggle act item */
h3.act {
  color:#333;
  background:#eaeaea url(img/minus.gif) 5px center no-repeat;
  margin-bottom:3px;
}
/* the content */
div.rgaccord1-content {width:315px;padding-left:1px;}
/* remove margin of a CE */
div.rgaccord1-content .ce {margin-bottom:0;}
/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {display:none;}

/* *************** nach oben link ************/
P.csc-linkToTop {
text-align:right;
}
/* ** downloads **** */
a.download_pdf {
marg in-top: 3px;
padding-left: 22px;
background: url(img/pdf.png) no-repeat;
}
a.download_doc {
ma rgin-top: 3px;
padding-left: 22px;
background: url(img/word.png) no-repeat;
}
 


/* ***** IW ********/
.iw a:link, .iw a:visited {
text-decoration:none;
color:#666;
}
.iw a:hover {
color:#CC0000;
text-decoration:underline;
}