@charset "utf-8";

body {
	padding-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color:#FFFFFF;
}

h1
{
	font-size: 15px;	
}

img 
{
	border: none;
}

p {
	font-size: 11px;
	color: #666666;
}	

a 
{
	color: #666666;
}

.Stil44 {
	font-size: 14px;
}


.Stil3 {
	color: #CC061D
}

.Stil5 {
	color: #CA0718; font-size: 15px;
}


.Stil6 {
	font-size: 10px;
	color: #333333;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight:bold;
	line-height: 20px;
	display: inline;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
	display: inline; 
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight:bold;
	display: inline;
}

#stil3 {
	color: #CC0000;
	font-size: 18px;
	text-align:center;
	padding-top:3px;
	background-image: url(images/text_bg.jpg);
	width: 74px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: left top;
	display:block inline;
}

#stil4 {
	color: #CC0000;
	font-size: 18px;
	text-align:center;
	padding-top:3px;
	background-image: url(images/text_bg_2.jpg);
	width: 147px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

.Promotion {
	color: #FFFFFF;
	font-size: 15px;
	padding: 5px;
	background-image: url(images/bg_rot_main.gif);
	height: 22px;
}

.PromotionS {
	color: #CC0000;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(images/text_bg.gif);
	width:;
	height:34px;
	background-repeat:repeat-x;
	background-position: left top;
	display:block inline;
}

.PromotionL {
	color: #CC0000;
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(images/text_bg_2.gif);
	width:;
	height: 34px;
	background-repeat: repeat-x;
	background-position: left top;
	display:block;
}

.headline
{
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	color: #CC0000;
	text-transform: uppercase;
	font-weight: bold;
}

-----------------------------------------------Bezahlungsseite----------------------------------------------
#klappe {
}
#klappe a {
text-decoration:none;
color:#505050;
}
#klappe a span {
display:none;
}
#klappe a:active span, #klappe a:focus span {
display:block;
}
------------------------------------------------form--------------------------------------------------------


.cerca #form1 #button_cerca {
	background-image: url(images/cerca_03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


#textfield {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding-top: 5px;
	padding-left: 3px;
	border: solid #CC0000 1px;
	margin-left:210px;
}

#textfield2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding-top: 1px;
	border: solid #CCCCCC 1px;
}

#textfield3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding-top: 1px;
	border: solid #CCCCCC 1px;
}

.cerca {
	/*background-image: url(images/quifoto_neu_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 113px;
	width: 434px;
}


#main_menu {
	margin-top:15px;
}


#quiguide {
	background-image: url(images/quifoto_neu_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
	width: 176px;
}

#members_area {
	height: 113px;
	width: 190px;
}

.agb {
	list-style-type: lower-alpha;
}

#main_content { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding-left: 80px;
	height: 361px;
	background-image: url(images/main_content_home.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

.promobox_1{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	height: 205px;
}

.promobox_1 table { 
	background-image: url(images/promobox_1.jpg);
	background-position: left top;
	background-repeat:no-repeat; 
}
	
.promobox_1 table table { 
	background: none; 
}

.promobox_2{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	height: 205px;
	background-image: url(images/promobox_2.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

.promobox_3{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	height: 205px;
	background-image: url(images/promobox_3.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

.simple{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	line-height:14px;
	width: 190;
	height: 152px;
	background-image: url(images/extra_content_1.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}
.simple_apple{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	line-height:14px;
	width: 190;
	height: 152px;
	background-image: url(images/extra_content_apple.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}
.simple2{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#666666;
	width: 190;
	height: 152px;
	background-image: url(images/simple2.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

.simple_pict{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width: 190;
	height: 209px;
	background-image: url(images/extra_content_2.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

.simple_pict2{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	width: 190;
	height: 209px;
	background-image: url(images/extra_content_fotobuch.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

.simple_pict3{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	width: 190;
	height: 209px;
	background-image: url(images/extra_content_pixel.jpg);
	background-position: left top;
	background-repeat:no-repeat;
}

.simple_prod_up_leer{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	width: 190;
	height: 209px;
	line-height:12px;
	background-image: url(images/extra_content_leer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.simple_prod_up{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	width: 190;
	height: 209px;
	line-height:12px;
	background-image: url(images/extra_content_fotos.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}


.simple_prod_up_1{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#666666;
	width: 190;
	height: 209px;
	line-height:12px;
	background-image: url(images/extra_content_fotobuch2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.simple_prod_up_2{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	width: 190;
	height: 209px;
	background-image: url(images/extra_content_4.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.simple_prod_up_3{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#666666;
	width: 190;
	height: 209px;
	background-image: url(images/extra_content_5.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.simple_prod_down{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	color:#666666;
	width: 190;
	height: 209px;
	background-image: url(images/extra_content_fotobuch.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.simple_prod_down2{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	color:#666666;
	width: 190;
	height: 209px;
	background-image: url(images/leinwandwie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.simple_prod_up li, .simple_prod_up_1 li, .simple_prod_up_2 li, .simple_prod_up_3 li, .simple_prod_up_leer li {
	list-style-position: outside;
	margin-left:-25px;
} 

.area_servizio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height: 32px;
}

.area_servizio_border { 
	background-image: url(images/line.jpg);
	height: 1px;
}

.area_servizio_border_2 { 
	background-image: url(images/line_2.jpg);
	height: 1px;
}


#main_menu ul {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:normal;
 	margin: 0;
 	padding: 0;
 	width:160px;
	list-style:none;

}

#main_menu ul li {
	text-indent: 25px;
	position: relative;
	width:148px;


}
/* keep folowing styles together..........................*/
* html ul ul {
 margin-left:-16px;/* ie5 fix */
 voice-family: "\"}\""; 
 voice-family: inherit;
} 
* html ul li {float:left;/* hide float from ie5*/}
* html ul ul {
 width:160px; 
 w\idth:158px;
 voice-family: "\"}\""; 
 voice-family: inherit; 
}
* html ul ul {margin-left:0;/* hide margin from ie5*/}
/* keep above styles together .............*/
li ul {
 position: relative;
 display:none;

}
li ul li {
 text-indent: 35px;
 list-style: none;

}
/* Styles for Menu Items */
ul li a {
 display:block;
 text-decoration: none;
 color: #777;
 line-height:35px;
 height:34px; 
 padding:0 5px;
 background-image: url(images/dot_bg.jpg);

}
li li a {background:#ffffff
}
/* set dropdown to default */
li:hover li a, li.over li a {
   color: #777;
   background-color: #ffffff;
}
/* this sets all hovered lists to red */
li a:hover,
li:hover a, li.over a,
li:hover li a:hover, li.over li a:hover {
   color: #777;

}

li ul li  { border-bottom: 1px solid #ccc;} /* Sub Menu Styles */
li.on ul { display:block} /* The magic */
li.off ul{display:none}




.bg_image_main {
	background-image: url(images/main_content_ostern.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 361px;
	width: 610px;
	font-size: 15px;
}

.bottom_menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.bottom_menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.bottom_menu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc071e;
	text-decoration: none;
}

.bottom_menu a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc071e;
	text-decoration: underline;
}
.border_top {
	background-image: url(images/bg_line.jpg);
	background-repeat:repeat-x;

}

.margin  {
padding-top: 3px;

}

.box_1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	background-image:url(images/kleiner_20.jpg);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	padding:0 10px;
	width:200px;
	height:300px;
	margin-bottom:10px;
}

.box_2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	padding:10px;
	background-image:url(images/groesser_20.jpg);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	padding:0 10px;
	width:200px;
}


.preistabelle {
	line-height:20px;
	padding:10px;
	padding:0 10px;
		border:1px solid #CCCCCC;
}

.text_tabelle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:32px;
	font-size:11px;
	line-height:17px;
	padding-right: 15px;
		border-bottom: 1px solid #CCCCCC;
}

.text_tabelle * {
	color: #cc071e;}
	
.text_tabelle_2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:32px;
	font-size:11px;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-right: 15px;
	border-bottom: 1px solid #CCCCCC;
}

.PriceRed * {
		font-size:11px;
	color: #cc071e;
	font-weight:bold;
}

.sitemap p {
	font-size: 11px;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:0.7em;
}

.einzug_a {
	text-indent: 15px;
}
.einzug_b {
	text-indent: 25px;
}

.einzug_a a, .einzug_a a:visited, .einzug_b a, .einzug_b a:visited {
	font-size: 11px;
	color: #666666;
	text-decoration:underline;
}

.einzug_a a:hover, .einzug_b a:hover {
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
/* -- SWFUpload Object Styles ------------------------------- */

.progressWrapper {
	width: 700px;
	overflow: hidden;
	margin-top:15px;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #CCC;
	background-color:#F4F4F4;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.grey {
	border: solid 1px #CCC;
	background-color: #F4F4F4;
}

/* Complete */
.orange {
	border: solid 1px #F93;
	background-color: #FC0;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 5px;
	background-color: orange;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: grey;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}