@charset "utf-8";
/*		--------------------		Default Settings		--------------------		*/

html { overflow-y:scroll; }
html, body, div, span, img, ul, li, sup {
	padding:0;
	margin:0;
	border:0;
	outline: 0;
	font: normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 0.15em; 
	letter-spacing: 0;
	color:#333;
}
sup {
	padding:0;
	margin:0;
	border:0;
	outline: 0;
	font: normal 10px/1em Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 0.15em; 
	letter-spacing: 0;
}


body { 
	background:#8f9193;
}
.content-footer { width:788px; margin-left:174px; padding-top:10px; text-align:center; }
.main-footer { height:10px; display:block; width:990px; margin:0px auto; background:url(../img/content/bgrd_footer.jpg) repeat-y 0 0; }

/*		--------------------		Clear Fix		--------------------		*/
/* The problem happens when a floated element is within a container box, that element does not automatically force the container's height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow. You can use 2 methods to fix it: */
.clearfix:after { display: block; content: "."; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
  html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear:both; }

/*		--------------------		Allgemeine Settings		--------------------		*/
.block { display:block; }
.blockhoch { display:block; height:10px; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.justify { text-align:justify; }
.center { text-align:center; }
.left { float:left; } 
.right { float:right; }
.cursor { cursor:pointer; }

.mrg_top { margin-top:15px; }
.mrg_left { margin-left:20px; }
.mrg_right { margin-right:20px; }
.mrg_bottom { margin-bottom:15px; }
.mrg_top_bottom { margin:15px 0px; }

.pdg_top { padding-top:10px; }
.pdg_left { padding-left:10px; }
.pdg_right { padding-right:10px; }
.pdg_bottom { padding-bottom:10px;}
.pdg_top_bottom { padding:10px 0; }
.pdg_left_right { padding:0 10px; }

.small_font { font: 11px/1.65em Verdana, Arial, Helvetica, sans-serif; }
.normal_font { font: 12px/1.65em Verdana, Arial, Helvetica, sans-serif; }
.big_font { font: 14px/1.65em Verdana, Arial, Helvetica, sans-serif; }
.align_right { text-align:right; }

.nodisplay { display:none; }
.noborder { border:0; border-style:none; }
.border { border:1px solid #2e4a9a; }
.border_top_bottom { padding:10px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.line { display:block; clear:both; background:#fff url(../img/content/pixelline.png) repeat-x left center; }
.line_mrg_bottom { display:block; clear:both; margin-bottom:40px; background:#fff url(../img/content/pixelline.png) repeat-x left center; }

.bgrd_fafafa { background:#fafafa; }
.line-height li { line-height:18px; margin:0; padding:0; }

fieldset { padding:10px 20px; display:block; margin-bottom:15px; }

/*		--------------------		Link Settings		--------------------		*/
a { background:none; color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration:underline; cursor:pointer; }

a.blue { background:none; padding-left:0; color: #0000fb; text-decoration:underline; }
a.blue:hover { color: #0066cc; }

a.logolink { display:block; padding:75px 0; }

/*		--------------------		Content Settings		--------------------		*/
h1, h2, h3, h4, h5, h6 { display:block; word-spacing: 0.15em; letter-spacing: 0; margin:15px 0px; padding:0; }
h1 { font: 30px/1.2em Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #fff; border-bottom-style:dotted; }
h2 { font: 18px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#333; border-bottom:1px solid #333; border-bottom-style:dotted; }

/*		--------------------		Table Settings		--------------------		*/
table {
  border-collapse: collapse;
  border: 1px solid #aaa;
  color: #333;
  background: #fafafa;
  padding:0;
  width:788px;
  }
table span { display:block; font-size:11px; }
.table-head { color:#000066; font-size:12px; line-height:18px; float:left; width:750px; }
table li { list-style:none; padding:0 0 3px 15px; line-height:16px; font-size:11px; background:url(../img/arrow/tipsy-east.gif) no-repeat left 3px; }
caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
th { background:#e5e7f1; color:#000066; border: 1px dotted #aaa; padding: 5px 5px; }
td {
  font-size:11px;
  border: 1px dotted #aaa;
  padding: 5px 5px;
  color: #333;
  }
thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;;
  text-align: left;
  background: #e4e7f1;
  color: #333;
  padding-top:6px;
  }
tbody td a {
  background: url(../img/arrow/save.png) no-repeat left center;
  padding:5px 0 5px 20px;
  text-decoration: none;
  color: #333;
  }
tbody td a:hover {
  color: #666;
  }
tbody th a {
  float:right; 
  display:block; 
  padding:1px 10px; 
  background:url(../img/arrow/select-up.png) no-repeat center center;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #38160C;
  background: transparent;
  padding-top:4px;
  }
.odd {
  background: #f7f7f7;
  }
tbody tr:hover {
  background: transparent;
  }



/* Dieses Feature kann man später einbauen */
/* @font-face {
  font-family: "Kimberley";
  src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");
}
h1 { font-family: "Kimberley", sans-serif; font-size:16px; } */