/* Body: Hintergrund + Primärer Text */
body{
	background-color: #FFFFFF;
	color: #333333;
	font: normal 10pt Arial, sans-serif;
	padding:0;
	margin:0;
}


/* ------------------- Grid Layout Classes -------------------------- */
.U1 {
	width:50px;
}
.U2 {
	width:110px;
}
.U3 {
	width:170px;
}
.U4 {
	width:230px;
}
.U5 {
	width:290px;
}
.U6 {
	width:350px;
}
.U7 {
	width:410px;
}
.U8 {
	width:470px;
}

.U9 {
	width:530px;
}

.U10 {
	width:580px;
}

.U11 {
	width: 640px;
}

.U12 {
	width: 700px;
}

.U13 {
	width: 760px;
}

.U14 {
	width: 820px;
}


/* Überschrift */
h1 {
	color: #33CC33;
	font: normal 42px Arial, sans-serif;
	padding: 0;
	margin: 0;
}

.c_text_1 h1 {
	font: normal 22px Arial, sans-serif;
	border-bottom: 1px solid #33CC33;
	border-top: 1px solid #33CC33;
	padding: 10px;
	margin-bottom: 15px;
}

.c_text_1 h2 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #33CC33;
	border-top: 1px solid #33CC33;
}

.c_text_1 p {
	font-size: 14px;
}

.c_text_1 a, .c_text_1 a:visited, .c_text_1 a:hover {
	color: #33CC33;
}

h2 {
	color: #33CC33;
	font-size: 18px;
	padding: 10px;
	font-weight: normal;
}
h3 {
	color: #333333;
	font: bold 14px Arial, sans-serif;
}


/* Links  */
a {
	color: #333333;
	font: normal 11pt Arial, sans-serif;
}
a:hover {
	color: #666666;
	font: normal 11pt Arial, sans-serif;
}
a:visited {
	color: #000000;
	font: normal 11pt Arial, sans-serif;
}

p {
	padding-left: 10px;
	padding-right: 10px;
	color: #333333;
	font: normal 11pt Arial, sans-serif;
}


/* Tabellen */
table {
	border-spacing:0px;
}

th {
	text-align:left;
	padding:1px;
}
td {
	text-align:left;
	vertical-align:top;
	padding:0;
}

.site_frame {
	background-image: url(bilder/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #2F472D;
	margin: 0px auto;
	padding: 0;
}


/* Header */

.site_header {
	width:100%;
	vertical-align:bottom;
	margin: 0;
	padding: 0;
	height: 115px;
	background-image: url(bilder/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.site_left, .site_content_2cols, .site_footer{
	background-color: #FFFFFF;
	clear:both;
}

.site_left {
	margin: 0;
	padding: 0;
	width: 200px;
}

.site_content_2cols {
	width: 700px;
}

#space_side_left {
	width: 200px;
	height: 300px;
}

.site_border img {
	width: 30px;
}



.site_content_2cols {
	height: 500px;
}

.you {
	background-color: yellow;
}

.grouplearn_dailystat th {
	padding: 5px 10px;
}

.grouplearn_dailystat td {
	text-align: center;
	padding: 5px 10px;
}

.grouplearn_dailystat .try_now {
	background-color: orange;
}

/*********************************************************************
 ****  Primaer - Navigation - Menu                                 ****
 *********************************************************************/

.c_header_1_lft {
	margin: 10px 30px 10px 30px;
	padding: 10px 30px 10px 30px;
}

.c_header_1 td {
	vertical-align: bottom;
}

.c_header_1 ul {
  margin:0;
  padding: 0;
  text-align:left;
  vertical-align:bottom;
}
.c_header_1 li {
  	display: inline-block;
  	float: left;
  	text-align: center;
  	list-style-type: none;
	margin: 0pt 10pt 0 0;
	padding: 4pt 10pt 5pt 10pt;
  	color: #000000;
  	text-decoration:none;
  	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 17px;
	vertical-align:bottom;
	background-image: url(bilder/bg_topnavi.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.c_header_1 li.last{
  	display: inline-block;
  	float: left;
  	text-align: center;
  	list-style-type: none;
	margin: 0pt 10pt 0 0;
	padding: 4pt 10pt 5pt 10pt;
  	color: #FFFFFF;
  	text-decoration:none;
  	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 17px;
	vertical-align:bottom;
	background-image: url(bilder/bg_topnavi_hl.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.c_header_1 li.last a,.c_header_1 li.last a:visited,.c_header_1 li.last a:hover {
  color: #FFFFFF;
  text-decoration:none;
  font-size: 12px;
}

.c_header_1 li.active a,.c_header_1 li.active a:visited,.c_header_1 li.active a:hover {
	color: #33CC33;
}


.c_header_1 li a,.c_header_1 li a:visited,.c_header_1 li a:hover {
  color: #000000;
  text-decoration:none;
  font-size: 12px;
}

.c_header_1 li.active{
	background-color: #FFFFFF;
	color: #33CC33;
	font-size: 15px;
	line-height: 16px;
	margin: 0pt 10pt 0 0;
	padding: 4pt 10pt 5pt 10pt;
	background-image: none;
}

.c_header_1 li.active a {
	background-color: #FFFFFF;
	color: #33CC33;
	font-size: 15px;
}

.c_footer_1 {
	width: 100%;
}

.c_footer_1_cnt  {
	text-align: center;
	padding-bottom: 5px;
	font-size: 11px;
}

.footer {
	width: 450px;
}

.footer, .footer a, .footer a:visited, .footer a:hover {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}


.c_footer_1_cnt a, .c_footer_1_cnt a:visited, .c_footer_1_cnt a:hover {
	text-align: center;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}

.prev{
	text-align:left;
}

.next {
	text-align: right;
}

.archive_links {
	padding: 10px;
	width: 100%;
	margin-top: 20px;
}

div.vocabulary_quiz {
	border: 1px solid #E2E2E2;
	padding: 10px;
	margin-right: 10px;
}

.vocabulary_quiz td.word{
	color: #33CC33;
	font-size: 18px;
	padding: 10px;
}

.vocabulary_quiz th.word{
	padding: 10px;
}

.vocabulary_quiz th.phrase{
	padding: 10px;
}

.vocabulary_quiz td.phrase{
	color: #606060;
	font-size: 18px;
	padding: 10px;
}

#quiz_home {
	border: 1px solid #33CC33;
	margin: 20px;
}

#quiz_home h2{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	border-bottom: 0px;
	border-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


ol.quiz_home {
	list-style-type: lower-alpha;
}

ol.quiz_home li{
	line-height:20px;
}

ol.quiz_home li a, ol.quiz_home li a:visited, ol.quiz_home li a:hover {
	color: #000;
}

.home_intro {
	width: 560px;
}

ul.quiz li{
	margin: 10px;
}

ul.quiz li.choice {
	font-weight: bold;
	font-size: 12pt;
}

ul.quiz li.choose {
	font-weight: normal;
	font-size: 12pt;
}

.submit {
	text-align: right;
}

.eFRec td,.newsletter_ftable td, .newsletter_ftable th  {
	padding: 5px;
	font-weight: normal;
}

.eFRec a, .eFRec a:hover,.eFRec a:visited {
	font-size: 10pt;
}

.FObjMsgs {
	padding: 5px;
}

.newsletter_ftext {
	width: 100%;
}

.eFRecFooter td, .newsletter_submit {
	text-align: right;
}

.FObjMsgErr {
	color: #FF0000;
}

.FObjMsgOK {

}

.shop_box {
	width: 190px;
	margin: 30px 20px 0px 0;
	padding:0;
	background-image: url(bilder/box_shop_center.png);
	background-position: top left;
	background-repeat:repeat-y;
}
	.shop_box .content {
		height: 200px;
		padding: 10px;
	}

	.shop_box div.top {
		background-image: url(bilder/box_shop_top.png);
		background-position: top left;
		background-repeat:no-repeat;
		padding-top: 7px;
	}

	.blue_shop_box h2 {
		font-size: 13px;
		padding: 0px 5px 5px 10px;
		margin:0px;
		border-bottom: 1px solid #3F575F;
		color: #267B8D;
	}

	.shop_box h2{
		font-size: 13px;
		padding: 0px 5px 5px 10px;
		margin:0px;
		text-decoration: none;
		border-bottom: 1px solid #5B855A;
		color: #33CC33;
	}

	.shop_box h2 a,  .shop_box h2 a:hover,  .shop_box h2 a:visited {
		text-decoration: none;
		color: #33CC33;
		font-size: 13px;
	}



	.shop_box .more {
		padding: 0px 5px 5px 10px;
		margin:0px;
		text-align:right;

	}

	.blue_shop_box .more a {
		color: #267B8D;
		font-size: 12px;
		font-weight: bold;
	}

	.shop_box .more a {
		color: #33CC33;
		font-size: 12px;
		font-weight: bold;
	}

	.shop_box div.bottom {
		background-image: url(bilder/box_shop_bottom.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		padding-top: 6px;
	}


#phrase_DE {
	display: none;
	visibility: hidden;
}

.recommend_flower {
	position: relative;
	left: -10px;
}

.paul_smith {
	padding-top: 30px;
	text-align: center;

}

.paul_smith span {
	display: block;
	color: #646464;
	font-size: 16px;
}

.recommend_fields {
	border: 1px solid #000;
	padding: 5px 0;
}

.recommend_fields_mails {
	border-bottom: 0px solid #000;
	padding: 5px 0;
}



.recommend_fields input{
	margin: 5px 8px;
	width: 140px;
}

.recommend .hint {
	font-size: 12px;
	line-height: 16px;
	color: #646464;
	font-style: italic;
	padding: 10px;
}

.recommend .hint a,.recommend .hint a:hover,.recommend .hint a:visited{
	font-size: 12px;
	color: #646464;
	font-style: italic;
	font-weight:bold;
}

.recommend_dl {
	text-align: center;
	vertical-align: center;
	background-color: #0E550E;
	color: #FFFFFF;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	padding: 5px 0px 5px 0px;
}

.recommend_dl a, .recommend_dl a:hover, .recommend_dl a:visited {
	background-color: #0E550E;
	color: #FFFFFF;
	text-decoration:none;
}

.recommend_dl_img {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.recommend .plus {
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
}

.recommend .fname {
	color: #646464;
	font-size: 18px;
	text-align: right;
}

.bubble {
	height: 200px;
	width: 615px;
	position: relative;
	top: 0px;
	left: -40px;
	background-image: url(bilder/bubble.png);
	background-repeat:no-repeat;
	background-position: 0px 20px;
	z-index: 1;
}


#div_popup{
	position: absolute;
	top: 180px;
	left: 308px;
	visibility: hidden;
	width: 350px;
	height: auto;
	background: #EFFFEF;
	color: #FFFFFF;
	border: 2px solid #666666;
	z-index: 500;
	padding: 10px;}

.div_popup_content{
	visibility:hidden;
}

span.div_headline{
	font-size: 16px;
	line-height: 20px;
	color: #646464;
	background: inherit;
	font-weight:bold;
}
span.div_subline{
	font-size: 14px;
	line-height: 18px;
	color: #646464;
	background: inherit;
	font-style: italic;}

span.div_text{
	font-size: 12px;
	line-height: 16px;
	color: #646464;
	background: inherit;
}
.div_close{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #646464;
	background: inherit;
	text-align: right;
	cursor:pointer;
}

span.div_text_highlight{
	font-size: 12px;
	line-height: 16px;
	color: #D14102;
	background: inherit;
}
.italic{
	font-style: italic;
	color: #646464;
	background: inherit;
}
#div_popup_inner a, #div_popup_inner a:hover, #div_popup_inner a:visited{
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	color: #0E550E;
}

ul.left_info_popups{
	list-style-image: none;
	list-style-type: none;
	margin: 0 10px 0 45px;
	padding:10px 0 5px;
}

.left_info_popups li{
	background-image:url(bilder/list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 10px 0 0;
	padding: 10px 0 10px 20px;
	cursor:pointer;
	text-decoration: none;
	color: #0E550E;
	font-size: 14px;
	font-weight: bold;

}

.brand {
	font-weight: bold;
	color: red;
}

.head_agb {
	padding: 35px 10px 10px 10px;
	font-size:35px;
}

.c_text_2 {
	padding-bottom: 35px;
}

.page_sitemap li {
	font-size: 11pt;
}

.g12 { font-family: Arial,Verdana; color:#000000; font-size:12px; line-height: 16px; }
.green12 { font-family:Arial; color:#267B8D; font-size:12px; line-height: 16px; }
.green12b { font-family:Arial; color:#267B8D; font-size:12px; line-height: 16px; font-weight:bold; }
.green12bv { font-family: Arial,Helvetica,sans-serif; color:#267B8D; font-size:13px; line-height: 16px; font-weight:bold; }
.f12 { font-family:Verdana, Arial; color:#000000; font-size:12px; line-height: 16px; }


#infoboxes {
  width: 100%;
}

#infoboxes div {
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}

#infoboxes div.box {
  border: 1px solid #33CC33;
  margin: 20px;
  height: 120px;
}

#infoboxes div.box_head2 {
  background-color: #33CC33;
  text-align: center;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  height: 17px;
  margin: 0;
  padding: 0 10px 0 20px;
}

#infoboxes p.box {
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
}

#infoboxes a.box {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#2F472D;
  text-decoration:underline;
  font-size:12px;
  font-weight:bold;
}

#infoboxes span.boxdesc {
  color: #000000;
  font-family: Arial;
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
}

div.ofb_to_owad {
	background-image: url(bilder/bg_ofb_to_owad.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width: 450px;
	height: 450px;
	padding: 40px 20px 20px 130px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:14px;
}