* {
  background-color: white !important;
  background-image: none !important;
  }

body {
	margin: 0; padding: 0;
	font-family: Verdana, Lucida Sans, Times New Roman, Times, serif;
	text-align: left;
	font-size: 10pt;
	color: black;
	background-color: white; 
}

h1 {display: block; font-size: 1.4em; font-weight: bold; margin: 0.4em 0 0.4em 0; font-family: Arial, Verdana, Lucida Sans, sans-serif;}
h2 {display: block; font-size: 1.2em; font-weight: bold; margin: 0.7em 0 0.1em 0; padding-top: 5px; font-family: Arial, Verdana, Lucida Sans, sans-serif;}
h3 {font-size: 1.0em; font-weight: bold; margin:0.4em 0 0.3em 0;}
/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 { page-break-after: avoid; color: #000;}


/* Links */
#col2 a, #col2 a:visited {color: #667; background: none; text-decoration: underline; padding: 0;}

#col2 a:link:after, #col2 a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
	
/* alle internen Links werden relativ angezeigt */
#col2 a[href^="/"]:after {
  content: " (http://www.festgeld-tagesgeld.de" attr(href) ") ";
   }


/* ausblenden von Containern */

#header {display: none;}
#col3 {display: none;}
#nav {display: none;}
#col1, #col1_content {display: none;}
ul#bottom-nav {display: none;}
#footer {display: none;}


#main {
		width: 100%;
		margin: 0;
		padding: 0;
}	

#page_margins {
		width: 645px;
		border: 0;
		margin: 0;
		padding: 0;
		font-size: 10pt;
}	

#col2, #col3 {
		width: 645px;
		float: none; clear: both;
		margin: 0; padding: 0;
		font-size: 110%;
		background: none;
}	

#col3 {
		border-top: 1px solid black;
		margin-top: 20px !important;
		padding-top: 10px !important;
}	

#col3_content:before {
 content:" [ Inhalt rechte Spalte ]";
} 

#page_margins, #main, #col2_content, #col3_content, #footer {
		width: 645px;
		float: none; clear: both;
		margin: 0; padding: 0;
		font-size: 100%;
		background: none;
}	

#col3 p {
	font-size: 100%;
} 

#col2 ul, #col3 ul {
	font-size: 100%;
}


/* nur wenn der Footer nicht ausgeblendet ist */
#footer {
	width: 645px;
	float: none; clear: both;
	margin-top: 1cm;
}

#footer p {
	width: 645px;
	font-size: 80%;
	margin: 0; padding: 0;
}

div, ul, li, p {margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;}
	
#col2 hr, #col3 hr { color: #FFF; height: 3px; width: 645px; background-color: #FFF; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px dashed #777; margin: 15px 0 19px 0; line-height: 1px; font-size: 1px;}

ul {margin: 10px 0 15px 40px; font-size: 83%;}

li {
	background: none;
	list-style-type: circle; 
	line-height: 160%; 
	margin: 0; 
	padding: 2px 0 2px 2px; 
}
			
ol {line-height: 165%; margin-bottom: 1.5em;}
ol li {margin-bottom: 1em; background-image: none;}

/* HTML TAGS for ACCESSIBILITY */
abbr, acronym {border-bottom: 1px dotted #000;}
			
/* Bilder */

img {margin: 7px 0 8px 0; border: 1px solid #667; text-align: left; display: block; clear: both; }

table img {
	border: none;
}

/* Tabellen */
table {width: 645px !important; font-size: 100%; border-collapse: collapse; empty-cells: hide;}
td {vertical-align: top; border: 1px dotted #CCC;}
th {border-bottom: 1px solid #000;}

table a:link {color: #000; text-decoration: none;}
table a:visited {color: #000; text-decoration: none;}

/* Formulare */

form {display: none;}
input.submitter {background: none; border: 1px solid #777;}


/* ######################################################################################################
** ### Spezielle Boxen  #################################################################################
** ######################################################################################################
*/

/* --- Box Typ 1 --- */


#col2 div.box-typ-1 p, 
#col2 div.box-typ-2 p, 
#col2 div.box-typ-3 p, 
#col2 div.box-typ-4 p, 
#col2 div.box-typ-5 p,
#col2 div.box-typ-6 p, {
	width: 630px !important; margin: 5px 0 12px 10px !important;
	color: #000; float: none !important; clear: both !important;
}

#col2 div.box-typ-1 ul,
#col2 div.box-typ-2 ul,
#col2 div.box-typ-3 ul,
#col2 div.box-typ-4 ul,
#col2 div.box-typ-5 ul,
#col2 div.box-typ-6 ul {
	width: 630px !important; margin: 5px 0 12px 20px !important;
	color: #000; float: none !important; clear: both !important;
	
}

#col2 div.box-typ-1 {
	width: 645px;
	background: #FFF;
	border: 1px solid #e3e2dd;
}

/* Headline in der Box */
#col2 div.box-typ-1 h1 {
	background: #FFF;
	border-bottom: 1px solid #e3e2dd;
}

#col2 div.box-typ-1 div.trenner {
	height: 20px;
}

/* --- Box Typ 2 --- */

#col2 div.box-typ-2 {
	width: 645px;
	background: #FFF;
	border: 1px solid #e3e2dd;
}

/* Headline in der Box */
#col2 div.box-typ-2 h1 {
	background: #FFF;
	border-bottom: 1px solid #e3e2dd;
}

/* --- Box Typ 3 --- */

#col2 div.box-typ-3 {
	width: 645px;
	background: #FFF;
}

/* runde Ecken über generierten Content CSS3 */
.box-typ-3:before {
  content: url(../gfx/bg-box-white.gif);
  background: none;
}

.box-typ-3:after {
  content: url(../gfx/bg-box-white.gif);
  background: none;
}


/* --- Box Typ 4 --- */

#col2 div.box-typ-4 {
	width: 645px;
	background: #FFF;
}

/* runde Ecken über generierten Content CSS3 */
.box-typ-4:before {
  content: url(../gfx/bg-box-white.gif);
  background: none;
}

.box-typ-4:after {
  content: url(../gfx/bg-box-white.gif);
  background: none;
}

/* Headline in der Box */
#col2 div.box-typ-4 h1 {
	color: #000;
}

#col2 div.box-typ-4 p {
	margin: 5px 8px 12px 10px;
	width: 630px;
}

/* --- Box Typ 5 --- */

#col2 div.box-typ-5 {
	width: 645px;
	background: #FFF;
	border: 1px solid black;
}

#col2 div.box-typ-5 p {
	margin: 5px 8px 12px 10px;
	width: 630px;
}

/* runde Ecken über generierten Content CSS3 */
#col2 .box-typ-5:before {
  background: none;
  content: url(../gfx/bg-box-white.gif);
}

.box-typ-5:after {
  content: url(../gfx/bg-box-white.gif);
  background: none;
}

/* --- Box Typ 6 --- */

#col2 div.box-typ-6 {
	width: 645px !important;
	background: #FFF;
	border: none;
}

.box-part-1 {
	margin: 10px 0 0 10px;
	width: 635px;
	float: none;
	display: block;
}

.box-part-2 {
	margin: 10px 9px 0 10px;
	width: 635px;
	float: none;
}

#two-cols div.box-typ-1 p,
#two-cols div.box-typ-2 p,
#two-cols div.box-typ-3 p,
#two-cols div.box-typ-4 p,
#two-cols div.box-typ-5 p,
#two-cols div.box-typ-6 p {
	width: 630px !important;
}



/* --- Button in der Druckansicht --- */

#printbutton {position: absolute; top: 5px; left: 8px; z-index: 100; width: 330px; height: 30px; margin: 5px 0; background: #FFF;}

#printbutton ul {display: block; margin: 0; padding: 0;}

#printbutton li {display: inline; margin: 0; padding: 0; float: none;}

#printbutton li a, #printbutton li a:visited {
		display: block;
		overflow: visible;
		float: left; 
		margin: 1px 5px 1px 0; padding: 3px 5px 4px 5px;
		font-size: 80%; text-decoration: none; color: #000; 	
	padding: 3px 4px 3px 4px;
	margin: 0 3px 0 3px; 
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #EEEDE5;
	color: #000; text-decoration: none; text-align: center;	width: 130px;
}

#printbutton  li a:hover, a:active, a:focus  {
	color: #000; background: #E1E1E1; 
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


@media print 	{	
	body, #page_margins {margin: 0;}
	#printbutton {display: none;}
}