<!--
/*
        CSS-FILE FOR CHARLOTTE.NIFOX.DE
        MAIK LINDNER
*/


body {
  background:#fff;
  margin:0;
  padding:0;
}
body, .zeile, .button {
  font-family:trebuchet ms, verdana, tahoma, arial, sans-serif;
  font-size:10pt;
}
a {
  text-decoration:none;
  color:#2F6CC7;
}
a:hover {
  color:#5489D8;
  border-bottom:1px dashed #5489D8;
}
acronym {
  border-bottom:1px dotted #888;
  cursor:help;
}
label {
	cursor:pointer;
}
.zeile {
  font-size:1.0em;
  color:#555;
  padding:2px;
  border:1px solid #aaa;
  margin: 2px 0;
  height:18px;
  background:#fafafa;
}
.oben {
  background: #A9D0FF url(http://nifox.de/charlotte/images/bg_top.png) 0 0 repeat-x;
  height:207px;
}
.charlotte {
  cursor:pointer;
  position:absolute;
  left:61px; top:68px;
  background: url(http://nifox.de/charlotte/images/charlotte.png) 0 0 no-repeat;
  width:253px; height:82px;
}
.sonne {
  cursor:pointer;
  position:absolute;
  right:80px; top:39px;
  background: url(http://nifox.de/charlotte/images/sonne.png) 0 0 no-repeat;
  width:131px; height:128px;
}
.menu {
  text-align:center;
  height:30px; 
  background: #E1F3FF;
}
.menucarrier {
  white-space:nowrap;
  position:absolute;
  left:60px;
}
.menu a {
  border:none;
  color:#A8BAC6;
  font-family:georgia, times new roman, tahoma, verdana, sans-serif;
  line-height:30px;
  height:30px;
  padding: 0 20px;
  margin: 0;
  display:block;
  float:left;
  text-decoration:none;
}
.menu a:hover {
  border:none;
  color:#71838F;
  background:#DAECF8;
}
a.aktiv {
  color:#394B57;
  background:#D5E7F3;
}
.schatten {
  background: #fff url(http://nifox.de/charlotte/images/bg_schatten.png) 0 0 repeat-x;
  height:11px;
}
.menupoint {
  float:left;
  width:18%;
  margin: 20px 1%;
}
.menupoint a {
  width:110px;
  display:block;
  border:1px solid #fff;
  text-decoration:none;
  color:#666;
  background:#fff;
  font-size:0.9em;
  margin:auto;
}
.menupoint a:hover {
  background:#fcfcfc;
  border:1px solid #ddd;
  color:#000;
}
.h3_im {
  display:block;
  text-align:center;
  font-size:1.5em;
  margin:0;
  padding: 5px 0;
}
.img_imi {
  border:none;
  margin:4px 0 0 0;
}
.img_im {
  display:block;
  text-align:center;
}
.text_im {
  width:96px;
  display:block;
  text-align:left;
  margin:0 auto;
  padding:5px;
}
.contentin {
  margin:0 10%;
}
.contentintext {
  line-height:1.6em;
  color:#555;
  margin:0 270px 0 0;
  text-align:justify;
}
.contentintext h2 {
  margin:0;
  padding:20px 0 10px 0;
 }
.rightmenu {
  border-color: #eee #eee #eee #ddd;
  border-style: solid;
  border-width: 1px 1px 1px 2px;
  background:#fcfcfc;
  padding: 5px 10px 20px 30px; 
  float:right;
  width:200px;
  color:#999;
  margin:10px 0 0 0;
}
.rightmenu ul {
  color:#ddd;
  padding:0 7px;
  margin:0 0 0 10px;
}
.helptext {
  color:#951;
}
.thumb, .thumb:hover, .thumbclick, .thumbclick:hover {
  border:none;
  padding:0;
  margin:1px;
}
.thumb {
	padding:1px; background:#fff;
  border:1px solid #ccc;
}
.thumb:hover {
  border:1px solid #000;
}
.unten {
  clear:both;
  padding:100px 0 10px 0;
  font-size: 0.8em;
  color:#ccc;
  text-align:center;
}
form {
  margin:0;
  padding:0;
}
.formfname {
  text-align:right;
  padding: 0 5px 0 0;
}
.fehlerstyle {
	color:#c00;
}
blockquote {
  color:#444;
  margin:5px 0 0 20px;
  padding:10px;
  border:1px solid #eee;
  border-width: 1px 1px 1px 5px;
  background:#fafafa;
}
.dltable {
  width:99%;
}
.dltable th {
  border-bottom:1px solid #888;
}
  
a.tab {
	display:block;
	float:left;
	padding:2px 10px;
	background: #fff; color:#aaa;
	border:1px solid #fff; border-bottom:none;
}
a.tab:hover, a.tabactive:hover {
	background:#f5f5f5; color:#999;
	border-bottom:none;
}
a.tabactive {
	display:block;
	float:left;
	padding:2px 10px;
	background: #eee; color:#777;
	border:1px solid #ccc; border-bottom:none;
}

 
div.liner {
	border-top:1px solid #ccc;
	line-height:4px; height:4px; font-size:1px; clear:left;
	background:#f8f8f8;
	margin: 0 0 15px 0;
}
div.hiddentab {
	display:none;
}


-->