/*____________________________________________________
Diese Seite wurde erstellt vom:

Ingenieur Büro Ginter
Ihr Partner für: 
Computer- , Medien- , Netzwerktechnik, 
3D Modelling / Computeranimation, 
Webdesign und Printdesign, 
Digitale Bildbearbeitung, Computernachhilfe 
 
Webseite: http://www.ibg-dd.de

MfG
Dipl.-Ing. Frank Ginter
____________________________________________________*/

* { margin: 0; padding: 0; /*border: 0*/ }

body {
	background-color:#52897C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000; 
	text-align: center;
	margin: 1px 0;
}

a, a:visited {
	font-weight: bolder;	
	color: #0D896A;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #0D896A;
	background: inherit;
	text-decoration: underline;
}

.TextNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.TextKlein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	color: #000000;
	text-decoration: none;
}
.TextKleinFett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
	color: #000000;
	text-decoration: none;
}
.TextNormalBlock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	color: #000000;
	text-decoration: none;
}
.TextNormalEingabeFeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.TextNormalFett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.TextNormalFettKursiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.TextUeberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.TextUeberschriftGross {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: Bold;
	font-size: 130%;
	color: #D76A15;
	text-decoration:underline;
}

h2, h3, h4, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

input, select, textarea {
	background-color:#ffffff;
	border:1px solid #E381A8;
}

#topy a  {
	font-weight: bolder;
	padding:10px  10px  10px 0px;
	color: #0D896A;
	text-decoration: none;
}
#topy a:visited {
	text-decoration: none;
}
#topy a:hover  {
	text-decoration: underline;
}
#topy a:active {
	text-decoration: underline;
}

table {
	margin: 10px;
	color:#000000;
}

tr {
	height: 20px;
}

td {
	padding-left: 11px;
	padding-right: 11px;
}

#top-up {
	position:relative;
	background-color:#EF91C3;
	background-image:url(../pictures/top_grid.jpg);
	clear: both;
	margin: 0 auto; 
	width: 954px;
	height:175px;
	padding:0px;
	margin-top:1px;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #444444;
	font: bold 18px/1.6em Arial, Helvetica, sans-serif;
	text-decoration: none;	
	letter-spacing: 6px;
	color: #ffffff;
	/*text-decoration: underline;*/
}
#top-up a  {
	font: bold 18px/1.3em Arial, Helvetica, sans-serif;
	text-decoration: none;	
	color: #52897C;
}
#top-up a:visited {
	text-decoration: none;	
	color: #52897C;
}
#top-up a:hover  {
	text-decoration:underline;	
	color: #52897C;
}
#top-up a:active {
	text-decoration: none;	
	color: #52897C;
}

#grid {
	position:relative;
	width: 954px;
	background: transparent;
	margin: 0 auto;
	text-align: left;
	border-bottom: 2px solid #777777;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #444444;
}
#content-grid {
	position: relative;
	clear: both;
	float: left;	
	width: 954px;	
	padding: 0;
	background:#ffffff;
	border-top: 1px solid #ccc;
	/*border-bottom: 1px solid #D0D0D0;*/
	margin-left: 0px;	
	display: inline;
}

#navigation_top ul {
	float: left;
	list-style: none;
	background-color:#2E92CE;
	background: url(../pictures/nav.jpg) repeat-x;	
	width: 954px;
	/*height:42px;*/
	text-transform: uppercase;
	margin: 0 0 0 0px;
	padding: 0;	
	display: inline;
	border-bottom: 3px solid #C75183;
}
#navigation_top ul li {
	display: inline;
	margin: 0; padding: 0;
}
#navigation_top ul li a {
	/*display: block;*/
	float: left;
	width: auto;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #8E3B5F;
	border-left: 1px solid #EDCBDB;
	border-bottom: none;
	color: #ffffff;
	font: bold 12px/3.1em rial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 2px;
}
#navigation_top ul li a:hover, 
#navigation_top ul li a:active {
	background: url(../pictures/nav-hover.jpg) repeat-x;	
	color: #000000;
}
#navigation_top ul li#current a {	
	background: url(../pictures/nav-current.jpg) repeat-x;	
	color: #ffffff;

}

#main {
	float: left;
	width: 800px;
	padding: 0; 
	margin: 0px 0 0 10px;
	display: inline;
}

#mainsv {
	float: left;
	width: 954px;
	padding: 0; 
	margin: 0px;
	display: inline;
}

#main h2 {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0D896A; 
	padding: 5px 0 5px 5px; 		
}

#content {
	padding: 40px 0px 0px 180px;
	text-align:left; 
}

#footer-grid {
	clear: both;
	/*border-bottom: 1px solid #ffffff;*/
}

#footer-grid a {
	font-weight: normal;	
	font-size:11px;
	text-decoration: none;
	color: #52897C;
}
#footer-grid a:hover {
	background: inherit;
	text-decoration: underline;
	color: #52897C;

}
#footer-grid p {
	padding:2px 0;
}

#footer-bottom {
	background: url(../pictures/nav.jpg) repeat-x;	
	clear: both;
	/*margin: 0 auto;*/
	/*margin-top:10px; */
	width: 954px;
	padding: 0px;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align: center;
	height:29px;
	border-bottom: 1px solid #444444;
	
}
#end-IBG {
	color: #aaaaaa;
	font-size: 9px;
	margin: 0 auto; 
	width: 954px;
	padding: 0px;
	text-align: right;
}
#end-IBG a  {
	font-size: 9px;
	color: #aaaaaa;
	font-weight: normal;
	text-decoration: none;
}
#end-IBG a:visited {
	font-size: 9px;
	color: #aaaaaa;
	text-decoration: none;
}
#end-IBG a:hover  {
	font-size: 9px;
	color: #aaaaaa;
	text-decoration: underline;
}
#end-IBG a:active {
	font-size: 9px;
	color: #aaaaaa;
	text-decoration: underline;
}

.TextFehlerausgabeIBG {
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  color: red;
  text-decoration: none;
}

.TextOKausgabeIBG {
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  color: green;
  text-decoration: none;
}

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

.clear { clear: both; }