@charset "utf-8";
/*--------------------------------------------------------------------------------------------------------
CSS styles for Sparino Project.

version:   1.1
author:    Codingpeople UG (haftungsbeschraenkt) - design trifft html 
email:     support@codingpeople.com
website:   http://www.codingpeople.com/
--------------------------------------------------------------------------------------------------------*/


/* =General
--------------------------------------------------------------------------------------------------------*/

/* Removing margin/padding */
p, div {
  margin: 0;
  padding: 0;
}

/* Giving margin and padding back to several elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin:0; padding:0;
}

hr {
	border:1px solid #000;
	
}

#overDiv {
	position:fixed;
	visibility:hidden;
	
	
	}

#datenupd {
  margin: 0;
  padding: 0;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  background:#fff;
	}

#statistik {
  margin: 0;
  padding: 0;
	}
	
	
#statistik a:link, #statistik a:visited {
	text-decoration:underline;
	padding-left:30px;	
	}			

#datenupd td {
	width:90px;
	padding:3px;
	background:#fff;
	
}

#datenupd p {
	border-top:#000 1px dashed;
	border-bottom:#000 1px dashed;
	font-weight:bold;
	}

/* Class for clearing floats */
div.clear {
    border: 0;
    clear: both;
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
	font-size:0px;
     }

/* Removing border on linked images */
img, a img {
	border: 0;
}

input.gutschein {
	border:1px dashed #000;
	background:#FFD997
	}
.ta_justify {text-align: justify;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}

.fl_left { float:left;}
.fl_right { float:right;}

.fotol { float:left;}
.fotol img { display:block; margin:0 20px 0 0;}

.fotor { float:right; text-align:center;}
.fotor img { display:block; margin:0 0px 10px 15px;}

.bold { font-weight:bold;}

/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */

html { height:100%;}

body {
	height:100%;
	text-align:center;
	padding:20px 0 0 0; margin:0;
	background-color:#B94917;
	background-image:url(../img/bg_body.gif); background-repeat:repeat-x; background-position:left top;
	color:#000000; font-size:12px; font-family:Calibri, Arial, Helvetica, sans-serif;
}

.fort {
	color:#000;
	}		

#site {
	margin: 0 auto -80px auto;
	padding:0;
	text-align:left;
	width:920px;
	height: auto !important;
	height: 100%;
	position:relative;
	background-color:#FFFFFF;
	z-index:200;
	}

td.uservery {
width: 580px;	
border: #999 1px solid;
padding: 1px 5px 2px 0.5em;	
	}

#navigation {
	width: 17em;
	padding: 0;
	}	
	
#navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}	

#navigation li {
	margin: 0 0 1px 0;
	}

#navigation li a:link, #navigation li a:visited {
	display:block;
	margin: 0 0 1px 0;
	background-color:#FBFBFB;
	color:#000;
	font-size:1.3em;
	text-decoration:none;
	font-weight:300;
	padding: 1px 5px 2px 0.5em;
	width: 100%;
	border-bottom:#000 1px dashed;
	border-left: 5px solid #7a2b09;	
	}	

.block_white h1 {
	background-image:url(../img/footer.gif);
	text-align:center;
	color:#FFF;
	padding:2px;
	border-bottom:#000 1px solid;
	font-weight:500;
	font-size:16px;
	} 
	
html>body #navigation li {
width: auto;
}

#navoben {
	width: 12em;
	padding: 0;
	}	
	
#navoben ul {
	padding: 1px 5px 2px 0.1em;
	margin: 0;
	list-style-type:none;
	}	

#navoben li {
	margin: 0 0 1px 0;
	}

#navoben li a:link, #navoben li a:visited {
	display:block;
	margin: 0 0 1px 0;
	color:#000;
	font-size:1.1em;
	text-decoration:underline;
	padding: 1px 5px 2px 0.5em;
	width: 100%;	
	}	
	
html>body #navoben li {
width: auto;
}

#navigation li a:hover, #navigation li a:active, #navigation li a:focus  {
	background-color:#7a2b09;
	color:#FFF;
	border-bottom:#fff 1px dashed;
	}	
	


#gutschein_homex {
	margin:20px;
	padding: 1px 0 2px 0;
	background:#fff;
	font-weight:300;
	font-size:12px;
	
	}	

#gutschein_homex h1 {
	background-image:url(../img/footer.gif);
	text-align:center;
	color:#FFF;
	padding:2px;
	border-bottom:#000 1px solid;
	font-weight:500;
	font-size:16px;
	}
	
span.gsu {
	font-weight:bold;
	font-size:13px;
	}

a.gsu {
	color:#000;
	}	
	
p.nlinfo {
	padding: 5px;
	border-top: #000 1px dashed;
	border-bottom: #000 1px dashed; 
	}			
	
#gutschein_homex p.text {
	border-left: 1px dashed #000;
	border-right: 1px dashed #000;
	border-bottom: 1px dashed #000;
	padding:5px;
	}	

#Bild40 {
	position:absolute;top:102px; left:190px; width:71px; height:38px;
	
	}

#screen {
	 padding:7px; float:left;
	}

#usu {
	padding:5px;
	}
	
#usu span {
	padding:5px;
	font-size:13px;
	}
	
#usu p {
	padding:5px;
	background-color:#FAFAFA;
	}	

#usu ul {
	padding:15px;
	}					
	
#usu h1 {
	color:#000;
	font-size:14px;
	border-bottom: 1px dashed #000;
	}	
	
#usu h2 {
	font-weight:100;
	background-color:#7a2b09; color:#FFF;
	font-size:12px;
	padding:2px;
	}
	
	
#usu h3 {
	font-weight:500;
	background-color:#7a2b09; color:#FFF;
	font-size:14px;
	padding:2px;
	}	
	
#usu a:link, #usu a:visited { color:#000;}	

#suche {

	background-image:url(../img/footer.gif);
	color:#FFF;
	font-size:12px;
	padding:2px;
	}				

/* End Typography
--------------------------------------------------------------------------------------------------------*/

/* =Headings
--------------------------------------------------------------------------------------------------------*/


.header { position:relative; z-index:900; height:348px; padding:0; margin:0;
	background-image:url(../img/bg_header.jpg); background-repeat:no-repeat; background-position:left top;}
	
.logo { position:absolute; left:46px; top:0;}

.block_login { position:absolute; left:39px; top:194px; width:261px; height:138px;
	background-image:url(../img/bg_block_login.gif); background-repeat:no-repeat; background-position:left top;}

.block_login a:link, .block_login a:visited { color:000;}
	
.block_loginx { position:absolute; left:39px; top:194px; width:261px; height:138px;
	background-image:url(../img/bg_block_login.gif); background-repeat:no-repeat; background-position:left top;}
.block_loginx p { padding:5px; font-size:14px; border-bottom: 1px dashed #953a08;}
.block_loginx span { font-weight:bold; text-align:right;}
	
.header div.text { position:absolute; left:327px; top:327px; width:520px;}
.header div.text p { color:#FFFFFF;}
.header div.text  a:link,.header a:visited  { color:#fff; }

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/

a { color:#1C3862; text-decoration:none;}
a:hover { text-decoration:underline; }

/* End Links
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/

.main_block { position:relative; padding:0 7px 0 7px; margin:0; overflow:hidden; zoom:1;}

.main_block p.big { font-size:18px; font-weight:bold;}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

.column_left_repeat { float:left; width:304px; padding:10px 0 0 0; margin:0;
	background-image:url(../img/bg_column_left_repeat.gif); background-repeat:repeat-y; background-position:left;}
.column_left { min-height:304px; padding:0 0 10px 33px; margin:0;
	background-image:url(../img/bg_column_left.gif); background-repeat:no-repeat; background-position:left bottom;}

.block_white_bottom { width:263px; text-align:left; padding:0 0 12px 0; margin:-2px; min-height:266px;
	background-color:#FFFFFF; background-image:url(../img/bg_block_white_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}
.block_white { padding:30px 20px 0 20px; margin:0; background-color:#FFFFFF;
	background-image:url(../img/bg_block_white.gif); background-repeat:no-repeat; background-position:left top;}



.column_right { float:left; width:600px;}
.column_right_pad { padding:6px 0 0 8px; margin:0; overflow:hidden; zoom:1;}
.column_right_padx { padding:6px 0 0 1px; margin:0; overflow:hidden; zoom:1;}

.block_left_bottom { width:347px; float:left; text-align:left; padding:0 0 31px 0; margin:0 15px 0 0;
	background-image:url(../img/bg_block_left_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}
.block_left { padding:6px 6px 0 6px; margin:0;
	background-image:url(../img/bg_block_left.gif); background-repeat:no-repeat; background-position:left top;}
.block_left p { padding:5px 0 10px 8px;}
.block_left a { color:#000; text-decoration:underline; font-weight:600;}

.block_right_bottom { width:222px; float:left; text-align:left; padding:0 0 10px 0; margin:0;
	background-image:url(../img/bg_block_right_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}
.block_right { padding:12px 11px 0 11px; margin:0;
	background-image:url(../img/bg_block_right.gif); background-repeat:no-repeat; background-position:left top;}
.newsblock_bottom { width:599px; float:left; text-align:left; padding:0 0 15px 0; margin:10px 15px 10px 0;
	background-image:url(../img/news_block_02.gif); background-repeat:no-repeat; background-position:left bottom;}
.newsblock { padding:25px 6px 10px 6px; margin:0;
	background-image:url(../img/news_block_01.gif); background-repeat:no-repeat; background-position:left top;}	
.newsblock p { font-size:12px; padding:3px 15px 10px 15px;}	
.newsblock h1 { font-size:14px; font-weight:bold; margin:15px;}
.newsblock a:link,.newsblock a:visited  { color:#000; }

#bhome { width:100%; margin:0;float:left;}
#bhome p.info  { background-image:url(../img/footer.gif);color:#fff; height:15px;}
.bhome_left { float:left;width:38%;padding:0 0 0 0; margin:0 23px 0 0;}
.bhome_right { float:left;width:58%;padding:0 0 0 0; margin:0 0 0 0;}
p.foot  { background-image:url(../img/foot.gif);color:#fff; height:15px; font-weight:900;	}
.inha  { border-bottom:1px dashed #000;}

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/

.push { height:80px;}
.footer { position:relative; width:920px; height:40px; padding:0; margin:20px auto 20px auto; text-align:left;
	background-color:#FFFFFF; background-image:url(../img/bg_footer.gif); background-repeat:no-repeat; background-position:left bottom;}

.footer p.text  { padding:6px; text-align:left; background-image:url(../img/footer.gif);color:#fff;border-left: 8px solid #fff;border-right: 8px solid #fff;	}
.footer a:link,.footer a:visited  { color:#fff; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders */
fieldset {
  border:none; margin:0; padding:0;
}

/* Login Form */
.login_form { width:220px; height:132px; margin:3px 0 0 20px; padding:0; position:relative;}
.login_form p { color:#000000; font-size:12px; padding:0 0 2px 0; margin:0;}
.login_form p.marg { padding:8px 0 0 0;}
.login_form a:link, .login_form a:visited { color:#000;}


.login_form input { color:#000000; font-size:12px; font-family:Calibri, Arial, Helvetica, sans-serif;
	width:198px; height:20px; line-height:20px; padding:5px 6px 3px 10px; margin:0 0 2px 0; border:none;
	background:none; background-image:url(../img/bg_input.gif); background-repeat:no-repeat; background-position:left top;} 
.login_form input.but_login { position:absolute; right:0; bottom:0;
	display:block; width:62px; height:33px; padding:0; margin:0; border:none; cursor:pointer; 
	background-image:url(../img/bg_but_login.gif); background-repeat:no-repeat; background-position:left top;}

.submit { background-color:#7a2b09; color:#FFF; border:1px solid #000;}

/* End Forms
--------------------------------------------------------------------------------------------------------*/

/* =Tables
--------------------------------------------------------------------------------------------------------*/

/* Making tables collapse and removing spacing */
table { 
  border-spacing: 0;
  border-collapse: collapse;
}

/* Preparing table columns */
td {
  text-align: left;
  font-weight: normal;
}


td.agus {
	background-color:#7a2b09;
	color:#FFF;
	border:1px solid #7a2b09;
	}
	
td.agusxx {
	background-color: #E6E6E6;
	color:#000;
	font-weight:bold;
	}	
	
td.agusd {
	background-color:#F9F9F9;
	border-bottom:1px dashed #000;
	padding:1px;
	}

td.agusdempf {
	background-color:#F9F9F9;
	border-bottom:1px dashed #000;
	border-left:1px solid #000;
	padding:1px;
	}
	
td.agusdxx {
	text-align:center;
	background-color:#f7f7f7;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	}	
	
td.agusdc {
	background-color:#F9F9F9;
	border-bottom:1px dashed #000;
	border-left:1px dashed #000;
	text-align:center;
	}

td.agusdcempf {
	background-color:#F9F9F9;
	border-bottom:1px dashed #000;
	border-left:1px dashed #000;
	border-right:1px solid #000;
	text-decoration:underline;
	text-align:center;
	}
	
td.agusdb {
	font-weight:bold;
	background-color:#E6E6E6;
	border-bottom:1px dashed #000;
	border-left:1px dashed #000;
	text-align:center;
	}	

td.agusdbxx {
	font-weight:bold;
	background-color:#f7f7f7;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:center;
	}					

td.gtsxinfo  { background-image:url(../img/footer.gif);color:#fff; height:15px;padding:3px;}
td.gtsxinfoa  { background-image:url(../img/footer.gif);color:#fff;border-left:1px solid #000; height:15px;padding:3px;}
td.gtsxinfob  { background-image:url(../img/footer.gif);color:#fff;border-right:1px solid #000; height:15px;padding:3px;}

#angebotempf {
	background-color:#FAFAFA;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:3px;
	}

#angebot {
	background-color:#FAFAFA;
	border-left:1px solid #000;
	border-right:1px solid #000;
	}
#results { margin-top:8px;}	
#results a:link,#results a:visited { text-decoration:underline;}	
#gtbg { background-color:#FFC;}
p.andetail { padding:5px; font-size:1.2em;}	
p.gtsinfo { padding:5px; 
            font-size:1.2em;
			font-weight:bold;
            border-left:1px solid #000;
	        border-right:1px solid #000;
			border-bottom:1px dashed #000;
}
a.gtsinfosl { 
            font-weight:bold;
			text-decoration:underline;
}
p.angtsinfos { padding:5px; 
            border-left:1px solid #000;
	        border-right:1px solid #000;
			border-bottom:1px solid #000;
}
p.aninfos { padding:5px; font-size:1.1em;border-top:1px dashed #000;}
p.empfinfos { padding:5px; font-size:1.1em;border-bottom:1px dashed #000; font-weight:900;}
p.gtsxinfo  { background-image:url(../img/footer.gif);color:#fff; height:15px;font-weight:900;}
p.anempf { padding:5px;
           font-size:1.1em;
		   border-left:1px solid #000;
	       border-right:1px solid #000;
		   border-bottom:1px solid #000;
	} 
#angebot p.info  { background-image:url(../img/footer.gif);color:#fff; height:15px;}	
#angebot p a:link,#angebot a:visited  { color:#fff; margin-left:145px; font-weight:bold; font-size:1.1em; }
					
/* End Tables
--------------------------------------------------------------------------------------------------------*/