/*------------------[ NEW !!!!!!!!!! ]---------------------*/





div.separator {

	border-left:1px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF; height: 15px;



}





/*------------------[ productoverview ]---------------------*/





#productoverview {

	width: 570px;

	overflow: hidden;

	margin-bottom: 15px;

}



#productoverview .topbar {

	background: url('/images/bg_productoverview_top.gif') no-repeat;

	color: #FFF;

	height: 20px;

	text-align: left;

	font-weight: bold; padding-left:15px; padding-right:1px; padding-top:4px; padding-bottom:0



}



div.order-button {

	position: relative;

	float: right;

	border-right: 65px dotted transparent;

}



#productoverview .headline {

	border-left:1px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF url('/images/bg_productoverview_headline.gif') no-repeat; color: #000;

	height: 20px;

	font-weight: bold;

	text-align: left;

	padding-left:15px; padding-right:1px; padding-top:3px; padding-bottom:0

}



#productoverview .body {

	border-left:100px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF; color: #000;

	line-height: 16px; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:0

}



#productoverview .bottom {

	background: url('/images/bg_productoverview_bottom.gif') no-repeat;

	height: 15px

}



#productoverview ul {

	list-style: none;

	margin: 0 0 10px 0;

	padding: 0;

	border: none;

}



#productoverview li {

	border-bottom: 1px solid #AAA;

	margin: 0;

	padding: 2px;

}



#productoverview li a {

	padding: 2px 5px 2px 0;

	color: #666;

	text-decoration: none;

	width: 100%;

}



#productoverview li a:hover {

	color: #000;

}



#productoverview a.order {

	color: #FFF;

	text-decoration: none;

}



html>body #productoverview li a {

	width: auto;

}





/*------------------[ NEW ENDE ]---------------------*/



/*------------------[ Basics ]---------------------*/



body {

	margin: 0;

	padding: 0;

	border: 0px none;

	font-family:  Arial, Helvetica, Swiss, sans-serif, SunSans-Regular;

	font-size: 14px;

	background: #FFF

}



td, div {

	font-family:  Arial, Helvetica, Swiss, sans-serif, SunSans-Regular;

	font-size: 14px;

}



form {

	padding: 0px;

	margin: 0px;

}



img {

	border: 0px;

	margin: 0px;

}



a {

	border: none;

	text-decoration: none;

	}



div.banner {

	margin-bottom: 15px;

}



span.green {

	color: #91C733;



}



#stage {

	width: 960px;

	border: 0px solid #000;

}





/*------------------[ Header ]---------------------*/





#top {

	border-right:1px solid #232649; border-bottom:1px solid #232649; width: 100%;

	height: 54px;

	text-align: center;

	border-top: 0px none;

	border-left: 0px none;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px

}





/*------------------[ left column ]---------------------*/





ul#left {

	width: 200px;

	margin: 0;

	padding: 0 15px 0 15px;

	list-style-type: none;

	border: 0px solid #000;

}





/*------------------[ right column ]---------------------*/





ul#right {

	width: 190px;

	margin: 0;

	padding: 0 15px 0 15px;

	list-style-type: none;

	border: 0px solid #000;

	font-size: 14px;

}





/*------------------[ Content ]---------------------*/





#content {

	width: 870px;

	margin : 0;

	padding-bottom: 50px;

	text-align: left;

	background: #ffffff;

	border: 0px solid #000;

}





/*------------------[ main fetaure ]---------------------*/





#mainfeature, #mainfeature_prepaid, #mainfeature_young, #mainfeature_premium {

	width: 870px;

	overflow: hidden;

	margin-bottom: 15px;

}



#mainfeature .topbar, #mainfeature_prepaid .topbar, #mainfeature_young .topbar, #mainfeature_premium .topbar {

	background: url('/images/bg_mainfeature_top.gif') no-repeat;

	color: #FFF;

	height: 20px;

	text-align: left;

	font-weight: bold; padding-left:15px; padding-right:1px; padding-top:4px; padding-bottom:0



}



#mainfeature .image, #mainfeature_prepaid .image, #mainfeature_young .image, #mainfeature_premium .image {

	border-left:1px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF; color: #FFF;

	text-align: center

}



#mainfeature .headline, #mainfeature_prepaid .headline, #mainfeature_young .headline, #mainfeature_premium .headline {

	border-left:1px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF url('/images/bg_mainfeature_headline.gif') no-repeat; color: #000;

	height: 20px;

	font-weight: bold;

	text-align: left;

	padding-left:15px; padding-right:1px; padding-top:4px; padding-bottom:0

}



#mainfeature .body, #mainfeature_prepaid .body, #mainfeature_young .body, #mainfeature_premium .body {

	border-left:1px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF; color: #000;

	line-height: 16px; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:0

}



#mainfeature .bottom, #mainfeature_prepaid .bottom, #mainfeature_young .bottom, #mainfeature_premium .bottom {

	background: url('/images/bg_mainfeature_bottom.gif') no-repeat;

	height: 15px

}



#mainfeature ul, #mainfeature_prepaid ul, #mainfeature_young ul, #mainfeature_premium ul {

	list-style: none;

	margin: 10px 0 0 0;

	padding: 0;

	border: none;

}



#mainfeature li, #mainfeature_prepaid li, #mainfeature_young li, #mainfeature_premium li {

	border-top: 1px solid #AAA;

	margin: 0;

	padding: 2px;

}



#mainfeature li a, #mainfeature_prepaid li a, #mainfeature_young li a, #mainfeature_premium li a {

	padding: 2px 5px 2px 0;

	color: #666;

	text-decoration: none;

	width: 100%;

}



#mainfeature li a:hover, #mainfeature_prepaid li a:hover, #mainfeature_young li a:hover, #mainfeature_premium li a:hover {

	color: #000;

}



html>body #mainfeature li a, #mainfeature_prepaid li a, #mainfeature_young li a, #mainfeature_premium li a {

	width: auto;

}









/*------------------[ feature ]---------------------*/



#feature {

	width: 375px;

	margin-bottom: 15px;

	overflow: hidden;

}



#feature .topbar {

	background: url('/images/bg_feature_top.gif') no-repeat;

	color: #FFF;

	height: 20px;

	text-align: left;

	font-weight: bold; padding-left:15px; padding-right:1px; padding-top:4px; padding-bottom:0



}



#feature .body {

	border-left:1px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF; color: #000;

	line-height: 16px; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:0

}



#feature .bottom {

	background: url('/images/bg_feature_bottom.gif') no-repeat;

	height: 15px

}



#feature ul {

	list-style: none;

	margin: 10px 0 0 0;

	padding: 0;

	border: none;

}



#feature li {

	border-top: 1px solid #AAA;

	margin: 0;

	padding: 2px;

}



#feature li a {

	padding: 2px 5px 2px 0;

	color: #666;

	text-decoration: none;

	width: 100%;

}



#feature li a:hover {

	color: #000;

}



html>body #feature li a {

	width: auto;

}







/*------------------[ teaser ]---------------------*/



#teaser {

	width: 180px;

	overflow: hidden;

	margin-bottom: 15px;

	float: right;

}



#teaser .topbar {

	background: url('/images/bg_teaser_top.gif') no-repeat;

	color: #000;

	height: 20px;

	text-align: left;

	font-weight: bold; padding-left:15px; padding-right:1px; padding-top:4px; padding-bottom:0



}



#teaser .body {

	border-left:1px solid #232649; border-right:1px solid #232649; border-top:0px solid #232649; border-bottom:0px solid #232649; background:#FFF; color: #000;

	line-height: 16px; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:0

}



#teaser .bottom {

	background: url('/images/bg_teaser_bottom.gif') no-repeat;

	height: 15px

}



#teaser ul {

	list-style: none;

	margin: 10px 0 0 0;

	padding: 0;

	border: none;

}



#teaser li {

	border-top: 1px solid #AAA;

	margin: 0;

	padding: 2px;

}



#teaser li a {

	padding: 2px 5px 2px 0;

	color: #666;

	text-decoration: none;

	width: 100%;

}



#teaser li a:hover {

	color: #000;

}



html>body #teaser li a {

	width: auto;

}











/*------------------[ floater, green, right column ]---------------------*/





#floater-r-green {

	width: 180px;

	overflow: hidden;

	margin-bottom: 15px;

	text-align: left;

}



#floater-r-green .topbar {

	background: url('/images/bg_floater_rt_green.gif') no-repeat;

	color: #ffffff;

	height: 20px;

	text-align: left;



	font-weight: bold;



	line-height: 20px;

	font-size: 14px; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0

}



#floater-r-green .bottom {

	background: url('/images/bg_floater_rb_green.gif') no-repeat;

	height: 15px;

	border-top: 1px solid #FFF

}



#floater-r-green ul {

	list-style: none;

	margin: 0px;

	padding: 0;

	text-indent: -10px;



}



#floater-r-green li {

	border-top: 1px solid #FFF;

}



#floater-r-green li a {

	display: block;

	color: #000;

	width: 100%;

	text-decoration: none;

	background: #EEEECC;;



	padding: 5px 15px 5px 15px;



	margin: 0;

	font-size: 14px;

}



#floater-r-green li a:hover {

	text-decoration: none;

	background: #EEEECC;;

	text-decoration:underline;

	font-size: 14px;

}



html>body #floater-r-green li a {

	width: auto;

}









/*------------------[ floater, green, left column ]---------------------*/





#floater-l-green {


		width: 190px;

	overflow: hidden;

	margin-bottom: 15px;

	text-align: left;

}





#floater-l-green .topbar {


	background: url('/images/bg_floater_rt_green.gif') no-repeat;

	color: #ffffff;

	height: 20px;

	text-align: left;



	font-weight: bold;



	line-height: 20px;

	font-size: 14px; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0

}



#floater-l-green .bottom {

	background: url('/images/bg_floater_rb_green.gif') no-repeat;

	height: 15px;

	border-top: 1px solid #FFF

}



#floater-l-green ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

	text-indent: -10px;

}



#floater-l-green li {

	border-top: 1px solid #FFF;

	margin: 0;

}



#floater-l-green li a {

	display: block;

	color: #000;

	text-decoration: none;

	width: 100%;



	background: #dddddd;



	padding: 3px 15px 3px 15px;



	font-size: 14px;

}



#floater-l-green li a:hover {

	text-decoration: none;

	background: #EEEECC;

	text-decoration:underline;

	font-size: 14px;

}



html>body #floater-l-green li a {

	width: auto;

}







/*------------------[ floater, grey, left column ]---------------------*/



#floater-l-grey {

	width: 140px;

	overflow: hidden;

	margin-bottom: 15px;

	text-align: left;

position:fixed;

top:165px;

}



/* Spezialbehandlung IE */

* html #floater-l-grey {

	width: 140px;

	overflow: hidden;

	margin-bottom: 15px;

	text-align: left;

        position:relative;

        top:95px;

}



#floater-l-grey .topbar {

	background: url('/images/bg_floater_lt_grey.gif') no-repeat;

	color: #FFF;

	height: 20px;

	text-align: left;



	font-weight: bold;



	line-height: 20px;



	font-size: 14px; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0

}



#floater-l-grey .bottom {

	background: url('/images/bg_floater_lb_grey.gif') no-repeat;

	height: 15px;

	border-top: 1px solid #FFF

}



#floater-l-grey ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

	text-indent: -10px;

}



#floater-l-grey li {

	border-top: 1px solid #FFF;

	margin: 0;

}



#floater-l-grey li a {

	display: block;

	color: #000;

	text-decoration: none;

	width: 100%;



	background: #EEEECC;



	padding: 3px 15px 3px 15px;



	font-size: 14px;

}



#floater-l-grey li a:hover {

	text-decoration: none;

	background: #EEEECC;

	text-decoration:underline;

	color:#000000;

	font-size: 14px;

}



html>body #floater-l-grey li a {

	width: auto;

}









/*------------------[ floater, lieght green, left column ]---------------------*/



#floater-l-lgreen {

	width: 140px;

	overflow: hidden;

	margin-bottom: 15px;

	text-align: left;

		position:fixed;

	top:70px;

}



/* Spezialbehandlung IE */

* html #floater-l-lgreen {

	width: 140px;

	overflow: hidden;

	margin-bottom: 15px;

	text-align: left;

  position:relative;

  top:-93px;

}



#floater-l-lgreen .topbar {

	background: url('/images/bg_floater_lt_grey.gif') no-repeat;

	color: #ffffff;

	height: 20px;

	text-align: left;



	line-height: 20px;



	font-size: 14px; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0



}



#floater-l-lgreen .bottom {

	background: url('/images/bg_floater_lb_grey.gif') no-repeat;

	height: 20px;

	border-top: 1px solid #FFF;

	font-size: 14px;

	line-height: 20px; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0



}





#floater-l-lgreen .bottom a {

	color: #000;

	text-decoration: none;

	font-size: 14px;

}



#floater-l-lgreen .topbar a {

	color: #ffffff;

	text-decoration: none;

	font-size: 14px;

}



#floater-l-lgreen ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

	text-indent: -10px;

	width: auto;

}



#floater-l-lgreen li {

	border-top: 1px solid #FFF;

	margin: 0;

}



#floater-l-lgreen li a {

	display: block;

	color: #000;

	text-decoration: none;

	width: 100%;



	background: #EEEECC;



	padding: 3px 15px 3px 15px;



	font-size: 14px;

}



#floater-l-lgreen li a:hover {

	text-decoration: none;

	background: #EEEECC;

	text-decoration:underline;

	font-size: 14px;

}







html>body #floater-l-lgreen li a {

	width: auto;

}





/*** ueberschriften stutes 01122005 ***********************************************************/



h1 {

  font:14px Arial,sans-serif;

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}



h2 {

	font-size:10pt;

	color:#000033;

	font-family:Arial,Helvetica,sans-serif;

	font-weight:bold;

}



h3 {

  font-family:Arial,Helvetica,sans-serif;

	font-size:11pt;

	color:#000000;

	text-decoration:underline;

	font-weight:bold;

}



/*** listendarstellung stutes 01122005 ***********************************************************/



ul.content {

	list-style: none;

	margin: 10px 0 0 0;

	padding: 0;

	border: none;

}



li.content {

	border-top: 1px solid #AAA;

	margin: 0;

	padding: 2px;

}



li.content a {

	padding: 2px 5px 2px 0;

	color: #666;

	text-decoration: none;

	width: 100%;

}



li.content a:hover {

	color: #000;

}
