@import url(http://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,400italic,300italic,300,100italic,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(icon.css);

/* NEW DESIGN */
.directory_navigation {
	padding-top: 10px;
	font-size: 14px;
	line-height: 30px;
}
.directory_navigation a, .directory_navigation span {
	display: block;
	float: left;
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding: 0 7px;
	border-radius: 5px;
	margin: 0 5px 0 0;
	text-decoration: none !important;
}
.directory_navigation a:hover {
	border: 1px solid #aaa;
	background: #eaeaea;
}
.directory_navigation span {
	background: #dce5f2;
	border: 1px solid #cbdbee;
}
.directory_links {
	clear: both;
	padding-top: 20px;
	overflow: auto;
}
.directory_links a {
	font-size: 14px;
	line-height: 24px;
	display: block;
	width: 33%;
	float: left;
}
#container_header {
	height: 75px;
	/*background: url("../images/layout/new/top_background.png") repeat-x;*/
}
#container_logo {
	right: 0px;
	width: 262px;
	background: url("../images/layout/new/logo_background.png") no-repeat right 15px;
}
#container_logo img {
	position: relative;
	top: 26px;
	right: 0px !important;
}
#container_mainnavi {
	bottom: 0px;
	top: auto;
	left: 0px;
	height: 45px;
}
#bw_header {
	height: 75px;
}
ul#mainnavi {
	padding: 0px;
	float: left;
}
ul#mainnavi li {
	height: 45px !important;
}
ul#mainnavi li a {
    background-image: none !important;
    width: auto !important;
    height: 45px !important;
    display: block;
    line-height: 52px;
}
ul#mainnavi li a strong {    
    text-transform: capitalize;
    font-size: 15px;
    color: #505c6e;
    font-weight: normal;
    letter-spacing: 0px; 
    /*font-family: Helvetica;*/
    float: left;
    margin: 0 5px;
    
    opacity: 0.8;
}
ul#mainnavi li a:hover {
	text-decoration: none;
}
#container_mainnavi .menu_left {
	width: 15px;
	height: 45px;
	float: left;
	background: url("../images/layout/new/menu_divider.png") no-repeat left center;
	display: block;
}
ul#mainnavi li .menu_right {
	width: 13px;
	height: 45px;
	float: left;
	background: none;
	display: block;
}
#container_mainnavi li:hover .menu_left,
#container_mainnavi li.active .menu_left {
	background: url("../images/layout/new/menu_active_left.png") no-repeat left center;
}
ul#mainnavi li:hover .menu_right,
ul#mainnavi li.active .menu_right {
	background: url("../images/layout/new/menu_active_right.png") no-repeat left center;
}
ul#mainnavi li:hover,
ul#mainnavi li.active {
	background: url("../images/layout/new/menu_active_background.png") repeat-x left center !important;
}
ul#mainnavi li.active a {
	background: url("../images/layout/new/menu_active_bottom.png") no-repeat center bottom !important;
}
ul#mainnavi li.active strong {
	color: #35485d;
	font-weight: bold;
	margin: 0 0px;
	font-size: 15px;
	opacity: 1;
}
ul#mainnavi li.active strong,
ul#mainnavi li:hover strong {
	opacity: 1;
}
#container_content {
	width: 100%;
}
#container_maincontent .container_banner {
	position: static;
	width: 100% !important;
	/*background: url("../images/layout/new/teaser_background.png") no-repeat center top #cfe1f0;
	background: url("../images/layout/new/teaser_background.jpg") no-repeat center -220px #cfe1f0;
	*/	
}
#container_effect {
	/*background: url("../images/layout/new/teaser_effect.png") repeat-x center top !important;*/	
}
#content {
	margin: 0 auto;
	padding-top: 25px;
}
#content_background {
	width: 100%;
	/*background: #F2F6FA;*/
	border-top: 1px solid white;
}
#content_effect {
	width: 100%;
	/*background: url("../images/layout/new/content_effect.png") repeat-x center top !important;*/	
}
#teaserbox_beepundonline_guest, #advantages {
	margin: 0 auto;
	background: none !important;
	height: 347px;
	overflow: hidden;
	z-index: 0;
}
#teaserbox {
	margin: 0 auto;
	left: 5px;
	position: static !important;
}
.bottom {
	/*background: url("../images/layout/new/content_bottom.png") repeat-x center 59px  !important;*/
}
#content_effect {
	min-height: 600px;
}
#container_content {
	min-height: 0 !important;
}
#teaser_title {
	width: 510px;
	height: 58px;
	text-indent: -500px;
	overflow: hidden;
	margin: 0px;
	position: absolute;
	top: 83px;
}
#teaser_subtitle {
	width: 525px;
	margin: 0px;
	color: #3a5d84;
	font-size: 21px;
	font-weight: normal;
	position: absolute;
	top: 111px;
	line-height: 32px;
}
#teaser_browser {
	background: url("../images/layout/new/teaser_browser.png") no-repeat left top;
	width: 411px;
	height: 211px;
	position: absolute;
	bottom: 0px;
	box-shadow: 0 2px 7px #aaa;
	box-shadow: 0 2px 7px rgba(0,0,0,0.3);
}
#teaser_screenshot, #teaser_screenshot_next {
	position: absolute;
	top: 207px;
	left: 3px;
	width: 400px;
	height: 193px;
	background: url("../images/layout/new/homepage-0.jpg") no-repeat left top;
	z-index: 8;
}
#teaser_screenshot_next {
	z-index: 9;
}
#teaser_bar {
	border-top: 1px solid rgba(255,255,255,0.7);
	height: 100px;
	width: 100%;
	background: url("../images/layout/new/bg_teaser_bar.png") center center #6b8eae;
}
#button_login {
	width: 69px;
	height: 26px;
	position: absolute;
	right: 285px;
	bottom: 8px;
	line-height: 27px;
	text-shadow: 0 -1px 1px #254c6a;
	color: #EEEEEE;
	font-size: 13px;	
	/*font-family: arial;*/
	background: url("../images/layout/new/button_login.png") no-repeat left top;
}
#button_login:hover {
	text-decoration: none;
	color: white;
}
.hint_box {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
}
.hint_box span {
	font-size: 21px;
	line-height: 25px;
	color: white;
	width: 250px;
	display: block;
	left: 155px;
	top: 23px;
	position: absolute;
	/*font-family: Helvetica,​Arial,​Verdana,​sans-serif;*/
	font-weight: bold;
}
#video {
	width: 98px;
	height: 50px;
	background: white;
	display: block;
	position: relative;
	left: 27px;
	top: 3px;
	background: url('../images/layout/new/video_button.png') no-repeat top left;
}
#video:hover {
	background-position: 0 -51px;
}
.content_title {
	font-size: 28px;
	font-weight: normal;
	line-height: 40px;
	color: #555;
	text-align: left;
	margin: 0 5px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
}
#content_features {
	overflow: auto;
	margin-bottom: 50px;
}
#content_features .feature {
	width: 350px;
	float: left;
	color: #555;
	margin: 30px 0 0 0;
	line-height: 18px;
	font-size: 13px;
	clear: left;
	min-height: 240px;
}
#content_features .feature:hover {
	text-decoration: none;
}
#content_features .feature:hover h3 {
	
}
#content_features .feature.feature_right {
	float: right;
	clear: right !important;
}
#content_features .feature h3 {
	margin: 0;
	font-size: 22px;
	display: block;
	text-align: left;
	color: #111;
	line-height: 25px;
	font-weight: normal;
}
#content_features .feature_image {
	width: 350px;
	background: white;
	margin: 5px 0;
	height: 110px;
}
#tour {
	overflow: auto;
}
#tour .tour_menu {
	float: left;
}
#tour .tour_menu ul {
	background-color: #fff;
    border: 1px solid #E2E2E2;
    border-radius: 6px;
    list-style-type: none;
    margin: 5px;
    padding: 15px 0;
	width: 197px;
}
#tour .tour_menu li a {
	display: block;
	font-size: 16px;
    line-height: 15px;
    padding: 10px 0 10px 14px;
	color: #666;
	background: url('../images/layout/new/tour_menu_divider.png') no-repeat bottom center;
}
#tour .tour_menu li.divider {
	background: url('../images/layout/new/tour_menu_divider.png') no-repeat bottom center;
	display: block;
	width: 100%;
	height: 1px;
}
#tour .tour_menu li a.active {
	background: url('../images/layout/new/tour_menu_active.png') no-repeat top left;
	color: #fff;
	width: 190px;
	padding: 11px 5px 15px 14px;
}
#tour .tour_menu li a.active:hover {
	text-decoration: none;
}
#tour .tour_content {
	float: right;
	width: 650px;
	margin: 10px 8px 0 0;
	min-height: 300px;
	color: #555;
	font-size: 14px;
}
#tour .tour_content h2 {
	font-weight: normal;
	font-size: 33px;
	color: #333;
	margin: 0 0 8px 0;
}
#tour .tour_content strong {
	font-weight: normal;
	font-size: 19px;
	color: #777;
	margin: 0 0 25px 0;
	display: block;
}
#tour .tour_content span {
	line-height: 23px;	
}
#tour .tour_content img {
	display: block;
	margin: 10px 0;
}
#tour hr {
	margin: 45px 0 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
#tour .tour_signup {
	font-size: 16px;
}
#tour .browser {
	background: url('../images/layout/new/tour_browser.png') no-repeat top left;
	width: 309px;
	height: 234px;
	display: block;
}
#tour .browser img {
	margin: 0px !important;
	position: relative;
	top: 14px;
	left: 2px;
}
#tour_button_next {
	float: right;
	text-decoration: none;
}
#tour_button_next span {
	font-size: 25px; 
	line-height: 25px;
}

#bw_footer {
	padding-top: 15px;
	color: #63839f;
	height: auto;
	overflow: hidden;
	/*font-family: arial;*/
	font-size: 11px;
}
#bw_footer ul {
	width: 170px;
	color: white;
	margin-right: 27px;
	text-align: left;
	list-style: none;
	float: left;
}
#bw_footer ul li {
	line-height: 22px;
	float: none;
	/*font-family: arial;*/
	font-size: 11px;
}
#bw_footer ul li a {
	color: #b5c3cf;
	font-size: 12px;
	/*font-family: arial;*/
}
#bw_footer ul li.head {
	color: white;
	border-bottom: 1px solid #6b7f8f;
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 30px;
	/*font-family: arial;*/
}
#bw_footer #footer_right img {
	vertical-align: top;
}
#bw_footer .copyright_logo {
	float: left;
}
#bw_footer #footer_right {
	margin: 5px 0 0 0;
	padding: 0;
	width: 280px;
	float: right;
}
#bw_footer #footer_right li {
	color: #eee;
}
#bw_footer .copyright {
	padding-top: 4px;
	margin: 0 0 0 15px;
	line-height: 19px;
	font-size: 12px;
	width: 100px;
	text-align: right;
	float: right;
}

.st_rel {
	position: relative; width: 900px; margin: 0 auto;
}
#seo_text {
	border-top: 1px solid #6b7f8f;
	padding-top: 12px;
	width: 900px;
	margin: 10px auto 0 auto;
	text-align: left;
	color: #B5C3CF;
	line-height: 18px;
	font-size: 12px;
}
#seo_text h1 {
	font-size: 20px;
	font-weight: normal;
	color: #99a5af;
}
#seo_text h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	display: inline;
	color: #99A5AF;
	line-height: 30px;
}
#seo_text a {
	color: #B5C3CF;
	text-decoration: underline;
}
#seo_text a:hover {
	text-decoration: none;
}
.seo_links {
	margin: 10px 0 0 0;
}
.seo_links h2 {
	font-size: 13px !important;
}
.seo_links a {
	margin: 0 10px 0 0;
}
.footer_member_directory {
	font-size: 12px;
	max-width: 900px;
	width: auto;
	margin: 20px auto 0 auto;
	padding-top: 10px;
	border-top: 1px solid #6B7F8F;
}
.footer_member_directory a {
	color: #B5C3CF;	
	padding: 0 1px;
}
.footer_member_directory b {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
}
.button_blue_170 {
	background: url('../images/layout/new/button_blue_170.png') left top repeat;
	width: 170px;
	height: 40px;
	border: none !important;
	line-height: 39px !important;
	text-shadow: 0 -1px 0px #555 !important;
	font-size: 17px !important;
	text-indent: 0 !important;
	text-align: center !important;
	color: #eee !important;
	display: block !important;
	cursor: pointer !important;
}
.button_blue_170:hover {
	color: white;
	text-decoration: none;
}
#container_footer {
	/*background: url('../images/layout/new/footer_background.png') left top repeat #47545F;*/
	background: #47545F;
	overflow: auto;
	padding-bottom: 20px;
	border-top: 1px solid #fff;
}
#footer_effect {
	/*background: url('../images/layout/new/footer_effect.png') left top repeat-x;*/
	height: 100%;
}
.bw_social_link {
	float: right;
	margin: 5px 5px 0 0;
	width: auto;
	text-align: center;
	font-size: 14px !important;
}
.bw_social_link:hover {
	text-decoration: none;
	
}
.bw_social_link .icon {
	font-size: 35px;
	background: #fff;
	border-radius: 10px;
	width: 34px;
	height: 34px;
	display: block;
	
}
.bw_social_link img {
	display: block;
	margin: 0 auto 5px auto;
}
.flag_small {
	text-align: left;
	margin: 0px 0 0 -4px;
	padding-top: 4px !important;
	font-size: 11px;
}
.login_signup {
	font-size: 17px;
	margin: 0px 10px 15px 0;
	padding-top: 10px !important;
	border-top: 3px double #c3d0df;
}

.support_table textarea {
	width: 90%;	
}

#content_hpchange {
	margin: 0px;
}
#membernavigation_top, #membernavigation_top_active {
    background-image: url("../images/layout/bg_membernavi_top.png");
}
#container_membernavigation, #container_membernavigation_deactivated {
	float: right;
    font-size: 12px;
    height: auto;
    right: 0;
    padding: 0;
    position: relative;
    /*top: -113px;*/
    width: 178px;
    z-index: 1;
}
#container_membernavigation {
	/*background: url('../images/layout/new/membernavigation_shadow.png') no-repeat top left;*/	
}
#container_membernavigation_deactivated {
	background: url('../images/layout/new/membernavigation_shadow.png') no-repeat top left;	
}
#container_membernavigation_inner {
    bottom: 0;
    margin-top: 0;
    overflow-y: auto;
    position: absolute;
    top: 89px;
    width: 100%;
}
ul#footer_left li a, ul#footer_left li, ul#footer_right li {
    color: #7894AF;
}
#content_mybeepworld {
	position: absolute;
	top: -225px;
	left: 202px;
	float: none;
	height: 224px !important;
	overflow: hidden;
}
#content_mybeepworld #teaser_design {
	left: 16px;
	top: 62px;
	width: 320px;
	height: auto;
}
#content_mybeepworld #teaser_button {
	top: 113px;
	left: 395px;
	width: 231px;
	height: 40px;
	line-height: 39px;
	text-shadow: 0 -1px 0px #555;
	font-size: 17px;
	text-indent: 0;
	text-align: center;
	background: url('../images/layout/new/button_blue.png') no-repeat top left;
}
#content_mybeepworld #teaser_button:hover {
	background-position: 0px 0px !important;
}
#content_mybeepworld #teaser_shadow {
	left: 183px;
	display: none;
}
.teaser_main #signup_main{
	width: 700px !important;
}
#signup_main {
	position: relative; 
	margin: 0 auto;
	z-index: 9;
}
#signup_box {
	width: 382px;
	height: 373px;
	position: absolute;
	right: -9px;
	top: -300px;
	z-index: 99;
	background: url('../images/layout/new/signup_background.png') no-repeat top left;
}
#signup_main h3 {
	color: white;
	font-size: 14px;
	text-align: left;
	padding: 11px 0 10px 35px;
	text-shadow: 0 -1px 0px #8f0049;
	margin: 14px 0;
}
#signup_main input:not([type=submit]), #signup_main .input_address,
.support_table input {
	background: url('../images/layout/new/signup_input.png') repeat-x bottom left #fff;
	line-height: 37px;
	height: 37px;
	width: 284px;
	padding: 0 8px !important;
	border: 1px solid #acb9ca;
	margin-top: 2px;
	color: #3b4c5f;
	font-size: 14px;
	padding: 0 8px;
	/*font-family: arial,tahoma,verdana,sans-serif;*/
}
#signup_main input:focus, #signup_main .input_address.focus,
.login_right input:focus, .support_table input:focus {
	/*box-shadow: 0 0 5px #669dc6;
	border: 1px solid #8bbbdf;
	background: #fff;*/
}
#signup_main input[type=checkbox] {
	border: none;
	background: none;
	width: auto !important;
	line-height: auto !important;
	height: auto !important;
}
#signup_main input[type=checkbox]:focus {
	box-shadow: none;
}
#signup_main .input_border {
	width: 302px;
	height: 1px;
	background: white;
	margin: 0 auto 12px;	
}
#signup_main .input_box {
	text-align: left;
	width: 302px;
	margin: 0 auto;
}
#signup_main .input_label {
	color: #5e7186;
	font-size: 13px;
	text-align: left;
}
#signup_main .input_address {
	text-align: right;
	width: 284px;
}
#signup_main .input_address input {
	background: none;
	border: 0px;
	padding: 0 2px 0 0 !important;
	text-align: right;
	margin: 0px;
	color: #3b4c5f;

	/*display: table;*/

	float: right;
    width: 64% !important;
}
#signup_main .input_address input:focus {
	box-shadow: none;
}
#signup_main .input_address span {
	float: right;
	color: #5E7186;
}
#signup_main .input_tac, #signup_main .input_tac a {
	color: #5e7186;
}
#signup_main .input_tac a {
	text-decoration: underline;
}
#signup_main .input_tac a:hover {
	text-decoration: none;
}
#signup_main .input_tac input {
	height: auto;
	margin-left: 0px;
}
.signup_button, .signup_button_short {
	width: 231px !important;
	height: 40px !important;
	/*background: url('../images/layout/new/button_blue.png') no-repeat top left !important;*/
	background: #3b7aaa;
	border-radius: 2px;
	
	border: none !important;
	line-height: 39px !important;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.2) !important;
	font-size: 17px !important;
	text-indent: 0 !important;
	text-align: center !important;
	color: #fff !important;
	display: block !important;
	margin: 15px 0;
	cursor: pointer !important;
	
	transition: background 0.1s ease 0s;
}
#signup_main .signup_button {
	margin: 0 auto;
}
.signup_button:focus, .signup_button_short:focus {
	box-shadow: none;
}
.signup_button:hover, .signup_button_short:hover {
	text-decoration: none;
	background: #23618f;
}
.signup_button_short {
	background-image: url('../images/layout/new/button_blue_short.png') !important;
	background: #A7A7A7 !important;
	width: 199px !important;
	margin: 30px auto 0 auto;
	color: #fff !important;
}
.signup_button_short:hover {
	background: #888 !important;
}


.input_box_2 {
 	box-sizing: border-box;
	display: table;
	position: relative;
	margin-bottom: 10px;
	width: 300px;
}
.input_box_2 input {
	background: none repeat scroll 0 0 #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 2px;
    padding: 28px 12px 8px;
    width: 100%;
    font-size: 14px;
    font-family: arial;
}
.input_box_2 span {
	position: absolute;
	margin: 10px 0 0 12px;
	font-family: "Montserrat";
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
	
}
.input_box_2 input:focus {
	background: #f0f0f0 !important;
	box-shadow: none !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
}



#example {
	width: 895px;
	height: 598px;
	background: url('../images/layout/new/content_example.png') no-repeat top center;
}
#bw_footer li:first-child {
	padding-left: 0px !important;
}
ul#footer_left {
	padding-left: 0px;
}
ul#footer_right, .flag_small {
	padding-right: 0px;
}

#getestet_image {
	position: absolute; 
	top: 8px; 
	left: 434px;
}
div.container_upgrade_add {
	position: relative;
	/*left: -8px;*/
}
div.container_upgrade_add div.upgrade_middle div.upgrade_image {
    padding: 2px 0 0 23px;
}
div.container_upgrade_add div.upgrade_middle div.headline {
    padding: 17px 0 0 9px;
}
.login_left {
	display: none;
}
.login_right {
	float: none !important;
	overflow: auto;
	margin: 0 auto;
	width: 470px !important;
}
.login_right input {
	font-size: 15px;
	padding: 5px;
	width: 300px !important;
}
form#login {
	width: auto;
	margin: 0 auto !important;
	padding: 10px 35px 30px 0;
}
form#password {
	float: none;
	width: auto;
}

/* textarea editor */
.textarea_editor {
	width: 660px;
}

td {
/*	font-family:verdana,tahoma,arial;*/
/*	font-size:12px;*/
}	
.box_outer_top {
	width:975px;
	height:11px;
	background-image:url(../images/start.gif);
}

.box_inner_table {
	width:975px;
	height:11px;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	vertical-align:top;
	text-align:left;
}

.box_outer_bottom {
	width:975px;
	height:11px;
	background-image:url(../images/end.gif);
}

.box_inner_navigation {
	vertical-align:top;
	text-align:center !important;
	width: 198px;
	margin: 0 10px 0 11px;
	
}

.navigation {
	width: 160px;
	color: #666666;
	font-size: 11px;
	border-bottom: 1px solid #d6d6d6;
	padding: 6px 6px 6px 6px;
	text-align:left;
}

.navigation a {
	color: #666666;
	text-decoration: none !important;
}

.navigation a:hover {
	color: #666666;
	text-decoration: underline !important;
}


.package_status_table {
	width: 160px;
	color: #666666;
	font-size: 11px;
	border: 1px solid #d6d6d6;
	padding: 6px 6px 6px 6px;
	text-align:left;	
}

.content {
	vertical-align:top;
	text-align:left;
}	
	
.header {
	text-align:left;
	padding-left:12px;
	padding-bottom:10px;
}

.header .title {
	font-size:18px;
/*	color:#666666;*/
	font-weight:bold;
}

.header .message {
	padding-top: 5px;
}

.header .message td {
	padding:0px;
	vertical-align:top;
/*	color:#666666;*/
	padding-bottom:5px;
}

.header .message img {
	margin-right:10px;
}

.font_small {
	font-size: 11px !important;
}

.hide_cell {
	display:none;
}

.show_cell {
	display:table-cell;	
}

/* ########################################################################################### */
/* ########################################################################################### */

/* -------------------------------------- LINK COLORS */
/*** NORMAL ***/
.nolink,
.nolink:hover {
	text-decoration: none !important;
}
.box_main a {
	color				:	#0066CC;
	text-decoration		:	underline;
}
.box_main a:hover {
	text-decoration		:	none;
}

.link_normal_1 a, 
a.link_normal_1 {
	color				:	#0066CC;
	text-decoration		:	underline;
}
.link_normal_1 a:hover,
a.link_normal_1:hover {
	text-decoration		:	none;
}

.link_normal_2 a, 
a.link_normal_2 {
	color				:	#0066CC;
	text-decoration		:	none !important;
}
.link_normal_2 a:hover,
a.link_normal_2:hover {
	text-decoration		:	underline !important;
}

/*** HIGHLIGHT ***/
.link_highlight_1 a, 
a.link_highlight_1 {
	color				:	#CC0066 !important;
	text-decoration		:	underline;
}
.link_highlight_1 a:hover,
a.link_highlight_1:hover {
	text-decoration		:	none !important;
}

.link_highlight_2 a, 
a.link_highlight_2 {
	color				:	#CC0066 !important;
	text-decoration		:	none !important;	
}
.link_highlight_2 a:hover,
a.link_highlight_2:hover {
	text-decoration		:	underline !important;
}

a.link_imageborder {
	border: 1px solid #99a4af; 
	padding: 1px;
}
a.link_imageborder:hover {
	border: 1px solid #CC0066; 	
}

.link_arrow_1 {
	background: url('../images/layout/arrow_metanavi.gif') left center no-repeat;
	padding-left: 11px;
}
.link_arrow_2 {
	background: url('../images/layout/arrow_metanavi.gif') right center no-repeat;
	padding-right: 12px;
}
/* -------------------------------------- TEXT COLORS */

/*** NORMAL ***/
.color_normal,
.box_content, .box_content td,
.box_info_content, .box_info_content td,
.box_info_top_background,
#system_message div {
	color				:	rgb(94, 113, 134);
}
.color_normal {
	color				:	rgb(94, 113, 134) !important;
}

/* TITLE-COLOR FOR SYSTEM-MESSAGE */
.box_info_top_background {
	color				:	rgb(139, 156, 177);
}

/*** HIGHTLIGHT ***/
.color_highlight {
	color				:	#CC0066 !important;
}
b.color_highlight,
b.color_highlight b {
	font-size: 15px;
	font-weight: normal;
}

/*** HEADLINE - NORMAL BOX ***/
.box_top_background, 
.box_2_top_background,
div.content_700 div.box_pink_top_700 div.headline,
.box_info_top_background,
div.white_900 .bg_top .headline,
div.content_900 div.box_white_top_900 div.headline {
	color				:	#3d4f62;
	text-transform: uppercase;
	padding-top: 5px !important;
	font-size: 13px;
	font-family: "Montserrat" !important;
	font-weight: normal;
}

/* -------------------------------------- LINKS */
#content_hpchange a, .box_content a {
	color				:	#0066CC;
	text-decoration		:	underline;
}
#content_hpchange a:hover, .box_content a:hover {
	text-decoration		:	none;
}
#content_hpchange a img, .box_content a img {
	border				: 0px;
}

/* -------------------------------------- LIST-BORDER (PAGER simple) */
.list_border {
	width				: auto;
	margin				: 0px;
	border-collapse		: collapse;
}
.list_border td {
	padding				: 0px !important;
	padding-top			: 0px !important;
	padding-bottom		: 0px !important;
	padding-right		: 0px !important;
}
.list_border div {
	padding				: 0px;
	margin				: 0px !important;
}
.list_border_left {
	background-image	:	url('../images/layout/list_border_left.gif') !important;
	background-repeat	:	no-repeat;
	background-position	:	left;
	height				:	20px;
	width				:	5px;
}
.list_border_right {
	background-image	:	url('../images/layout/list_border_right.gif') !important;
	background-repeat	:	no-repeat;
	background-position	:	right;
	height				:	20px;
	width				:	5px;
}
.list_border_content {
	/*background-color	:	rgb(91, 98, 124);		/* dark gray */
	color				:	white !important;
	background-image	:	url('../images/layout/list_border.gif') !important;
	background-repeat	:	repeat-x;
	height				:	20px;
	line-height			:	20px;
	width				:	50%;
}
.list_border_content a {
	color				:	white !important;
	text-decoration		:	underline !important;
}
.list_border_content a:hover {
	text-decoration		:	none !important;
}
.list_border_content b {
	/*color				: rgb(254, 217, 72) !important;*/
}

/* ------ LINKS OVER BW_PAGER simple ------ */
.links_overpager {
	padding				:	2px 0px 5px 0px;	
}
.links_overpager a {
	text-decoration		:	underline !important;
}
.links_overpager a:hover {
	text-decoration		:	none  !important;
}
.links_overpager a.active {
	font-weight			:	bold;
	text-decoration		:	none !important;
}
.links_overpager a.active:hover {
	text-decoration		:	none !important;
	cursor				:	default !important;
}

/* -------------------------------------- PLAY/EDIT VIDEO - EVEN/ODD */
.row_odd, .row_error {
	width				:	100%;
	padding				:	10px 0;
	background-image	:	url('../images/layout/spacer_02.gif');
	background-repeat	:	repeat-x;
	background-position	:	bottom left;
	background-color	:	#F5F8FB;
	
}
.row_even {
	width				:	100%;
	padding				:	10px 0;
	background-image	:	url('../images/layout/spacer_02.gif');
	background-repeat	:	repeat-x;
	background-position	:	bottom left;
}
.row_odd td, .row_even td {
	line-height			:	28px;
}
.row_end {
	width				:	100%;
	background-image	:	url('../images/layout/spacer_02.gif');
	background-repeat	:	repeat-x;
	background-position	:	bottom left;
}
.row_first {
	/*background-color	:	rgb(91, 98, 124);*/
	color				:	white;
	padding				:	2px;
}
.row_first a {
	color				:	white;		
}
.row_first td {
	padding				:	2px !important;
	font-size			:	12px;
	color				:	white;		
}
.row_last {
/*	background-color	:	rgb(91, 98, 124);*/
	color				:	white;
	position			:	relative;
	top					:	-3px;
	padding				:	2px;
}
.row_error {
	text-align: center;
	padding: 20px 0px 20px 0px;
}
/* -------------------------------------- LIST CATEGORIES */
ul.list_categories_first {
	float				:	left;
	list-style-type		:	none;
	line-height			:	18px;
	margin: 0px;
}
ul.list_categories_next {
	float				:	left;
	list-style-type		:	none;
	margin				:	0 0 0 55px;
	line-height			:	18px;
}
ul.list_categories_first li, ul.list_categories_next li {
	padding				:	0 0 0 11px;
	background-image	:	url('../images/layout/arrow_metanavi.gif');
	background-repeat	:	no-repeat;
	background-position	:	left;
}
ul.list_categories_first li a, ul.list_categories_next li a {
	text-decoration		:	underline;
	color				:	#3366CC;
}
ul.list_categories_first li a.active, ul.list_categories_next li a.active {
	font-weight			:	bold;
	text-decoration		:	underline;
	color				:	#3366CC;
}
ul.list_categories_first li a:hover, ul.list_categories_next li a:hover, 
ul.list_categories_first li a.active:hover, ul.list_categories_next li a.active:hover {
	text-decoration		:	none;
}

/* -------------------------------------- SYSTEM-MESSAGE */
#system_message {
	width				: 100%;
}
#system_message .box_info_content td {
	padding-right		: 5px !important;
}
#system_message table {
	border-collapse		: collapse;
}
#system_message > tbody > tr:last-child .spacer {
	display: none;	
}

/* -------------------------------------- PAGEMANAGER */
#pagemanager .secure_page {
/*	background-color	:	#CC0066 !important; 
	color				:	#FFFFFF !important;
*/
}

/* -------------------------------------- VIDEO & TEMPLATE - GENERALS */
a.gray {
	color				: rgb(91, 98, 124);		
}
.list_head {
	width				: 100%;
}
.list_head a, .list_head a:hover {
	text-decoration		: none !important;
}
#pagenumbers {
	margin				: 4px;
	margin-top			: 0px;
	margin-bottom		: 0px;
}
#thumbnails_frame, #wait_frame table, #no_results_frame {
/*	background-color: rgb(245, 248, 251);	*/
}
#thumbnails_frame {
	vertical-align		: top !important;
	width				: 100%;
	font-size			: 11px;
	border-width		: 0px !important;
	padding-left		: 0px !important;
	padding-top			: 0px !important;
	padding-bottom		: 5px !important;
	z-index				: 1;
}
#wait_frame {
	display				: block;
	width				: 100%;
	vertical-align		: middle;
}
#wait_frame table{
	position			: relative;
	width				: 100%;
	text-align			: center;
	border-collapse		: collapse;
	margin				: 0 auto;
}
#wait_frame td {
	text-align			: center;
	vertical-align		: middle;
	padding				: 0px !important;
	height				: 50px;
	line-height			: 50px;		
}
#no_results_frame {
	padding				: 0px !important;
	width				: 100%; 
	line-height			: 50px;
	text-align			: center;
	vertical-align		: middle !important; 
	font-size			: 12px;
}
#ajax_frame {			
	border-width		: 0px;
	padding-top			: 0px;
	padding-bottom		: 6px;
	font-size			: 11px;						
	vertical-align		: top;
}
#ajax_frame div {
	float				: left;
}	
#list_1, #list_2, #list_3 {
	/*display				: none;*/
}
/* -------------------------------------- VIDEO & TEMPLATE & DESIGN - THUMBNAILS */
.thumbnail_out {	
/*	background-color	: rgb(236, 241, 247);*/
	background-repeat	: repeat;
	margin				: 5px 5px 5px 5px;
	vertical-align		: middle;
	padding				: 1px;
	font-size			: 11px;
	height				: auto;
/*	border				: 1px solid rgb(180,180,180) !important;*/
/*	overflow			: hidden;		*/
}
.thumbnail_out table {
	width				: auto;
	height				: auto;
	padding				: 0px;
	margin				: 0px;
	border-collapse		: collapse;	
/*	border-width		: 0px;*/
/*	overflow			: hidden !important;				*/
}
.thumbnail_out td {
	padding				: 0px !important;
	color				: rgb(91, 98, 124);
}
.thumbnail {
/*	border				: 1px solid rgb(94, 113, 134);	*/		/* DARK */
	border				: 1px solid rgb(152, 152, 152);			/* LIGHT */	
	width: 120px;
}
.thumbnail_out .thumbnail {
	width				: 120px;
	height				: 90px;
	font-size			: 13px;		
	margin				: 0px;	
	cursor				: pointer;
}
.thumbnail_out .thumbnail:hover {
	border				: 1px solid #CC0066 !important;
}
.thumbnail_icon img {
	width				: 12px;
	height				: 12px;
	margin				: 0px !important;
/*	margin-right		: 5px !important;*/
}
.thumbnail_icon {	
	font-size			: 11px;		
	text-align			: left  !important;
	padding				: 0px !important;
}
.thumbnail_navi {
	width				: 100% !important;	
}
.thumbnail_navi td {
	vertical-align		: top !important;		
	padding				: 0px !important;
	font-size			: 10px;	
}
.thumbnail_navi table td a {
	font-size			: 11px;
}
.thumbnail_title {
	width				:116px;
}
.thumbnail_title div {						
	border-width		: 0px !important;		
	/*width				: 300px;*/
	font-size			: 10px;		
}
/* -------------------------------------- DESIGN & TEMPLATE HOVER */
.objectcontainer { 	
	width				: 250px !important; 					
	background-color	: white; 
	border				: 1px solid rgb(99, 110, 142);
	background-color	: rgb(253, 247, 189);
}
.objectcontainer img {
	border-bottom		: 1px solid rgb(99, 110, 142);
}
.objectdetails {
	margin				: 0px 0 5px 0px;
	width				: 100%;
}	
.objectdetails td {
	line-height			: 15px;
	padding-left		: 5px !important;
	text-align			: left;
	color				: rgb(91, 98, 124);
	/*font-family			: tahoma;*/
	font-size			: 12px;
	vertical-align		: top;
	width				: auto;
}
.objectdetails .row1 {
	width				: 20%;
}
.hovereffect {
	width				: 200px !important; 					
	background-color	: white; 
	border				: 1px solid rgb(99, 110, 142);
	background-color	: rgb(253, 247, 189);
	line-height			: 15px;
	padding				: 5px !important;
	text-align			: left;
	color				: rgb(91, 98, 124);
	/*font-family			: tahoma;*/
	font-size			: 12px;
	vertical-align		: top;
	width				: auto;	
}
	
/* -------------------------------------- VIDEO & TEMPLATE - OBJECT SEARCH */
#object_search {
	margin				: 0px;
	padding				: 0px;
}
#object_search table {
	border-collapse		: collapse;
	margin				: 0 0 5px 0 !important;
	width				: 100%;
}
#object_search td {
	padding				: 0px !important;
	vertical-align		: middle;		
}
#object_search #search_input {
	width				: 200px;
	margin-left			: 10px;
}
#object_search a {
	text-decoration		: none;
}
/* -------------------------------------- VIDEO & TEMPLATE - LISTHEAD & CATEGORIES */
a.active_category, 			/* category */
.active_listhead a {		/* listhead */
	cursor				: default;
	text-decoration		: none !important;
}

/* -------------------------------------- CURRENT DESIGN */
div.yourdesign_pic {
	float				:	left;
	width				:	154px;
	padding				:	0 0 2px 0;
}
div.yourdesign_pic img {
	border				:	1px solid #989898;
}
div.yourdesign_info {
	float				:	right;
/*	width				:	400px;*/
	width				:	100%;
}
div.yourdesign_info table {
	width				:	100%;
	/*font-family			:	tahoma;*/
	font-size			:	12px;
	color				:	#5E7186;
}
div.yourdesign_info table td {
	padding: 5px !important;
}
div.yourdesign_info table tr.odd {
	background			:	#F4F7FB;
}
div.yourdesign_info table td.label {
	padding				:	2px 15px 2px 0;
	vertical-align		:	top;
	font-weight			:	bold;
}
div.yourdesign_info table td.info {
	padding				:	2px 0;
}

/* -------------------------------------- PACKAGE DETAILS */
td.package_list {
	padding: 5px !important;
}
.package_list img {
	left: 0px !important;
}
.addon_email {
	position: relative;
	margin-right: 0px !important;
	margin: 0 auto;
}
.addon_email img {
	width: auto !important;
}
.addon_email span {
	position: absolute;
	color: #5e7186 !important;
	top: -45px;
	left: 11px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 38px;
	font-style: italic;
	display: block;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}
a.packages_order {
	display:block;
	color:#333333 !important;
	height:54px;
	width:120px;
	background-image:url(../../../tplsets/1/images/payment/btn_order.gif);
	font-size:11px;
	text-align:center;
	text-decoration:none;
	margin: 0 auto;
	text-decoration: none !important;
	line-height: 15px;	
}
.packages_order:hover {
}
.packages_out {
	width				: 100%; 
	float				: right;
}
.packages_out .package_1, .packages_out .package_2, .packages_out .package_3 {
	width				: 224px; 
	float				: left;
}
.packages_out .package_1, .packages_out .package_2 {
	margin				: 0 12px 0 0;
}
.packages_out .package_image,
.packages_out .package_image_link {
	position			: absolute;
	z-index				: 1;
	width				: 222px;
	height				: 195px;
	top					: -10px;
	left				: -13px;
}
.packages_out .package_image_link {
	z-index				: 99;	
	width				: 124px;
	height				: 154px;
	top					: 5px;
	left				: 36px;
}
.packages_out .inactive {
	display				: none;
}
.packages_out .package_active {
	position			: absolute;	
	z-index				: 110;	
	width				: 52px;
	height				: 45px;
	top					: 110px;
	left				: 142px;	
	background-image	: url(../images/packages/package_active.gif);
}
.packages_out .package_inactive,
.packages_out .package_ {
	display				: none;
}
.packages_out .package_text {
	position			: relative; 
	z-index				: 10; 
	padding				: 165px 0 0 0;
}
.packages_out .cell_1 {
	min-height			: 222px !important;
	padding				: 0px !important;
}

/* -------------------------------------- PACKAGE PAYMENTS */
.package_payment_left {
	width				: 240px;
	vertical-align		: top !important;
}
.package_payment_left img, .package_payment_left form {
	margin				: 0px;
	margin-right		: 13px;
}
.package_payment_right {
	width				: 100%;
}

ul.benefits  {
	list-style-type		:	none;
	color				:	#5E7186;
	line-height			:	18px;
}
ul.benefits li {
	background-image	:	url('../images/layout/icon_li_01.gif');
	background-repeat	:	no-repeat;
	background-position	:	0px 6px;
	padding				:	0 0 0 15px;
}

/* -------------------------------------- BW PAGER */
div.bw_pager {
	display				: block;
	text-align			: center;
	line-height			: 20px;
	padding				: 0px;
	vertical-align		: top;
}
/* -------------------------------------- BW PAGER - simple */
.bw_pager_simple_active {
	/*color				: #FED948;*/
	font-weight			: bold;
}	
/* -------------------------------------- BW PAGER - box */
a.bw_pager_box_link {
	padding				: 3px 5px !important;
	margin				: 0 3px 0 3px !important;
	border				: 1px solid #cbd2da;	
	line-height			: 15px !important;
	vertical-align		: middle;
	text-decoration		: none !important;
	color				: #5E7186 !important;	
	font-size			: 11px !important;
	background-image	: url('../images/layout/bg_pager_box_link.gif');
}
.bw_pager_box_active {
	padding				: 3px 5px !important;
	margin				: 0 3px 0 3px !important;
	border				: 1px solid #cbd2da;
	line-height			: 15px !important;
	vertical-align		: middle;
	
	font-size			: 11px !important;
	font-weight			: bold !important;
	background-color	: #cc0066;
	color				: white;
}
a.bw_pager_box_link:hover {
	border				: 1px solid #cc0066;
	color				: #cc0066 !important;
}

.tableless {
	border-collapse: collapse;	
}
.tableless td {
	padding: 0px;
}



/* submenu */
.bw_submenu {
    line-height: 100%;
    height: 38px;
}

.bw_submenu li {
    display: inline;
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    background-color: #cc0066;
    border-radius: 4px;
    padding: 6px 10px;
}

.bw_submenu li a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.bw_submenu li a:hover {
    text-decoration: underline !important;
}

.bw_submenu li .active {
    font-weight: bold;
}

/* had blockform */

#had_blockform {
    height: 290px; 
    position: absolute; 
    top: 37px;
    left: 17px; 
    z-index: 99999; 
    background: rgba(255,255,255,0.0);
    width: 348px;
}
#had_blockform img {
    position: absolute;
    bottom: 11px;
    right: 18px;
}

.account_table td {
    padding: 0px;
    min-width: 100px;
}

.account_table.spacing td {
    padding: 5px 0px;
    min-width: 100px;
}


/* NEW HEADER DESIGN 2015 */

#membernavigation_extra {
	/*background-color: #f5f5f5;*/
}
#container_membernavigation {
	background-position: left 2px !important;
}
#button_login {
	display: table;
	position: static;
	float: right;
	color: #eee;
	background: #2f76aa;
	border: none;
	text-shadow: none;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	margin: 22px 0 0 30px;
	line-height: 28px;
	height: auto !important;	
	width: auto !important;
	padding: 0 20px;
	z-index: 1;
	right: 0px;
	transition: background 0.1s ease 0s;
	border-radius: 2px;
}
#button_login:hover {
	text-decoration: none;
	color: #fff;
	background: #23618F;
}
#content_effect {
	background-position: center -5px !important;
}
#container_effect {
	background-position: center -15px !important;
}
.teaser_effect {
	background-position: 0 -20px !important;
}
#content_background {
	border-color: #EFF7FF;
}
#teaserbox {
    background-position: center bottom;
    /*height: 180px !important;*/
    background: none !important;
}
#container_header {
	position: absolute;
	width: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	z-index: 1;
	height: 70px !important;
	border-bottom: 1px solid rgba(90,90,90,0.6);
	background: #3E4A53 url('../images/layout/new/header_background.png') repeat-x;
}
#pbg {
	position: relative;
}	
#bw_header {
    height: auto;
}
#container_logo img,
.container_logo img {
	margin-top: 10px;
	width: 134px;
	height: auto;
	top: 0;
}
#container_logo {
	width: 150px;
	height: auto;
    background: none;
    float: left;
    left: 0;
	right: none;
}
ul#mainnavi li {
	height: auto !important;
}
ul#mainnavi li a {
	padding: 0 20px;
	height: auto !important;
	overflow: auto;
	transition: all 0.3s ease 0s;
}
ul#mainnavi li a strong {
	text-shadow: none;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	line-height: 70px;
	
	font-family: "Lato",sans-serif;
}
ul#mainnavi li.active strong {
	color: #fff;
}
ul#mainnavi li:hover, 
ul#mainnavi li.active {
	background: none !important;
}
ul#mainnavi li a:hover,
ul#mainnavi li.active:hover {
	background: #3b7aaa !important;
}
#container_mainnavi .menu_left {
    background: none;
    height: 1px;
}
#container_mainnavi li:first-child .menu_left {
	display: none;
}
#container_mainnavi li:hover .menu_left, 
#container_mainnavi li.active .menu_left,
ul#mainnavi li:hover .menu_right, 
ul#mainnavi li.active .menu_right {
    background: none;
}
ul#mainnavi li.active a {
    background: none !important;
}

/* NEW NEW */

div#teaser_bar {
	border: none;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}
#container_header {
	text-align: left;
}
#container_mobile {
	display: none;
}
#container_mainnavi {
	right: auto;
	left: auto;
	top: auto;
	bottom: auto;
	padding: 0;
	height: auto;
	position: static;
	float: right;
}
ul#mainnavi {
	float: none;
	overflow: auto;
}
.menu_right, .menu_left {
	display: none !important;
}