@import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(http://fonts.googleapis.com/css?family=Marck+Script&subset=latin,latin-ext);

html { -webkit-font-smoothing: subpixel-antialiased; }
img { behavior:url(iepngfix.htc); }
a { outline: 0; border:0px;}
A:link,A:visited,A:active { text-decoration:none; outline: 0; border:0px; }
.div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

form { display: inline; }

a img 				{ border: none; }
img.border 			{ border: 1px solid #d0d0d0; margin: -1px }
img.border:hover 	{ border: 1px solid #44AA72; margin: -1px }
img.border2 			{ border: 0px solid #44AA72; margin: -1px }
img.border2:hover 	{ border: 0px solid #44AA72; margin: -1px }

.img_zoomer {transition-duration: 0.3s; transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
.img_zoomer:hover {transition-duration: 0.3s; transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); z-index:1000; }
.div_zoomer {transition-duration: 0.3s; transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
.div_zoomer:hover {transition-duration: 0.3s; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index:1000; }


.typo {
/* 	font-family: "Dosis", sans-serif; */
/*  font-family: "Segoe UI Light", sans-serif; */
/*	font-family: "Roboto", sans-serif; */
	font-family: "News Cycle", sans-serif; 
	font-weight:100;
	text-decoration: none;	
}

body {
background:url('../gui/body_background.png');
background-repeat:repeat-y;
background-attachment:fixed;
background-position:center; 
margin:0;
padding:0;
background-color:#e2e2e2;
text-align: center;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-size-adjust: 100%;
}

/* fix Android background bug */ 
@media screen and (max-width: 1000px) {
body {
background:none;
background-color:#fff;
margin:0;
padding:0;
text-align: center;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-size-adjust: 100%;}
}

div#page_overlayer {
	width: 100%;
	height: 100%;
	position: fixed;
	display: table-block;
	top: 0px;
	left: 0px;
	background: url('../gui/overlay.png');
	background: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)) repeat-x rgba(255,255,255,0.5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0.5))) repeat-x rgba(255,255,255,0.5);
	z-index: 100000;
}
#login_overlay {
	position: relative;
	display: block;
	width: 400px;
	height: 260px;
	padding: 1px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	top: 30%;
	bottom: 50%;
	background-color: #fff;
	border: 1px solid #017435;
}

div#spacer { display:inline-block; position:relative; margin:0; padding:0; }
div#container { display: inline-block; position: relative; vertical-align: top; text-align: left; margin:0; padding:0; }

textarea.form { border: 1px solid #ACD3BE; width: 320px; height: 285px; margin-top: 3px; padding-left:6px;}
input.form    {	border: 1px solid #ACD3BE; width: 250px; height: 20px; margin-top: 3px; padding-left:6px; line-height:18px;}
input.form_validate { border: 1px solid #ACD3BE; width: 130px; height: 20px; margin-top: 3px; padding-left:6px; line-height:18px; }
input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover { border: 1px #44AA72 solid; }
a.tellmemore { transition-duration: 0.3s;display: inline-block; width: 86px; height: 24px; margin-top: 6px; padding-right:8px; background-image: url('../gui/tellmemore_1.png'); text-align: right; line-height:140%; cursor: pointer; float: right; }
a.tellmemore:hover { transition-duration: 0.3s;background-image: url('../gui/tellmemore_2.png'); }	


ul {
  color: #017435;
}

div#container_page {
display:inline-block;
width:940px;
margin-left:auto;
margin-right:auto;
top:0px;
z-index:1;
text-align: left;
}

div#top_bar {
display:inline-block;
width:940px;
height: 168px;
text-align: left;
background:url('../gui/top_bar.png');
}

div#anim_bar {
display:inline-block;
width:940px;
height: 290px;
text-align: left;
}

div#column_full {
display:inline-block;
width:940px;
text-align: left;
}

div#column_left {
display:inline-block;
width:315px;
float: left;
text-align: left;
margin:0;
padding:0;
}

div#column_right {
display:inline-block;
width:625px;
float: left;
text-align: left;
margin:0;
padding:0;
}

div#container.banner290  {
	float: left;
	width:290px;
	height:290px;
	padding:10px;
}

div#container.fastlinks  {
	float: left;
	width:290px;
	height:30px;
	padding:10px;
	margin-top:1px;
	background-color:#DEEEE5;
	transition-duration: 0.3s;
}

div#container.fastlinks:hover  {
	background-color:#017435;
	background:url('../gui/green_tab.png');
	color: #fff;
	transition-duration: 0.3s;
	cursor: pointer;
}

div#container.col1  {
	float: left;
	width:310px;
}

div#container.col2 {
	float: left;
	width:310px;
	margin:0px 5px 0px 5px;
}

div#container.col3 {
	float: left;
	width:310px;
}

div#container.col12 {
	float: left;
	width:600px;
	padding-right:30px;
}

div#container.col23 {
	float: left;
	width:630px;
}

div#trodat_container, a#trodat_container_1 { 
	display: inline-block; 
	position: relative; 
	height:24px;
	text-align: left; 
}

a#trodat_container_2 { 
	display: inline-block; 
	position: relative; 
	height:24px;
	text-align: left; 
    background-color: #f0f0f0;
}

a#trodat_container_1:hover, a#trodat_container_2:hover { 
	display: inline-block; 
	position: relative; 
	height:24px;
	text-align: left; 
    color: #c40000;
} 

div#trodat_col1 { 
	display: inline-block; 
	position: relative; 
		float:left;
	width:140px;
    padding-left:10px;	
	text-align: left; 
}

div#trodat_col2 { 
	display: inline-block; 
	position: relative;
	float:left;	
	width:180px;
    padding-left:10px;	
	text-align: left; 
}

div#trodat_col3 { 
	display: inline-block; 
	position: relative; 
	float:left;
	width:50px;
    padding-left:10px;	
	text-align: left; 
}

div#yellow_paper {
	float: left;
	width:460px;
	padding-left:110px;
	padding-right:30px;
	padding-top:62px;
	padding-bottom:30px;
	background:url('../gui/yellow_paper_bg.jpg');
	line-height: 31px;
	font-style: italic;
	color: #606060;
}

div#yellow_paper2 {
	float: left;
	width:460px;
	height:254;
	padding-left:110px;
	padding-right:30px;
	padding-top:95px;
	padding-bottom:30px;
	background:url('../gui/yellow_paper3_bg.jpg');
	line-height: 31px;
	color: #017435;
}

div#yellow_paper_novo {
	float: left;
	width:500px;
	height:254;
	padding-left:90px;
	padding-right:10px;
	padding-top:65px;
	padding-bottom:30px;
	background:url('../gui/yellow_paper_novo_bg.jpg');
	line-height: 31px;
	color: #017435;
}

div#yellow_paper2_small {
	float: left;
	width:460px;
	height:254;
	padding-left:110px;
	padding-right:30px;
	padding-top:95px;
	padding-bottom:30px;
	background:url('../gui/yellow_paper4_bg.jpg');
	line-height: 31px;
	color: #017435;
}

div#layer_tab_act {
display: inline-block;
width: 139px;
height: 25px;
padding: 15px 0px 0px 10px;
float: left;
background-color:#44AA72;
border-right: 1px solid #efefef;

font-family: "Roboto", sans-serif;
font-weight:300;
text-decoration: none;
font-size: 15px;
color: #fff;
cursor: pointer;	
}

div#layer_tab {
display: inline-block;
width: 139px;
height: 24px;
margin-top:5px;
padding: 10px 0px 0px 10px;
float: left;
background-color:#DEEEE5;
border-right: 1px solid #fff;

font-family: "Roboto", sans-serif;
font-weight:300;
text-decoration: none;
font-size: 15px;
color: #233b57;
cursor: pointer;	
}

div#layer_tab:hover {
	/* background-color:#DD5522; */
	float: left;
	background-color:#ACD3BE;
	color: #000;
	cursor: pointer;	
	
}

div#printy { display:none; position:relative; text-align:left; }
div#mobile { display:inline-block; position:relative; text-align:left; }
div#goldring { display:none; position:relative; text-align:left; }
div#professional { display: none; position:relative; text-align:left; }


.green_bg {
background-color:#DEEEE5;
color: #606060;
padding: 10px;
cursor:pointer;
}
.green_bg:hover {
background:url('../gui/green_tab.png');
color: #fff;
}

div#container.coll23 {
	float: left;
	width:940px;
}

div#mm_home_container, div#mm_about_container, div#mm_news_container, div#mm_supply_container, div#mm_contact_container, div#mm_webshop_container
{ 
display: inline-block; 
position: relative;  
float:left;
vertical-align: top; 
text-align: left; 
margin:0; 
padding:0 0 0 0;
margin-top:145px;
height:23px;
text-decoration: none;
cursor:pointer;
}

div#mm_about {
visibility: hidden;
display:block; 
position:absolute;
float:left;
width:210px;
padding-left:0px;
margin-left:90px;
top:161px;
z-index:100;
text-align: left;
background:url('../gui/mmenu_container.png');
}

div#mm_news {
visibility: hidden;
display:block; 
position:absolute;
float:left;
width:210px;
padding-left:0px;
margin-left:180px;
top:161px;
z-index:100;
text-align: left;
background:url('../gui/mmenu_container.png');
}

div#mm_supply {
visibility: hidden;
display:block; 
position:absolute;
float:left;
width:210px;
padding-left:0px;
margin-left:270px;
top:161px;
z-index:100;
text-align: left;
background:url('../gui/mmenu_container.png');
}

div#mm_contact {
visibility: hidden;
display:block; 
position:absolute;
float:left;
width:210px;
padding-left:0px;
margin-left:365px;
top:161px;
z-index:100;
text-align: left;
background:url('../gui/mmenu_container.png');
}

div#mm_webshop {
visibility: hidden;
display:block; 
position:absolute;
float:left;
width:210px;
padding-left:0px;
margin-left:415px;
top:161px;
z-index:100;
text-align: left;
background:url('../gui/mmenu_container2.png');
}

div#mm_separator1 {
display:block; 
width:200px;
height:7px;
margin-left:10px;
text-align: left;
border-bottom: 1px dotted #017435;
}

div#mm_separator2 {
display:block; 
width:200px;
height:7px;
margin-left:10px;
text-align: left;
}

div#mm_border {
padding-left:0px;
padding-top: 20px;
border-bottom: 1px solid #017435;

/*rgba(255, 0, 0, .1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;*/

}

div#gem_tellmemore {
	display: inline-block;
	position: relative;
	text-align: right;
	width: 100px;
	height:20px;
	padding-top:10px;
	padding-right: 15px;
	font-family: "News Cycle", sans-serif;
	font-weight:500;
	text-decoration: none;
    font-size: 18px;
	color: #44AA72;
	float: right;
	cursor: pointer;
}

div#gem_tellmemore:hover {
	text-decoration: underline;
}

span.date_negative {
	display: inline-block;
    width:85px;
	height:20px;
	padding: 5px;
	margin-right:10px;
	font-weight:300;
	text-decoration: none;	
	font-size: 18px;
		line-height:100%;
	text-decoration: none;
	background-color: #168449;
    color: #fff;	
}


.menu {
	font-weight:500;
	text-decoration: none;	
	font-size: 14px;
	color: #fff;
	line-height:100%;
}

span.pullmenu {
	display: inline-block;
    width:200px;
	height:28px;
	padding-left: 10px;
	padding-top:0px;
	font-weight:500;
	text-decoration: none;	
	font-size: 16px;
	color: #017435;
	text-decoration: none;
	cursor: pointer;
}

span.pullmenu:hover {
	background-color: #168449;
	color: #fff;
	opacity:0.7; filter:alpha(opacity=70);
}

.title {
	font-family: "Roboto", sans-serif;
	font-weight:100;	
	font-size: 30px;
	text-decoration: none;
}

.subtitle {
	font-family: "Roboto", sans-serif;
	font-weight:300;
	font-size: 20px;
	text-decoration: none;
}

.contact {
	font-weight:100;
	font-size: 16px;
	text-decoration: none;
	line-height:160%;	
}

.contact2 {
	font-weight:100;
	font-size: 12px;
	text-decoration: none;
	line-height:150%;	
}

.text {
	font-weight:100;
	font-size: 16px;
	text-decoration: none;
	line-height:160%;	
}

.text2 {
	font-weight:100;
	font-size: 14px;
	text-decoration: none;
	line-height:150%;	
}

.text3 {
	font-weight:100;
	text-decoration: none;	
	font-size: 12px;
	text-decoration: none;
	line-height:150%;	
}

.slogan {
	font-weight:100;
	font-size: 16px;
	text-decoration: none;
	line-height:100%;
}

.copyright {
	font-weight:100;
	font-size: 13px;
	text-decoration: none;
	line-height:150%;
}

.greetings {
    font-family: 'Marck Script', cursive;
	font-weight:100;
	font-size: 20px;
	line-height:120%;
}

.menu:hover {
	color: #fff;
	cursor: pointer;
	}

/* text background color */ 
.bg_white 		{background-color: #fff;}
.bg_grey 		{background-color: #808080;}
.bg_grey2 		{background-color: #a0a0a0;}
.bg_grey3 		{background-color: #f0f0f0;}
.bg_green		{background-color: #44AA72;}
.bg_green_light 	{background-color: #ACD3BE;}
.bg_red 			{background-color: #C32328;}
	
/* text color */ 
.white 		{color: #fff;}
.grey 		{color: #808080;}
.grey2 		{color: #a0a0a0;}
.green		{color: #44AA72;}
.green_light{color: #ACD3BE;}
.red 		{color: #C32328;}

/* text style */
.light 	    {font-weight:100;}
.normal 	{font-weight:300;}
.bold 	    {font-weight:600;}
.italic 	{font-style:italic;}
.underline 	{text-decoration:underline;}

#slides { display: none }


/* zoomer */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../gui/zoom/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../gui/zoom/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../gui/zoom/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../gui/zoom/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../gui/zoom/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../gui/zoom/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../gui/zoom/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../gui/zoom/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../gui/zoom/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; font-family: "News Cycle", sans-serif; font-weight:400; font-size: 19px; line-height: 26px; color: #44AA72; }
        #cboxCurrent{position:absolute; bottom:2px; font-weight:300; font-family: "News Cycle", sans-serif; font-size: 15px; left:58px; color:#808080;}
        #cboxLoadingOverlay{background:url(../gui/zoom/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../gui/zoom/loading_anim.png) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../gui/zoom/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../gui/zoom/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../gui/zoom/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/* Float menu */
.icons {
	font-size: 9px;
	font-weight:400;
	color: #ffffff;
	line-height:150%;
}

div#float_container {
    position:absolute;  
    width:40px;height:164px;top:0px;right:0px;
    z-index:100;
}	

div#float_menu {
display:block; 
width:40px;
height:41px;

z-index:100;
text-align: right;
color:#9BA7B4;
cursor: pointer;
}

div#float_menu.print { background:url('../gui/fm_print_0.png'); background-repeat: no-repeat; }
div#float_menu.print:hover { color:#fff; background:url('../gui/fm_print_1.png'); background-repeat: no-repeat; }
div#float_menu.webmail { background:url('../gui/fm_webmail_0.png'); background-repeat: no-repeat; }
div#float_menu.webmail:hover { color:#fff; background:url('../gui/fm_webmail_1.png'); background-repeat: no-repeat; }
div#float_menu.favorit { background:url('../gui/fm_favorites_0.png'); background-repeat: no-repeat; }
div#float_menu.favorit:hover { color:#fff; background:url('../gui/fm_favorites_1.png'); background-repeat: no-repeat; }
div#float_menu.home { background:url('../gui/fm_home_0.png'); background-repeat: no-repeat; }
div#float_menu.home:hover { color:#fff; background:url('../gui/fm_home_1.png'); background-repeat: no-repeat; }