/* ######################################################################################################
** # SAD Partnerprogram Stylesheets #####################################################################
** ######################################################################################################
** 
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{

/* ######################################################################################################
** # Partner-Layouts   ##################################################################################
** ######################################################################################################
** 

/* ### BASICS #################################################################################### */

html,body {
	position: absolute;
	margin: 0; padding: 0;
	top: 0;
	left: 0;
}

body { background: #CEB8FC; }

p { line-height: 1.5em; margin: 15px 0; }

/* Standardrahmen zurücksetzen */
fieldset, img { border:0; }


/* Horizontale Linie */
hr { 
	color: #fff; 
	background:transparent; 
	border:0; 
	border-bottom: 1px #ccc solid; 
	margin: .5em 0; padding: 0;
}

ul.nolist { list-style-type: none; margin: 0; padding: 0; }

.grid_ve_ce { background: url(gfx/grid_ve.gif) center repeat-y; }
.grid_ve_r  { background: url(gfx/grid_ve.gif) right repeat-y; }

.grid_ho_ce { background: url(gfx/grid_ho.gif) center repeat-x; }
.grid_ho_bo { background: url(gfx/grid_ho.gif) bottom repeat-x; padding: .3em 0 }


/* ### Clearing #################################################################################### */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	font-size: 0.1em;
	visibility: hidden;
}

.hidden	{ display: none }
.price	{ white-space: nowrap }

/* ### LAYOUT WRAPPER #################################################################################### */

#header 	 { position: relative; padding: 0;  background: url(gfx/header/bg_header_h1_05.jpg) right top no-repeat; background-color: #fff; }
#header h1 a { display: block; background: transparent url(gfx/header/bg_h1_a_logo.png) left top no-repeat; width: 126px; height: 126px; margin-left: 40px; }
#header .teaser { position: absolute; left: 0; bottom: 14px; height: 29px; width: 211px; background: url(gfx/header/bg_h1_teaser.png) left center scroll no-repeat; }
#page 		 { border-right: 1px #667 solid; border-bottom: 1px #667 solid; background: #FFF8FF; }
#footer 	 { clear: both; text-align: center; padding: .5em; margin-top: 1em }

/* Float Klassen */
.float_left  { float:  left; }
.float_right { float: right; }

/* vordefinierte Paddings */
.pad5		{ padding:  5px }
.pad10		{ padding: 10px }
.pad15		{ padding: 15px }	
.pad20		{ padding: 20px }

.marg_0		{ margin: 0 }
.marg_b_5	{ margin-right:  5px }
.marg_b_10	{ margin-right: 10px }

/* ### TYPO #################################################################################### */

html, body { 
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #343434;
}

p,td {
	color: #000;
	font-size: 1em;
}

p { line-height: 1.8em }

h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, dl, dt, dd {
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS" Verdana, sans-serif;
	z-index: 1000;
}

h1 { margin: 0; padding: 0; }
h2 { font-size: 19px; margin: 0 0 .75em 0; color: #920255; font-weight: normal; }
h3 { font-size: 17px; margin: 1em 0 .35em 0; color: #920255; font-weight: normal; border-bottom: 1px solid #DAA0C2; }
h4 { font-size: 15px; margin: 0 0 .35em 0; color: #920255; font-weight: bold; }

#box h2 { 
	font-size: 1.4em;
	padding: 6px .35em;
	margin-top: 1em;
	border-top: 1px solid #9BCCCC;
	border-bottom: 1px solid #9BCCCC;
	background: #F5FFFF;
}

small 		{ font-size: .85em }
big			{ font-size: 1.2em }
.bold		{ font-weight: bold }
.italic		{ font-weight: italic }

/* Allgemeine Links */
a:link, a:visited { color: #6C003F; text-decoration: underline }
a:hover  { color: #6C003F; text-decoration: underline }
a:active, a:focus { color: #800080; }

/* Special Links */
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active  { display: block; width: 268px; height: 126px; text-decoration: none; }

/* Textfarben */
.gray { color: gray }
.red  { color: #990000 }

/* Textausrichtungen */
.center 	 	{ text-align: center; }
.align_right   	{ text-align:  right; }
.align_left	   	{ text-align:   left; }
.align_justify 	{ text-align:justify; }

	.btn-pay-success { margin: 34px auto 55px auto; text-align: center; } 
	.btn-pay-success a { 
		display: block;
		font-weight: bold;
		font-size: 1.8em;
		margin: 0;
		text-decoration: none;
	}	
	.btn-pay-success a span { text-decoration: underline; }	
	.btn-pay-success img {
		background: url(gfx/ico-download.png) top left no-repeat;
		width: 32px; height: 32px;
		vertical-align: middle;
	}	
	.btn-pay-success small { color: #777; display: block; padding-left: 24px; }

/* ### ERROR AND RESULT BOX #################################################################################### */
   
/* ERROR BOX */
.error 	 	 { border: 1px solid #990000; color: #990000;  background: #FFFFD5; padding: 0.5em 1em; margin: 1.5em; }
.error ul 	 { margin: 0 0 0 1em; padding: 1em }
.error ul li { color: #990000 }
	
/* RESULT BOX */
.success { border: 1px solid green; background: #FFFFD5; padding: 0.5em 1em; margin: 1em 0;  color: green; margin: 1.5em; }
.success ul    { margin: 0 0 0 1em; padding: 1em }
.success ul li { color: green }

/* ### Bildpositionierung ############################################################################ */

img.float_left 	{ float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center 		{ text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed 		{ padding:3px; border: 1px #666 solid; background: #CCC }

/* ### Breadcrumb Nav ############################################################################ */
#breadcrumb 	  { position: relative; z-index: 100; padding: 6px 5px; border-bottom: 1px solid #BB6F9C; background-color: #FFF6FC; } 
#breadcrumb 	  { font-size: 11px; color: #800080; }
#breadcrumb a	  { color: #800080; }
#breadcrumb small { font-size: .7em }

	.ico { 
		padding: 4px 0 4px 20px;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.ico8 { 
		padding: 4px 0 4px 16px;
		background-position: left center;
		background-repeat: no-repeat;
	}
	
	/*** ICONS 16 ***/
	.icoFilm					{ background-image: url(gfx/Icons/film.png); }	

}


#adSky180 { position: absolute; width: 180px; right: -205px; top: -155px;  }