/*----------------------------------------------------------------------------*/
/*   CSS-Datei - (c) sascha.hagemann@digitalkombinat.net
/*----------------------------------------------------------------------------*/

/* Standard-Einstellungen löschen */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, table, tr, td { margin:0px; padding:0px; }

/*----------------------------------------------------------------------------*/
/*   HTML und BODY
/*----------------------------------------------------------------------------*/

html {
  padding: 0em;
  /*background-image: url(img/body_hg_grau.gif);
  background-repeat: repeat;*/
  /*background-color: #336600;*/
  /* Höhe */
  height: 100%;
}

body {
  padding: 0em;
  margin: auto;
  width: 700px;
  border: 0px solid #333333;
  /* Höhe */
  min-height: 100%;
  height: auto !important; /* für alle neuen standardkonformen Browser */
  height: 100%; /* für alte IEs */
  background-color: #ffffff;
}

/*----------------------------------------------------------------------------*/
/*   Text (normale <p>, <h1>, etc. Tags)
/*----------------------------------------------------------------------------*/

/*-- Fließtext ROT --*/
p, #navigation ul li, #navigation ul li a, a {
  font-family: arial, sans-serif;
  font-size: 11px;
  line-height: 19px;
  font-weight: normal;
  color: #333333;
}

a {
  padding: 1px;
}

a:hover {
  color: #ffffff;
  background-color: #333333;
  padding: 1px;
  text-decoration: none;
}

/*-- h1 --*/
h1 {
  font-family: Georgia, Serif;
  font-size: 16pt;
  font-variant: small-caps;

  letter-spacing: 1px;
  word-spacing: 0px;

  line-height: 20pt;
  font-weight: normal;
  color: #333333;
  padding-bottom: 20px;
}

/*-- Überschrift ROT --*/
h2 {
  font-family: georgia, serif, verdana, arial, sans-serif;
  font-size: 12pt;
  line-height: 12pt;
  font-weight: bold;
  color: #990033;
  font: bold 120%/1.1 Georgia, serif;
}

/*-- Überschrift WEISS --*/
h3 {
  font-family: georgia, serif, verdana, arial, sans-serif;
  font-size: 12pt;
  line-height: 12pt;
  font-weight: bold;
  color: white;
  font: bold 120%/1.1 Georgia, serif;
}

/*----------------------------------------------------------------------------*/
/*   Links I (Normale Links, im Fließtext)  ->  class='link1'
/*----------------------------------------------------------------------------*/

a.link, a.link:visited, a.link:active {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: underline;
  color: #990033;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}

a.link:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  background-color: #990033;
}

/*----------------------------------------------------------------------------*/
/*   Links II (Navigation)  ->  class='link2'
/*----------------------------------------------------------------------------*/

a.link2, a.link2:visited, a.link2:active {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  letter-spacing: 0.5pt;
}


a.link2:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  font-weight: bold;
  letter-spacing: 0.5pt;
}

/*--- link2 -> fett -> als Rollover-Effekt der Navigation ---*/
a.link2_bold {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  letter-spacing: 0.5pt;
}

/*----------------------------------------------------------------------------------------------------*/
/*   LINKS III (Grafiken)  ->  Rand bei Grafik-Links unterdrücken  ->  <img src='' id='grafiklink'>
/*----------------------------------------------------------------------------------------------------*/

#grafiklink {
  border-style: none;
}

/*----------------------------------------------------------------------------*/
/*   Links IV (Fußzeile)  ->  class='link_fusszeile'
/*----------------------------------------------------------------------------*/

a.link_fusszeile, a.link_fusszeile:visited, a.link_fusszeile:active {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: underline;
  color: #333333;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}

a.link_fusszeile:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  text-decoration: none;
  color: white;
  background-color: #333333;
}

/*----------------------------------------------------------------------------*/
/*   D I V s
/*----------------------------------------------------------------------------*/

/*--------------------------*/
/* DIV - Kopfzeile mit Logo
/*--------------------------*/

.kopfzeile {
  width: 775px;
  height: 155px;
  margin-top: -3px;
  padding: 0px;
  background-image: url(img/kopfzeile_rot.gif);
  background-repeat: no-repeat;
  background-position: left;
  border: 0px solid red;
  float: left;
}

/*------------------------------*/
/* DIV - Kopfzeile: Überschrift
/*------------------------------*/

#kopfzeile_ueberschrift {
  text-align: left;
  margin-top: 18px;
  padding-left: 160px;
  width: 500px;
  height: 30px;
  border: 0px solid blue;
  float: left;
}

/*-- IE-Umbrüche am Tag-Beginn unterdrücken --*/
#kopfzeile_ueberschrift h3 {
  margin: 0em;
  padding: 0em;
}

/*----------------------------------------------------------------------------*/
/*   Ende
/*----------------------------------------------------------------------------*/

#navigation {
  width: 700px;
  height: 100px;
  border: 0px solid red;
  /*overflow: hidden;*/
  /*border-top: 2px solid #333333;
  border-right: 2px solid #333333;*/
  /*position: relative;
  z-index: 4;*/
}

#navigation ul {
  height: 46px;
  padding-top: 5px;
  border-left: 0px solid #333333;
  border: 0px solid red;
}

#navigation ul li {
  display: inline;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  border: 0px solid red;
  height: 46px;
}

#navigation ul li a {
  /*font-family: georgia, serif;*/
  /*font-weight: bold;*/
  /*font-variant: small-caps;*/
  /*text-transform: uppercase;*/
  margin-top: 0px;
  padding: 10px 12px 10px 12px;
  height: 46px;
  border-bottom: 0px solid red;
  text-decoration: none;
  border-left: 0px solid #333333;
}

#navigation ul li a:hover, #navigation ul li a.active {
  background-color: #333333;
  color: #ffffff;
}

#name {
  width: 700px;
  height: 35px;
  overflow: hidden;
  border-right: 3px solid #99CC00;
}

#name2 {
  float: right;
  height: 35px;
  background-color: #99CC00;
  padding: 10px;
  width: 230px;
  overflow: hidden;
  border: 0px solid red;
  text-align: center;
}

#foto {
  margin-top: 25px;
  position: relative;

  width: 700px;
  height: 170px;
  border: 0px solid #333333;
  border-right: 3px solid #333333;
  border-bottom: 0px solid #333333;
  border-top: 3px solid #333333;
  background: url('img/marina_boeddeker.jpg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#content_left_column {
  margin-top: -30px;
  width: 420px;
  height: 300px;
  border: 0px solid #333333;
  float: left;
}

#content_right_column {
  text-align: right;
  float: left;
  margin: 20px 0px 0px 25px;
  width: 225px;
  height: 150px;
  border: 0px solid #333333;
  border-left: 0px solid #CCCCCC;
}

table tr td {
  border-bottom: 1px solid #CCCCCC;
  padding-top: 5px;
  padding-right: 25px;
  padding-bottom: 5px;
}

table tr td p {
  padding-left: 1px;
}

table {
  width: 420px;
  border-collapse: collapse;
  margin-bottom: 50px;
}

table td.persoenliches {
  width: 270px;
}

table td.schulausbildung1 {
  width: 70px;
}
table td.schulausbildung2 {
  width: 280px;
}

p {
  padding-bottom: 6px;
  padding-top: 6px;
}

a.w3c {
  color: #C6C6C6;
  text-decoration: none;
}

a:hover.w3c {
  background-color: #C6C6C6;
  color: #ffffff;
  text-decoration: none;
}

.white {
  color: #ffffff;
  padding: 0;
  line-height: 0;
  padding: 7px 10px 10px 10px;
}