/*  ------------------------------------------------------

Basisstylesheet zu www.just.de 
2009                 
*  *  *  *                              
Design: owmedia.de.de // 

DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT (AUSNAHME: CSS3-EIGENSCHAFTEN)
UND FUER AKTUELLE BROWSERVERSIONEN OPTIMIERT UND GETESTET.      

--------------------------------------------------------*/

/*  ------------------------------------------------------
GLOBALS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
color: #333;
font: 14px  Arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
background: #fff !important;
line-height: 140%;
}

table, tr, th, td, img, fieldset { border: 0 none; }

a {
color: #005783;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


.hidden, hr  { 
display: none;
}

img { vertical-align: middle; }

table { border-collapse: collapse; }

.right {
  text-align: right;
}

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

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/
div#wrapper {
width: 1000px;
margin: 0 auto;
}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div#header {
background: url(/basics/images/bg_header.gif) no-repeat 0 0;
height: 200px;
margin: 0 0 50px 0;
}

/*tecMenue*/
p#tecMenue {
text-align: right;
padding: 32px 64px 0 0;
font-size: 18px;
color: #7C9DB8;
}

p#tecMenue a {
text-decoration: none;
color: #7C9DB8;
font: 12px Arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
}

p#tecMenue a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
CONTENTWRAPPER
--------------------------------------------------------*/
div#contentWrapper {

}

/*  ------------------------------------------------------
NAVCOLUMN
--------------------------------------------------------*/
div#navColumn {
float: left;
width: 214px;
padding: 12px 0 0 0;
}

div#navColumn ul {
margin: 0 0 0 0;
list-style-type: none;
}

ul {
margin-left: 15px;
font-size: 14px;
line-height: 20px;
}


div#navColumn ul li a {
color: #005783;
font-size: 17px;
text-decoration: none;
font-weight: bold;
display: block;
padding: 4px 0 4px 0;
}

div#navColumn ul li a.active, 
div#navColumn ul li li a, 
div#navColumn ul li a:hover {
color: #B90B50;
}

div#navColumn ul li a.active {
 /* background: url(/basics/images/bullet_e1.gif) no-repeat 0 50%; */
}

div#navColumn ul.subnavi li a {
font-size: 14px;
padding: 4px 0 4px 20px;
}

div#navColumn ul.subnavi li a.active {
 /* background: url(/basics/images/bullet_e2.gif) no-repeat 0 50%; */
}

/*  ------------------------------------------------------
CONTENT
--------------------------------------------------------*/
div#content {
font-size: 14px;
float: left;
width: 530px;
padding: 12px 0 0 40px;
}

div#content h1 {
color: #005783;
font-size: 18px;
margin: 0 40px 22px 0;
}

div#content h2 {
color: #005783;
font-size: 14px;
margin: 0 40px 12px 0;
}

div#content h3 {
color: #333;
font-size: 14px;
margin: 0 40px 12px 0;
}


div#content h4 {
color: #333;
font-size: 16px;
margin: 0 40px 24px 0;
}

div#content p {
color: #333;
font-size: 14px;
line-height: 140%;
margin: 0 40px 12px 0;
}

div#content ul {
line-height: 140%;
margin-right: 40px;
}


div#content div.line {
font-size: 0;
height: 1px;
overflow: hidden;
border-bottom: #005783 1px solid;
margin: 12px 30px 18px 0;
}

div#content div.imgGallery img {
padding: 0 8px 8px 0;
float: left;
}

.grosse_schrift {
font-size: 16px;
}

.kleine_schrift {
font-size: 12px;
}

/*  ------------------------------------------------------
DATA
--------------------------------------------------------*/
table.date {
font-size: 14px;
width: 480px;
border-bottom: #8DC9EB 1px solid;
}

table.date thead tr th {
font-size: 14px;
color: #333; 
text-align: left;
padding: 4px;
}

table.date thead tr {
border-bottom: #8DC9EB 1px solid;
}

table.date tbody tr {
background: #EEF7FC;
}

table.date tbody tr td {
font-size: 14px;
color: #333; 
text-align: left;
padding: 12px 4px;
}

div.mehr {
margin-top: 8px;
text-align: right;
padding-right: 40px;
}

div.mehr a {
background: transparent url(/basics/images/more.gif) no-repeat 0 50%;
padding: 0 0 0 12px;
font-size: 14px;
color: #333;
text-decoration: none;
border: 0 none;
}

div.mehr a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
ADDRESSBLOCK
--------------------------------------------------------*/
div.addressBlock {
background: #EEF7FC;
border-bottom: #8DC9EB 1px solid;
font-size: 14px;
width: 480px;
margin: 0 0 12px 0;
}

div.addressBlockInner {
padding: 16px;
}

div.addressBlock h3 {
margin: 0 0 12px 0;
font-size: 14px;
}

div.addressBlock address {
font-style: normal;
margin: 12px 0;
}

div.addressBlock p.moreLink {
text-align: right;
margin: 0 !important;
padding: 0 !important;
}

div.addressBlock p.moreLink a, 
div.addressBlock p.moreLink input {
background: transparent url(../images/more.gif) no-repeat 0 50%;
padding: 0 0 0 12px;
font-size: 12px;
color: #333;
text-decoration: none;
border: 0 none;
}

div.addressBlock p.moreLink a:hover, 
div.addressBlock p.moreLink input:hover {
text-decoration: underline;
}

p.backLink a {
background: transparent url(../images/more.gif) no-repeat 0 50%;
padding: 0 0 0 12px;
font-size: 14px;
color: #333;
text-decoration: none;
border: 0 none;
}

p.backLink a:hover {
text-decoration: underline;
}


/*  ------------------------------------------------------
INFOLIST
--------------------------------------------------------*/
div.terminliste {
  background: #EDF7FC;
  border-bottom: 1px solid #005683;
  padding: 5px 0 15px 15px;
  margin: 0 40px 0 0;
}

dl.infoList, dl.infoList2 {
font-size: 14px;
margin: 24px 0 0 0;
}

dl.infoList dt, dl.infoList2 dt {
  float: left;
  clear: left;
  width: 140px;
}

dl.infoList2 dt {
  color: #005683;
}

dl.infoList2 dd {
  color: #58585A;
}

dl.infoList dd, dl.infoList dt {
padding: 0 0 24px 0;
}
dl.infoList2 dd, dl.infoList2 dt {
padding: 0 0 12px 0;
}


/*  ------------------------------------------------------
CONTACTFORM
--------------------------------------------------------*/
dl.contactForm {
font-size: 14px;
margin: 0 0 24px 0;
}

dl.contactForm dt {
float: left;
clear: left;
width: 100px;
padding: 0 0 6px 0;
}

dl.contactForm dd {
padding: 0 0 6px 0;
margin: 0 0 0 100px;
line-height: 160%;
}

dl.contactForm dd input, 
dl.contactForm dd textarea {
border: #8DC9EB 1px solid;
background: #fff;
width: 238px;
padding: 4px;
}

dl.contactForm dd input.checkBox {
border: 0 none !important;
width: auto !important;
padding: 0 !important;
}

dl.contactForm dd textarea {
height: 86px;
width: 288px;
}

dl.contactForm dd input.plz {
width: 40px;
margin: 0 8px 0 0;
}

dl.contactForm dd input.ort {
width: 180px;
}
/*  ------------------------------------------------------
SIDEBAR
--------------------------------------------------------*/
div#sideBar {
float: left;
width: 216px;
}

/*calBox*/
div.calBox {
background: #ddeeff url(/basics/images/calBox_top.gif) no-repeat 0 0;
margin: 0 0 6px 0;
}

div.calBox h2 {
color: #B8DEF2;
font-size: 14px;
padding: 12px 12px 32px 16px;
}

div.calBox h3, 
div.calBox p  {
color: #333;
font-size: 14px;
padding: 0 12px 14px 16px;
}

/*imgBox*/
div.imgBox {
background: #ddeeff;
margin: 0 0 6px 0;
}

div.imgBox h2 {
color: #005683;
font-size: 14px;
padding: 13px 12px 32px 16px;
background: url(/basics/images/imgBox_top.png) no-repeat 0 0;
position: relative;
z-index: 1;
}

div.imgBox img {
margin: -28px 0 0 0;
}

div.imgBox p {
color: #333;
font-size: 14px;
padding: 14px 12px 14px 16px;
}

/*more*/
div.more {
background: url(/basics/images/calBox_bot.gif) no-repeat 0 100%;
padding: 0 12px 16px 16px;
}

div.more a {
background: url(/basics/images/more.gif) no-repeat 0 50%;
padding: 0 0 0 12px;
font-size: 12px;
color: #333;
text-decoration: none;
}

div.more a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
FOOTEr
--------------------------------------------------------*/
div#footer {
background: url(/basics/images/bg_footer.gif) no-repeat 0 100%;
background-position: top;
margin: 0 0 50px 0;
}

/*tecMenue*/
p#footerMenue {
padding: 86px 0 0 58px;
font-size: 18px;
color: #7C9DB8;
}

p#footerMenue a {
text-decoration: none;
color: #7C9DB8;
font: 12px Arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
margin-top: 100px;
}

p#footerMenue a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
5 Schritte
--------------------------------------------------------*/
.schrittrahmen {
  background: #FEF5F4;
  border-bottom: 1px solid #BA1053;
  padding: 15px 0 15px 15px;
  margin: 0 40px 0 0;
}
div#content p.schritt {
  color: #BA1053;
  font-weight: bold;
  font-size: 16px;
}
div#content p.schritt2 {
  color: #BA1053;
  font-weight: bold;
  margin: 10px 0 0 0;
  line-height: 100%;
}
div#content p.schritt3 {
  color: #58585A;
}
.schrittpfeil {
  margin: 50px 0 0 0;
}
.schrittbild {
  margin: 0 0 15px 0;
}