body {
  background:#0058AB;
  font-family:'Lucida Grande',Arial,sans-serif;
  color:#333333;
}
img {
  border-style:none;
}

/* Accessibility Überschriften für Bereiche ohne CSS */
#nostyle {
  position:absolute;
  top:-50px;
  display:none;
}

/* Schriften */
p {
  font-size:16px;
  font-weight:normal;
  color:#333333;
}
h1 {
  font-size:20px;
  font-weight:bold;
}
h2 {
  font-size:18px;
  font-weight:bold;
  margin-bottom:0px;
}
/* h2 style with less space at bottom*/
.h2low {
  font-size:16px;
  font-weight:bold;
}

/* general style for links*/
.links a{
  color:#ED1B23;
  text-decoration:none;
}
.links a:hover {
 color:#0058AB;
 text-decoration:underline;
}

#h1admin {
  font-size:40px;
  font-weight:bolder;
  font-style:italic;
}
#red {
  color: red;
  font-weight: bolder;
}


/**
rest
*/
.toplist {
/*  list-style-image:url(../img/list_pic_1.gif);*/
  list-style:square;
  line-height:26px;
}
.button {
  background-color: rgb(128,128,128);
  color:#ffffff;
  font-size: 8pt;
}
#sortierung {
  height: 32px;
  width: 660px;
  text-align: center;
  font-weight:bold;
  margin-top: 5px;
  margin-bottom: -5px;
  margin-left: 30px;
  padding-top: 5px;
  padding-bottom: -5px;
  vertical-align: middle;
  background: url(../img/verlauf.jpg) no-repeat;
  background-position: 0 -2px;
}
#sortierung a {
  color:#ED1B23;
  text-decoration:none;
  padding: 5px 0 -5px 0;
}
#sortierung a:hover {
 color:#0058AB;
 text-decoration:underline;
}
/*
*/
#adminlogo {
  float:left;
  width:234px;
  height:105px;
}
.right {
  float:right;
  text-align:right;
}
.left {
  float:left;
  text-align:left;
}
#header {
  width:100%;
  float:right;
}
.logo {
  padding-bottom:40px;
}

/** Box styles für weisse Hintergrundbox
http://www.alistapart.com/articles/slidingdoors/
http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken/
*/
.con1 {
  text-align:center;
}
.con2 {
  width:800px;
  margin:auto;
  margin-top:-30px;
  text-align:left;
}
.or {
  background:url(../img/jw_box_or.gif) top right no-repeat;
  margin:0;
  padding:0;
}
.ol {
  background:url(../img/jw_box_ol.gif) top left no-repeat;
  margin:0;
  padding:0;
}
.ur {
  background:url(../img/jw_box_ur.gif) bottom right no-repeat;
  margin:0;
  padding:0;
}
.ul {
  background:url(../img/jw_box_ul.gif) bottom left no-repeat;
  margin:0;
  padding:0;
}
.content {
  margin:0;
  padding:30px 40px 25px 40px;
}
.content p {
  margin:0;
  padding:0;
}


/** Navigation Bar styles
http://css.maxdesign.com.au/listamatic/horizontal27.htm
*/
#navbar1 {
  text-align:left;
}
#navbar2 {
  width:760px;
  top:155px;
  position:relative;
  z-index:1000;
  margin:auto;
  text-align:left
}
#navbar2 ul {
  text-align:left;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:20px;
  margin-top:0px;
/* cancels gap caused by top padding in Opera 7.54 */
  margin-left:0px;
  background-color:#ED1B23;
  color:white;
  font-weight:bold;
  line-height:19px;
  /* fixes Firefox 0.9.3 */
}
#navbar2 ul li {
  display:inline;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  background-color:#ED1B23;
/* matches link padding except for left and right */
  padding-top:0px;
}
#navbar2 ul li a {
/*
background-image:url(../img/navpic_big.gif);
background-repeat:no-repeat;
background-position:left;
*/
  padding-left:28px;
  padding-right:5px;
  padding-bottom:5px;
  padding-top:5px;
  color:white;
  text-decoration:none;
}
#navbar2 ul li a:hover {
  background-image:url(../img/navpic_big_2.gif);
  background-repeat:no-repeat;
  background-position:left;
  background-color:#0058AB;
  color:white;
}
#navbar2 #active {
  background-image:url(../img/navpic_big.gif);
  background-repeat:no-repeat;
  background-position:left;
  color:white;
}


/* Footer */
.footercon2 {
  width:660px;
  margin:auto;
  text-align:center;
}
.footer {
  display:inline;
}
#hrfooter {
  height:1px;
  border:1px dashed #C03;
}


/* Naviagtion im Footer*/
#footernavbar1 {
  text-align:center;
}
#footernavbar2 {
  width:660px;
  margin:auto;
}
#footernavbar2 ul {
  padding-left:0;
  margin-top:0;
/* cancels gap caused by top padding in Opera 7.54 */
  margin-left:0;
  color:#0058AB;
  width:100%;
  line-height:28px;
/* fixes Firefox 0.9.3 */
}
#footernavbar2 ul li {
  display:inline;
  padding-left:0;
  padding-right:0;
  padding-bottom:5px;
/* matches link padding except for left and right */
  padding-top:7px;
  height:22px;
  font-size:13px;
}
#footernavbar2 ul li a {
  padding-left:28px;
  padding-right:10px;
  padding-bottom:5px;
  padding-top:7px;
  color:#ED1B23;
  text-decoration:none;
}
#footernavbar2 ul li a:hover {
  background-image:url(../img/navpic_big_2.gif);
  background-repeat:no-repeat;
  background-position:left;
  color:#0058AB;
  text-decoration:underline;
}
#footernavbar2 #footeractive {
  background-image:url(../img/navpic_big.gif);
  background-repeat:no-repeat;
  background-position:left;
}


/* Valiadtion styles */
.valicon2 {
  width:660px;
  margin:auto;
  margin-top:10px;
  text-align:center;
}


/** Box styles für Sprechblasen Kopf LINKS Startseite
http://www.alistapart.com/articles/slidingdoors/
http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken/
*/
.bubb_con1 {
  text-align:center;
}
.bubb_con2 {
  width:720px;
  margin:auto;
  text-align:left;
}
.bubb_or {
  background:url(../img/box2/or_1.gif) top right no-repeat;
  margin:0;
  padding:0;
}
.bubb_ol {
  background:url(../img/box2/ol_1.gif) top left no-repeat;
  margin:0;
  padding:0;
}
.bubb_ur {
  background:url(../img/box2/ur_1.gif) bottom right no-repeat;
  margin:0;
  padding:0;
}
.bubb_ul {
  background:url(../img/box2/ul_1.gif) bottom left no-repeat;
  margin:0;
  padding:0;
}

.bubb_content {
  margin:0;
  padding:30px 220px 30px 30px;
}
.bubb_content p {
  margin:0;
  padding:0;
}




/** Box styles für Sprechblasen Kopf RECHTS Startseite
http://www.alistapart.com/articles/slidingdoors/
http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken/
*/
.bubb2_con1 {
  text-align:center;
}
.bubb2_con2 {
  width:720px;
  margin:auto;
  text-align:left;
}
.bubb2_or {
  background:url(../img/box2/or_2.gif) top right no-repeat;
  margin:0;
  padding:0;
}
.bubb2_ol {
  background:url(../img/box2/ol_2.gif) top left no-repeat;
  margin:0;
  padding:0;
}
.bubb2_ur {
  background:url(../img/box2/ur_2.gif) bottom right no-repeat;
  margin:0;
  padding:0;
}
.bubb2_ul {
  background:url(../img/box2/ul_2.gif) bottom left no-repeat;
  margin:0;
  padding:0;
}
.bubb {
  font-size:20px;
  font-weight:bold;
}
.bubb2_content {
  margin:0;
  padding:10px 10px 10px 275px;
}
.bubb2_content p {
  margin:0;
  padding:0;
}