/* CSS Document */


/* ------------------------------------------------------------------------------------------------------- Allgemeines */

* {
	margin: 0px;
	padding: 0px;
}

body	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4E4E4E;
	background: #276DCC url(../img/background/bg_lp.jpg) repeat-x top left;
}

#LP-text2	{
    background-color: #FFFFFF;
    border: 1px solid black;
    color: #00257c;
    padding: 20px;
}

#container	{
	position: relative;
	width: 1200px;
	margin: auto;
    top: 0;
    text-align: left;
}

#header {
	height: 110px;
}

#logo {
	position: absolute;
	top: 0px;
	left: 6px;
	z-index: 1;
}

#menu {
	position: absolute;
	width: 450px;
	height: 33px;
	top: 43px;
	left: 233px;
	z-index: 2;
}

#page	{	
	background: url(../img/landingpage/bg_page.jpg) no-repeat;
    background-position:40px 0px;
	text-align: left;
    height: 800px;
}

#main	{
	left: 0px;
	top: 120px;
	width: 940px;
	position: absolute;
}

#chat {
	position: absolute;
	top: 0px;
	right: 297px;
	width: 220px;
}

#flags {
	position: absolute;
	top: 47px;
	right: 211px;
	width: 86px;
}

#bluecontent1	{
	left: 60px;
	top: 500px;
	width: 940px;
	height: 400px;
	position: absolute;
    background: url(../img/landingpage/blue_content_bg.jpg) no-repeat;
    background-position:390px 0px;
	text-align: left;
}

#button_download	{
	top: 30px;
	left: 0px;
	width: 300px;
	height: 250px;
	position: absolute;
}

#receipt	{
	left: 350px;
	top: -80px;
	width: 320px;
	height: 340px;
	position: absolute;
}

#teaser_video	{
	left: 690px;
	top: 20px;
	width: 260px;
	height: 260px;
	position: absolute;
}

#teaser_video p	{
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
	color: #FFFFFF;
}

#teaser_video a	{
	color: #FFFFFF;
    text-decoration:none;
}

#teaser_video a:hover	{
	text-decoration: underline;
}

#bluecontent2	{
	left: 60px;
	top: 800px;
	width: 940px;
	height: 320px;
	position: absolute;
	text-align: left;
}

#bluecontent2 a	{
	color: #90BEFF;
    text-decoration:underline;
}

#bluecontent2 a:hover	{
	text-decoration: none;
}

p   {
    color:#90BEFF;
    font-size:13px;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
}


#reviews	{
	left: 0px;
	top: 300px;
	width: 960px;
	position: absolute;
}

#bluecontent2 h2  {
    color:#90BEFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    margin-bottom:26px;
}

#footer_content {
	font-size: 11px;
	color: #90BEFF;
	padding-top: 20px;
    padding-bottom: 100px;
    position:absolute;
}

#fusszeile a, #fusszeile a:link, #fusszeile a:visited, #fusszeile a:focus, #fusszeile a:hover, #fusszeile a:active {
	color: #90BEFF;
	text-decoration: none;
}

#fusszeile a:hover {
	text-decoration: underline;
}

#fusszeile h4 {
	float: left;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #90BEFF;
}

#gute  {
   margin-top: 10px;
   margin-bottom: 4px;
   color: #FFFFFF;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 20px;
   font-weight:bold;
 }
 
#gute a {
   color: #FFFFFF;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 17px;
   font-weight:bold;
   line-height: 18px;
}

#gute a:hover {
   color: #90BEFF;
	text-decoration: none;
 }
 
/* ----------------------------------------------------------- Navi  */


ul.mainmenu {
	list-style-type: none;
	height: 33px;
	line-height: 33px;
}

ul.mainmenu li {
	position: relative;
	float: left;
}

ul.submenu {
	position: absolute;
	display: block;
	width: 129px;
	list-style-type: none;
	top: 33px;
	left: 0px;
	z-index: 2;
}

ul.submenu li {
	position: relative;
	display: block;
	width: 129px;
	height: 16px;
	line-height: 16px;
	background: url(../img/background/submenu.png) repeat-y top left;
}

ul.submenu li.submenu_top {
	height: 4px;
	line-height: 4px;
	background: url(../img/background/submenu_top.png) no-repeat top left;
}

ul.submenu li.submenu_bottom {
	height: 18px;
	line-height: 18px;
	background: url(../img/background/submenu_bottom.png) no-repeat bottom left;
}

ul.mainmenu li ul {
	display: none;
}

ul.mainmenu li:hover ul, ul.mainmenu li.over ul {
	display: block;
}



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

a.accent, a.accent:link, a.accent:visited, a.accent:focus, a.accent:hover, a.accent:active,
.kontaktbutton_text a, .kontaktbutton_text a:link, .kontaktbutton_text a:visited, .kontaktbutton_text a:focus, .kontaktbutton_text a:hover, .kontaktbutton_text a:active {
	font-weight: bold;
	color: #12258C;
	text-decoration: underline;
}

a.accent:hover {
	color: #90BEFF;
}

#fusszeile a, #fusszeile a:link, #fusszeile a:visited, #fusszeile a:focus, #fusszeile a:hover, #fusszeile a:active {
	color: #90BEFF;
	text-decoration: none;
}

#fusszeile a:hover {
	text-decoration: underline;
}

.impressumtext a, .impressumtext a:link, .impressumtext a:visited, .impressumtext a:focus, .impressumtext a:hover, .impressumtext a:active, .kontaktbutton_text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.impressumtext a:hover {
	color: #90BEFF;
	text-decoration: underline;
}

.kontaktkasten a, .kontaktkasten a:link, .kontaktkasten a:visited, .kontaktkasten a:focus, .kontaktkasten a:hover, .kontaktkasten a:active {
	color: #12258C;
	text-decoration: underline;
}

.kontaktkasten a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

ul.submenu a, ul.submenu a:link, ul.submenu a:visited, ul.submenu a:focus, ul.submenu a:hover, ul.submenu a:active {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 11px;
}

ul.submenu a:hover {
	color: #90BEFF;
}

a.logo_1, a.logo_1:link, a.logo_1:visited, a.logo_1:focus, a.logo_1:hover, a.logo_1:active,
a.logo_2, a.logo_2:link, a.logo_2:visited, a.logo_2:focus, a.logo_2:hover, a.logo_2:active,
a.logo_3, a.logo_3:link, a.logo_3:visited, a.logo_3:focus, a.logo_3:hover, a.logo_3:active,
a.logo_4, a.logo_4:link, a.logo_4:visited, a.logo_4:focus, a.logo_4:hover, a.logo_4:active,
a.logo_5, a.logo_5:link, a.logo_5:visited, a.logo_5:focus, a.logo_5:hover, a.logo_5:active {
	display: block;
	height: 59px;
	float: left;
}

a.logo_1, a.logo_1:link, a.logo_1:visited, a.logo_1:focus, a.logo_1:hover, a.logo_1:active {
	width: 59px;
	background: url(../img/logos/trustedshops.png) no-repeat top left;
}

a.logo_2, a.logo_2:link, a.logo_2:visited, a.logo_2:focus, a.logo_2:hover, a.logo_2:active {
	width: 97px;
	background: url(../img/logos/paypal.png) no-repeat top left;
}

a.logo_3, a.logo_3:link, a.logo_3:visited, a.logo_3:focus, a.logo_3:hover, a.logo_3:active {
	width: 64px;
	background: url(../img/logos/visa.png) no-repeat top left;
}

a.logo_4, a.logo_4:link, a.logo_4:visited, a.logo_4:focus, a.logo_4:hover, a.logo_4:active {
	width: 62px;
	background: url(../img/logos/mastercard.png) no-repeat top left;
}

a.logo_5, a.logo_5:link, a.logo_5:visited, a.logo_5:focus, a.logo_5:hover, a.logo_5:active {
	width: 66px;
	background: url(../img/logos/dinersclub.png) no-repeat top left;
}

a.kb_testen, a.kb_testen:link, a.kb_testen:visited, a.kb_testen:focus, a.kb_testen:hover, a.kb_testen:active,
a.kb_kaufen, a.kb_kaufen:link, a.kb_kaufen:visited, a.kb_kaufen:focus, a.kb_kaufen:hover, a.kb_kaufen:active {
	display: block;
	width: 193px;
	height: 55px;
	float: left;
	cursor: pointer;
}

a.kb_testen, a.kb_testen:link, a.kb_testen:visited, a.kb_testen:focus, a.kb_testen:hover, a.kb_testen:active {
	background: url(../img/buttons/kingbill_testen.png) no-repeat top left;
}

a.kb_testen:hover {
	background: url(../img/buttons/kingbill_testen_over.png) no-repeat top left;
}

a.kb_kaufen, a.kb_kaufen:link, a.kb_kaufen:visited, a.kb_kaufen:focus, a.kb_kaufen:hover, a.kb_kaufen:active {
	background: url(../img/buttons/kingbill_kaufen.png) no-repeat top left;
}

a.kb_kaufen:hover {
	background: url(../img/buttons/kingbill_kaufen_over.png) no-repeat top left;
}



/* ------------------------------------------------------------------------------------------------------- Typographie */

body,td,th	{
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
}

h1	{
	color: #12258C;
}

h2, h2.detail	{
	width: 80%;
	font-size: 22px;
	font-weight: bold;
	color: #12258C;
	line-height: 26px;
	margin-bottom: 80px;
}

p	{
	margin-top: 8px;
}

.legend {	/* Bildtext */
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	padding-right: 5px;
	color: #666666;   
}

.sidenote {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 20px;
	padding: 10px;
	color: #666666;
	background: #EEEEEE url(rechnung/img/bg.gif) no-repeat top center;
	border-top: 1px solid;
	border-color: #BBBBBB;
}

.hor_line {
	height: 0px;
	border-bottom: 1px solid #7FA0E1;
	margin-bottom: 7px;
}

.kommentar {
	width: 270px;
	float: left;
	padding-right: 40px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #90BEFF;
	margin-bottom: 26px;
}

.kommentar p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cbe1ff;
}

.kommentar_wide {
	width: 280px;
	float: left;
	padding-right: 40px;
}
.kommentar em, .kommentar_wide em {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;	
}

.preislink {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
}

.preislink:hover {
   color: #90BEFF;
}

.vorteile table {
   color:#90BEFF;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 14px;
}

.vorteile td {
   color:#8cadfb;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 14px;
   width: 290px; 
   align: left;
   padding-right: 20px;
   padding-bottom: 10px;
}

.vorteile p {
   color: #90BEFF;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-weight:bold;
}

.vorteile h1 {
   color: #FFFFFF;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 20px;
   font-weight:bold;
}


/* Ausgewählter Text */
/*
::selection {
	background: #DE0031;
	color: #FFFFFF;
}

::-moz-selection{
	background: #DE0031;
	color: #FFFFFF;
}
*/





/* Spezielle Formate ------------------------------------------------------------------------------------------------------- */

#testimonial_image	{
	top: 144px;
	left: 685px;
	width: 357px;
	height: 356px;
	position: absolute;
	z-index: 9;
}

#testimonial_text	{
	top: 120px;
	left: 65px;
	width: 700px;
	height: 380px;
	position: absolute;
}

#testimonial_text h1	{
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #00257c;
	margin-bottom: 15px;
}

#testimonial_text h2	{
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
	color: #00257C;
	margin-bottom: 15px;
	margin-top: 15px;
}

#testimonial_text p	{
	color:#00257c;
    font-size:15px;
    font-weight:bolder; 
    font-family:Arial,Helvetica,sans-serif;
    line-height: 20px;     
}

#testimonial_text ul	{
	color:#00257c;
    font-size:14px;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
     
}

#testimonial_text a	{
	color: #00257C;
}

#testimonial_text a:hover	{
	text-decoration: underline;
}

#button_download	{
	top: 30px;
	left: 0px;
	width: 300px;
	height: 250px;
	position: absolute;
}

#button_download td	{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

/* =================================================== HELPER =================================================== */

.left {
	float: left;
}

.right {
	float: right;
}

img.stern {
	vertical-align: bottom;
}

.clear {
	clear: both;
	background: none;
	width: 0;
	height: 0;
	line-height: 0;
}