/* global pos */


html, body {
margin: 0;
padding: 0;
}

body {
text-align: center; /* fuer IE_quirks */
}

#wrapper {
position: relative;
margin: 60px auto;
width: 845px;
text-align: left;  /*Aufheben von IE_quirks im BODY */
}

/* icons */
li.ps, li.ill, li.ind, li.hs, li.dw, li.fl, li.pp {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../img/printIcons.gif);
}
li.ps { background-position: 0 0px; }
li.ill { background-position: 0 -27px; }
li.ind { background-position: 0 -54px; }
li.hs { background-position: 0 -81px; }
li.dw { background-position: 0 -108px; }
li.fl { background-position: 0 -135px; }
li.pp { background-position: 0 -162px; }



a[class ="visitcard"] {
   padding-left: 32px;
   background: transparent url(../img/datenspeich.gif) no-repeat 0 2px;
}

a[class ="bookmark"] {
   padding-left: 70px;
   padding-bottom: 24px;
   background: transparent url(../img/bookmark.gif) no-repeat 0 1px;
}

#contentKoop a.verweis {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../img/verweis.gif);
}
#contentKoop a.verweis { background-position: 0 0px; }

#content a.verweis {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../img/verweis.gif);
}
#content a.verweis { background-position: 0 0px; }





/* global elements */
#nav/* nur fuer iex*/, 
#nav .subnaviImpressum, 
#nav .subnavi, #content, 
#refThumbs, #contentCD, 
#contentKoop, #contentLeist, 
#contentImpr { 
position: absolute;
}

ul {
list-style: none;
}

#head, #nav .mainnavi ul, 
#content ul, #refThumbs, 
#contentCD #rightColumn ul, 
#contentLeist .rightColumn ul, 
#contentLeist .rightColumn dd, 
#contentLeist .leftColumn dd, 
form, p input.feld, p input.eingabe {
margin: 0;
padding: 0;
}

p input.feld, p input.eingabe, 
p input.los  {
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
}


/* popup */
#welcome {
top: 156px;
left: 285px;
height: 294px;
width: 346px;
position: absolute;
visibility: visible;
z-index: 1;
}

/* header */
#head {
width: 845px;
}

#head .logo {
float: right;
background: url(../img/logo.gif) no-repeat;
width: 160px;
height: 22px;
border: 0 none;
cursor: pointer;
}

#head .linie {
float: left;
width: 845px;
border-bottom: #ba2f2f 1px solid;
}

#head .netz {
background: url(../img/kooperationenNetz.gif) 19px 150px no-repeat;
width: 579px;
height: 600px;
}

/* mainnavi */

#nav { /* nur fuer iex*/
top: 62px;
left: 0;
width: 280px;
}

#nav .mainnavi li, 
#nav .subnavi li, 
#nav .subnaviImpressum li {
padding-bottom: 6px;
}

#nav .mainnavi li.abst {
padding-bottom: 20px;
}

#nav .mainnavi li.gruen a {
padding-right: 44px;
background: url(../img/schloss.gif) 35px 1px no-repeat;
}

#nav .mainnavi li#on.gruen {
margin-top: 14px;
padding-right: 44px;
background: url(../img/schloss.gif) 35px 1px no-repeat;
}

/* subnavi */

#nav .subnavi {
top: 0;
left: 90px;
}

#nav .subnaviImpressum {
top: 110px;
left: 90px;
}


#nav .subnavi ul {
margin: 0;
padding-left: 30px;
}

#nav .subnaviImpressum ul {
margin: 0;
padding-left: 22px;
}


/* content : home */

#content {
top: 61px;
left: 310px;
}

#content li {
padding-bottom: 7px;
}

#content h2 {
margin: 23px 0 0 0;
padding-bottom: 7px;
}

/* content : home flash-refs */

#refThumbs {
top: 62px;
right: 0;
height: 570px;
width: 65px;
}

/* content CD: stylesheets nicht trennen!! */

#contentCD  {
top: 42px;
left: 295px;
}

#contentCD #leftColumn {
float: left;
margin-top: 10px;
padding: 0 90px 12px 0;
}

#contentCD #rightColumn  {
float: right;
text-align: right;
margin-top: 19px;
}

#contentCD #rightColumn ul {
width: 120px;/*nur fuer opera */
}

#contentCD #rightColumn li {
padding-bottom: 6px;
cursor: pointer;
width: 120px;/*nur fuer opera */
}

#contentCD #rightColumn li a {
color: #6f6f6f;
}

#contentCD #rightColumn li#on_cd a, 
#contentCD #rightColumn li a:hover, 
#contentCD #rightColumn li.abst a:hover, 
.active {
color: #ba2f2f;
}


#contentCD #rightColumn li.abst {
padding-top: 21px; 
}


/* content : diverse inhalte/columnen */

#contentKoop, 
#contentLeist, 
#contentImpr {
top: 49px;
left: 300px;
}

#contentKoop .leftColumn, 
#contentLeist .leftColumn, 
#contentImpr .leftColumn {
float: left;
width: 230px;
margin: 0;
padding: 0 55px 10px 0;
}

#contentKoop .rightColumn, 
#contentLeist .rightColumn {
float: right;
width: 230px;
padding: 0 0 10px 30px;
}

#contentImpr .rightColumn {
float: right;
width: 230px;
padding: 0 0 10px 30px;
text-align: right;
}

#contentImpr .rightColumn p.vcontext {
float: left;
width: 230px;
padding: 0 0 10px 64px;
text-align: left;
}


#contentKoop .rightColumn span a, 
#contentLeist .rightColumn span a, 
#contentLeist .leftColumn span a, 
#contentCD #leftColumn span a { /* to top */
display: block;
margin: 18px 0 12px 0;
}

/* leistungen und impr subs */

#contentLeist .rightColumn li {
padding-bottom: 4px;
}

/* profil */

#contentLeist .leftColumn #portrait {
float: left;
margin: 16px 14px 19px 0;
padding-bottom: 30px;
}

#contentLeist .leftColumn dl.portrait {
margin-left: 109px;
}

#contentLeist .rightColumn dt, 
#contentLeist .leftColumn dt {
margin: 0;
padding-top: 10px;
}


/* login */

p input.feld {
border-bottom: #407200 1px solid;
width: 230px;
}

p input.senden { 
margin-left: -22px;
margin-top: 4px;
padding: 0;
border: none;
background: #fff url(../img/senden_men.gif) 93px 0 no-repeat;
width: 113px;
cursor: pointer;
} 


/* kontaktformular */

p input.eingabe {
border-bottom: #6f6f6f 1px solid;
width: 230px;
}

p textarea { 
border: #6f6f6f 1px solid;
width: 230px;
height: 180px;
margin-top: 10px;
} 

p input.los { 
margin-left: 70px;
text-align: center;
border-bottom: #6f6f6f 1px solid;
} 


/* danke+fehlerseite */

#contentLeist .leftColumnFehlen p, 
#contentLeist .leftColumnDanke p {
margin-top: 11px;
}

#contentLeist .leftColumnFehlen .fehlen a {
margin-left: -1px;
padding: 0;
}


/* others */

.invis, hr {
display: none;
clear: both;
}