/* 
Website: www.monitoring-center.de
Autor: F.M.Kunz
Version 1.0
Datum: 23.04.2005
*/


/* Seitenlayout */
body {
  background: #FFFFFF;
  margin: 5pt 5pt;
  text-align:center;
  font-family: tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
  font-size: 12px;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-base-color: #FFFFFF;
  scrollbar-darkshadow-color: #BBBBBB;
  scrollbar-face-color: #BBBBBB;
  scrollbar-highlight-color: #C9C9C9;
  scrollbar-shadow-color: #CCCCCC;
  scrollbar-track-color: #FFFFFF;
}

h1, h2, h3 {
  text-decoration: none;
  font-family: tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
  font-weight: bold;
  color: #000000;
}

h1 {font-size: 14px;}
h2 {text-decoration: underline; font-size: 12px;}
h3 {font-size: 12px; margin-bottom: 5px;}


	.small {color: #000000; text-decoration: none; font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
	.small:link {cursor:pointer; color: #483D8B; text-decoration: underline; font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
	.small:visited {cursor:pointer; color: #000000; text-decoration: none; font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
	.small:active {cursor:pointer; color: #BA55D3; text-decoration: none; font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
	.small:hover {cursor:pointer; color: #3156A4; text-decoration: none; font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}

	.textform_small { color: #000; font-weight: normal; font-size: 11px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #f5f5f5; vertical-align: middle; border: solid 1px #c9c9c9; padding : 1px; width: 100px;} 
	.textform_small:focus { color: #000; font-weight: normal; font-size: 11px; line-height: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #f5f5f5; vertical-align: middle; border: solid 1px #3156A4; padding : 1px; width: 100px;} 


.button  {cursor:pointer; color: black; font-size: 11px; line-height: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #c9c9c9; vertical-align: middle; border: solid 1px #fff; width: 80px; height: 20px }


.bottomline {color: #000; text-aligin: center; font-weight: bold; text-decoration: none; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
.bottomline a {cursor:pointer;  text-aligin: center; color: #000; text-decoration:none;}
.bottomline a:hover {cursor:pointer; color: #3156A4; text-decoration:underline;}







/* Content */
#content {
  width: 590px;
  min-height:450px;
  float: right;
  padding: 10px 10px;
  color:#000000;
}

#contentbox_header {
  margin-top: 21px;
  width: 540px;
  height: 19px;
  padding: 2px 10px;
  text-align:left;
  background: transparent url(../images/box_header.gif) no-repeat;
  font: 14px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
  font-weight: bold;
}
#contentbox {
  width: 538px;
  min-height:150px;
  padding: 10px 10px;
  line-height: 16px;
  text-align:justify;
  border-left: 1px solid #636363;
  border-right: 1px solid #636363;
  border-bottom: 1px solid #636363;
  background: #F3F3F3 url(../images/bg_contentbox.gif) repeat-x left bottom;
  font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
}

fieldset {
  width:500px;
  border: none;
  padding-left: 5px;
  border-top: 1px dashed #C3C3C3;
  border-left: 1px dashed #C3C3C3;
}
fieldset legend {font: 11px; font-weight: bold; padding:1px 5px; background-color: #F3F3F3;}

fieldset .textfield, fieldset .textfield_error, fieldset .textfield_warning, .textfield{
  width:200px;
  background-color: #F0F0F0;  
  border: solid 1px #C3C3C3;
  font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
}
fieldset .label_error {
  color: red;
  font-weight: bold;
}
fieldset .label_warning {
  color: orange;
  font-weight: bold;
}
fieldset .textfield_error {
  border: 1px solid red;
}
fieldset .textfield_warning {
  border: 1px solid orange;
}
fieldset #p01 {
  margin-left: 25px;
  width:75px;
  float:left;
}
fieldset #p02 {
  width:75px;
  float:left;
}
fieldset #p1 {
  display: inline-block;
  text-align:right;
  width:150px;
  float:left;
  padding:2px;
  padding-right:4px;
  margin:0;
  margin-top:3px;
  font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
}
fieldset #p2 {
  display: block;
  float:left;
  padding:2px;
  height:20px;
  width:300px;
}
/*.button  {cursor:pointer; color: black; font-size: 11px; line-height: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #c9c9c9; vertical-align: middle; border: solid 1px #fff; width: 80px; height: 20px }*/
fieldset .button {
  background: transparent url(../images/form_button.gif) no-repeat;
  height: 25px;
  width: 100px;
  padding-left:20px;
  padding-bottom:5px;
  border:none;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
  text-align: center;
  vertical-align: middle;
}
.clear {clear:both;}


#contentbox a {color: #404040; text-decoration: none; font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
#contentbox a:hover {cursor:pointer; color: #EE8E38; text-decoration: none; font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
.error {font-weight: bold; color:red;}
.success {font-weight: bold; color:green;}

.sitemap {padding-left: 50px;}
.sitemap #topic {margin-top: 8px; margin-left: 25px; display:list-item; list-style-image: url('../images/square.gif');}
.sitemap #theme {margin-top: 3px; margin-left: 50px; display:list-item; list-style-image: url('../images/disc.gif');}
.sitemap #subtheme {margin-top: 2px; margin-left: 70px; display:list-item; list-style-image: url('../images/disc.gif');}
.sitemap #content {margin-left: 85px;}


.listing {
  /*	IE 5 Mac doesn't display any background without this */
  display: inline-block;
  position: relative;
  width: 530px;
  color: #000;
  padding: 1px;
  background: silver;
  border-top: 1px solid #F6F6F6;
  /*border-bottom: 1px solid #BBB;*/
}
.listing p {
  font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
  padding: 3px;
  margin: 0;
}

.listing .label_error {
  color: red;
  font-weight: bold;
}
.listing #p15l {float: left; width: 15px; padding: 2px 5px; padding-left:5px;}
.listing #p16l {float: left; width: 16px;}
.listing #p50l {float: left; width: 50px; padding: 2px 5px; padding-left:15px;}
/*.listing #p70r {float: left; text-align: right; width: 70px; padding: 2px 5px; padding-right: 5px;}*/
.listing #p70r {float: left; text-align: right; width: 70px;}
.listing #p70l {float: left; width: 70px; padding: 2px 5px; padding-left:15px;}
.listing #p75l {float: left; width: 75px; padding: 2px 5px; padding-left:15px;}
.listing #p85l {float: left; width: 85px; padding: 2px 2px;}
.listing #p85r {float: left; text-align: right; width: 85px;}
.listing #p100l {float: left; width: 100px; padding: 2px 5px; padding-left:15px;}
.listing #p105l {float: left; width: 105px; padding-left:15px;}
.listing #p110l {float: left; width: 110px; padding: 2px 0px;}
.listing #p120l {float: left; width: 120px; padding: 2px 0px;}
.listing #p120r {float: left; text-align: right; width: 120px;}
.listing #p150l {float: left; width: 150px; padding: 2px 5px; padding-left:5px;}
.listing #p150r {float: left; text-align: right; width: 150px; padding: 2px 5px; padding-left:15px;}
.listing #p200l {float: left; width: 200px; padding: 0px 5px; padding-left:5px;}
.listing #p250l {float: left; width: 250px; padding: 0px;}
.listing #p300j {float: left; width: 300px; padding: 2px 5px; padding-left:5px; text-align:justify;}
.listing #p330l {float: left; width: 330px; padding: 2px 0px;}
.listing #p350l {float: left; width: 350px; padding: 2px 5px;}
.listing #p350j {float: left; width: 350px; padding: 2px 5px; padding-left:15px; text-align:justify;}
.listing #p400l {float: left; width: 400px; padding: 2px 0px;}
.listing #p520c {float: left; width: 520px; padding: 2px 5px; text-align:center;}
.listing #desc {float: left; width: 95%; padding-left:5px; padding-bottom:15px; text-align:justify;}
.listing #break {float: left; width: 100%; height: 3px; background:white;}
.listing b {font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
.listing i {font: italic 12px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}

#iconbox, #iconbox a, #iconbox a:hover {
  float: left;
  text-align: center;
  width: 90px;
  padding: 5px;
  font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
}
#iconbox a:hover {
  color: #EE8E38;
}

.news {
  text-decoration: none;
  font-family: tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
  color: #000000;
  font-size: 12px;
}
.news #date {float:left; width: 50px; color:#404040; font-size: 10px;}
.news #headline, .news #headline a {color:#404040; font-weight: bold;}
.news #headline a:hover, .news #activeheadline {color:#EE8E38; font-weight: bold;}
.news #newstext {clear:both;padding:0px 65px;}

.button {
  background: transparent url(../images/form_button.gif) no-repeat;
  height: 25px;
  width: 100px;
  padding-left:20px;
  padding-bottom:5px;
  border:none;
  font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;
  text-align: center;
  vertical-align: middle;
}

.agb, .agb b, .agb h1 {font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, arial, sans-serif;}
.agb b{font-weight: bold;}
.agb h1 {font-weight:bold;font-size:12px;text-align:center;}
.agb ol {list-style-type:decimal;list-style-position:outside;margin-top:5px;}
.agb li {padding:2px;}