/*
Theme Name: AGQS Website
Theme URI: http://www.agqs.de/
Description: Das offizielle Theme der AGQS Website
Version: 1.8
Author: ingo ruberg design
*/


/* ---------------------------------------------------------------------------*/
/* -- Basic Setup -- */
* {
  font-style: normal;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

html {
  background: #e9edf2;
  color: #0a2245;
  float: left;
  width: 100%;
}

body {
  text-align: center;
  padding: 30px 0px 30px 0px;
  font-size: 62.5%; 
}

img {
  border: none;
}

a,
a:hover {
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------*/
/* -- Page -- */


#pagebg {
  margin: 0 auto;
  padding: 0;
  width: 840px;
  text-align: left;
  background: transparent url("bilder/bm.gif") repeat-y top left;
  /*ie 5.5 padding: 0 20px; */
}

#pagebgh {
  background: transparent url("bilder/bt.gif") no-repeat top left;
  width: 100%;
  padding-top: 0px;
}

#pagebgf {
  background: transparent url("bilder/bb.gif") no-repeat bottom left;
  width: 100%;
  padding: 20px 0px 20px 0px;
}

#page {
  background-color: #ffffff;
  color: #001444;
  margin: 0px;
  width: 800px;
  text-align: left;
  margin: 0px 20px 0px 20px;
}

/* ---------------------------------------------------------------------------*/
/* -- Header -- */

#header
{
  width:100%;
  height: 179px;
  position: relative;
  background: #ffffff url("bilder/so.gif") no-repeat bottom left;
  overflow: hidden;
}

#logo {
  top:0px;
  left: 0px;
  display: block;
  height: 179px;
  width: 800px;
  overflow: hidden;
  position: absolute;
  text-align: center;
}

#logoprint {
  display:none;
  }
  
#logo a {
  font-size: 0.7em;
  font-size: 12pt;
  line-height: 20pt;
}

#logo a strong {
  font-size: 2.3em;
}

/* ---------------------------------------------------------------------------*/
/* -- Navigation -- */

#nav {
  width: 100%;
  text-align: center;
  padding: 6px 0 6px 0;
}

#nav ul li {
  display: inline;
  font-size: 1.25em; 
  padding: 0;
  margin: 0 9px 0 9px;
  border-width: 0 0 0 0;
}

#nav ul li a{
  text-decoration: none;
  padding: 0 0 0 0;
}

#nav ul li a {
  text-decoration: none;
  color: #888888;
}

#nav ul li a:hover {
  text-decoration: none;
  color: #000000;
}

#nav ul li.active a,
#nav ul li.current-cat a,
#nav ul li.current_page_item a,
#nav ul li.current_page_parent a{
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#nav ul li.active a:hover,
#nav ul li.current_page_item a:hover,
#nav ul li.current-cat a:hover {
  text-decoration: none;
}


/* ---------------------------------------------------------------------------*/
/* -- Content -- */

#contentt {
  background: transparent url("bilder/su.gif") no-repeat top left ;
  color: #000000;
}

#contentb {
  background: transparent url("bilder/so.gif") no-repeat bottom left ;
  color: #000000;
}

#content {
  min-height:400px;
  padding: 30px 95px 25px 105px;
  font-size: 1.3em;
  line-height: 2.2em;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p {
  padding-bottom: 1.2em;
}

a:link,
a {
  text-decoration: underline;
}

#latestclients,
#latestnews {
  margin-top: 12px;
  background-color: transparent;
  width: 298px;
  float:left;
}
#latestclients ul li {
  margin-bottom: 14px;
}
#latestnews ul li {
  padding-right: 10px;
  margin-bottom: 14px;
}
#latestclients h2,
#latestnews h2 {
  padding-bottom: 0px;
}

.element1 {
  background: transparent url("bilder/f1.gif") no-repeat bottom left ;
}
.element2 {
  background: transparent url("bilder/f2.gif") no-repeat bottom left ;
}
.element3 {
  background: transparent url("bilder/f3.gif") no-repeat bottom left ;
}
.element4 {
  background: transparent url("bilder/f4.gif") no-repeat bottom left ;
}
.element5 {
  background: transparent url("bilder/f5.gif") no-repeat bottom left ;
}
.element6 {
  background: transparent url("bilder/f6.gif") no-repeat bottom left ;
}
.element7 {
  background: transparent url("bilder/f7.gif") no-repeat bottom left ;
}
.element8 {
  background: transparent url("bilder/f8.gif") no-repeat bottom left ;
}

h1 {
  font-size: 1.5em;
  line-height: 2.2em;
}
h2 {
  font-size: 1.3em;
  line-height: 2.2em;
}
h3 {
  font-size: 1.14em;
  line-height: 2.2em;
}
h4,
h5,
h6 {
  line-height: 2.2em;
  font-size: 1.0em;
}

.date {
  color: #aaaaaa;
}

.seminartext {
  margin-top: 15px;
  background-color: transparent;
  background-image: none;
}

#content ol,
#content ul,
.seminartext ul{
  margin-bottom: 18px;
}

#content ol li{
  list-style-type:decimal;
  list-style-position:outside;
  margin-left: 21px;
}
#content ul li,
.seminartext ul li{
  list-style-type:disc;
  list-style-position:outside;
  margin-left: 15px;
}
#content .seminartext ul li ul{
  margin-bottom: 0px;
}
#content ul li ul li,
.seminartext ul li ul li{
  list-style-type:circle;
  list-style-position:outside;
  margin-left: 15px;
}

.seminarattachment {
  display: block;
  float: left;
  line-height: 31px;
  height: 39px; 
  padding-left: 36px;
  text-decoration: none;
  margin-top: 14px;
  background: transparent url("bilder/bul.gif") no-repeat top left ;
}
.seminarattachment a{
  border-width: 0px;
  background: transparent url("bilder/bur.gif") no-repeat top right ;
  display: block;
  padding: 4px 14px 4px 0px;
  text-decoration: none; 
}
.seminarzusatz {
  margin-left: 15px;
}


.buttoncss {
  display: block;
  float: left;
  line-height: 31px;
  height: 39px; 
  padding-left: 36px;
  text-decoration: none;
  margin-top: 14px;
  margin-right: 10px;
  background: transparent url("bilder/bu3l.gif") no-repeat top left ;
}
.buttoncss a{
  border-width: 0px;
  background: transparent url("bilder/bur.gif") no-repeat top right ;
  display: block;
  padding: 4px 14px 4px 0px; 
  text-decoration: none;
}

.button {
  background: transparent url("bilder/bu2l.gif") no-repeat top left ;
  display: block;
  float: left;
  line-height: 31px;
  height: 39px; 
  padding-left: 36px;
  text-decoration: none;
  margin-top: 14px;
}

.button input{
  border-width: 0px;
  background: transparent url("bilder/bur.gif") no-repeat top right ;
  display: block;
  padding: 9px 14px 13px 0px;
  color: #000000;
  cursor: pointer;
}

.tgareg {
  line-height: 1.0em;
}

.alignleft {
  text-align: left;
  width: 300px;
  float: left;
}

.alignright {
  text-align: right;
  width: 300px;
  float: right;
}

p.mailer {
  line-height: 1.2em;
}

select.mailer {
  width: 590px;
  border: 1px solid #7f9db9;
}
textarea.mailer,
input.mailer {
  width: 400px;
  border: 1px solid #7f9db9;
  margin-bottom: 10px;
}
input.mailernobottom{
  border-top:    1px solid #7f9db9;
  border-right:  1px solid #7f9db9;
  border-bottom: 0   solid #7f9db9;
  border-left:   1px solid #7f9db9;
  margin-bottom: 0px;
}
input.mailercode {
  border: 1px solid #7f9db9;
  margin-bottom: 20px;
}

.seminarnummer {
  vertical-align:middle;
  margin-bottom: 5px;
  }

#content .indexliste p,
#content .indexliste h2,
#content .indexliste h3 {
  padding-bottom: 0;
}

#content .indexliste h3 a {
  text-decoration: none;
  
}

.date {
  padding-bottom: 2.0em;
}

/* ---------------------------------------------------------------------------*/
/* -- Styling Classes -- */

#skip {
  position: absolute;
  visibility: hidden;
}

.anfrageformular,
.anfrageformular table
{
  border-collapse: collapse;
}
.anfrageformular td,
.anfrageformular textarea{
  text-align: left;
  vertical-align: text-top;
  line-height: normal;
  padding: 5px 0px 5px 0;
}

.anfrageformular textarea{
  font-size: 0.84em;
}
.anfrageformular .beschriftung{
  width: 180px;
}
.anfrageformular .beschriftung2{
  width: 180px;
  vertical-align: top;
  padding-top: 7px;
}

.anfrageformular .text1{
  width: 391px;
}
.anfrageformular .text2{
  width: 391px;
}
.anfrageformular .text3{
  width: 72px;
  margin-right: 4px;
}
.anfrageformular .text1,
.anfrageformular .text2,
.anfrageformular .text3{
  border: 1px solid #7f9db9;
  padding: 1px;
}

.anfrageformular .label1{
  width: 159px;
}

.anfrageformular .button{
  border: 0;
}
.hoch {
  font-size: xx-small;
  vertical-align: super;
}
.foto {
  display: block;
  position: relative;
  left: 35px;
  top: 0px;
  float: right;
}
.fotoframe {
  width:313px;
  float: right;
}

.clear {
  clear: both;
}
.clearr {
  clear: right;
}
.clearl {
  clear: left;
  }
#content ul.noliitem li,
#latestclients ul li,
#latestnews ul li{
  list-style-type: none;
  margin-left: 0;
  }

.zz {
  float: left;
  border: 1px solid #ccc;
  margin: 10px;
  padding: 0 0;
  text-align: center;
  width: 155px;
  }

.zz a {
  text-decoration: none;
  line-height: 20px;
  padding: 0;
  }


/* ---------------------------------------------------------------------------*/
/* -- Special Setup & Hacks -- */
/* a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/
.iehack1 { border: 0px solid green; display: block; float: right; width: 1px; height: 90px; font-size: 1px; overflow:hidden; }