/* Praxis Seeger - Physiotherapie, Lahnstein */
/* Erstellt von COLOR INVASION - www.colorinvasion.de */


html,body {
  position: relative;
  margin: 0 auto;
  min-height: 100%;
  height: 100% !important;
  height: 100%;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
}

#bg {
  margin: 0 auto;
  position: relative;
  float: left;
  width: 1000px;
  height: auto;
  left: 50%;
  margin-left: -500px;
  background-image: url(pics/bg.jpg);
  background-repeat: repeat-y;
}

#logo {
  position: relative;
  top: 30px;
  left: 60px;
  width: 210px;
  height: 205px;
  background-image: url(pics/logo.jpg);
  float: left;
}

#mobilemenu {
  display: none;
}

#topnav {
  position: relative;
  right: 30px;
  margin-top: 30px;
  width: 640px;
  height: 200px;
  float: right;
}

#toppics {
  position: relative;
  right: 0px;
  width: 640px;
  height: 112px;
  background-image: url(pics/toppics.jpg);
}

#navline {
  position: relative;
  top: 20px;
  width: 610px;
  right: 30px;
  float: right;
  text-align: right;
}

#navline li {
  display: inline;
  list-style-type: none;
  margin-left: 32px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #bf0504;
  font-size: 11pt;
  font-weight: 900;
  letter-spacing: 0.045em;
}

#navline2 {
  position: relative;
  margin-top: 30px;
  padding-top: 20px;
  width: 610px;
  right: 30px;
  background-image: url(pics/bottomline.jpg);
  background-repeat: no-repeat;
  background-position: right;
  float: right;
  text-align: right;
}

#navline2 li {
  display: inline;
  list-style-type: none;
  margin-left: 32px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #bf0504;
  font-size: 10pt;
  font-weight: 900;
  letter-spacing: 0.045em;
}

#mid {
  position: relative;
  top: 30px;
  width: 940px;
  margin-left: 30px;
  margin-right: 30px;
  clear: right;
}

#left {
  position: relative;
  width: 210px;
  min-height: 450px;
  padding-left: 30px;
  padding-right: 30px;
  background-image: url(pics/sideline.jpg);
  background-position: right;
  background-repeat: no-repeat;
  float: left;
}

#right {
  position: relative;
  width: 610px;
  height: auto;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px;
  float: right;
}

#bottomline {
  position: relative;
  width: 410px;
  height: 30px;
  background-image: url(pics/bottomline.jpg);
  background-repeat: no-repeat;
  float: right;
}

#bottombg {
  position: relative;
  width: 940px;
  height: 100px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 15px;
  float: left;
}

#redlineh {
  position: relative;
  width: 620px;
  height: 9px;
  background-color: #BF0504;
  float: left;
}

#totop {
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 30px;
  background-image: url(pics/totop.jpg);
  float: right;
}

#foot {
  position: relative;
  width: 880px;
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
}

#footmobile {
  display: none;
}

#space15 {
  position: relative;
  width: 1px;
  height: 1px;
  margin: 15px;
}

#space30 {
  position: relative;
  width: 1px;
  height: 1px;
  margin: 30px;
}

#space50 {
  position: relative;
  width: 1px;
  height: 1px;
  margin: 50px;
}

#space100 {
  position: relative;
  width: 1px;
  height: 1px;
  margin: 100px;
}

#galerie {
  position: relative;
  width: 610px;
  height: 450px;
  border-bottom: 9px solid #BF0504;
  margin-bottom: 5px;
  float: left;
}


/* Schriften */

h1, h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #bf0504;
  font-size: 14pt;
  font-weight: 900;
  letter-spacing: 0.045em;
  padding-top: 6px;
  padding-bottom: 6px;
}

.topic {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #bf0504;
  font-size: 14pt;
  font-weight: 900;
  letter-spacing: 0.045em;
}

.txt, li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10pt;
  font-weight: 100;
  line-height: 15pt;
  letter-spacing: 0%;
  word-spacing: 5%;
}

.small {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 8pt;
  font-weight: 400;
  line-height: 15pt;
  letter-spacing: 0%;
  word-spacing: 5%;
}

li {
  margin-bottom: 10px;
}

.grey {
  color: #828282;
}

.red {
  color: #BF0504;
}

.b {
  font-weight: 900;
}

.i {
  font-style: italic;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.txt a, .txt a:active, .txt a:visited, .grey a, .grey a:active, .grey a:visited, li a, li a:active, li a:visited {
  color: #828282;
  text-decoration: underline;
}

.txt a:hover, .grey a:hover, li a:hover, .red a, .red a:active, .red a:visited {
  color: #BF0504;
}

.nav a, .nav a:active, .nav2 a, .nav2 a:active {
  text-decoration: none;
}
