@charset "UTF-8";
/* CSS Document */

html {
overflow: -moz-scrollbars-vertical;overflow-x: auto;
}


body  {
	margin-top:0px;
	margin-bottom:0px;
	height: 100%;
	padding: 0;
	background-color: #D8D8D3;
}
	
#wrapper {
	height: 100%;
	width: 1010px;
	margin-left: auto ;
	margin-right: auto ;
	background-color: #E5E5E5;
	
	}

/* Header Elements START */

#header {
	height: 150px;
	width: 950px;
	background-color: #111111;
	
	padding-right: 30px;
	padding-left: 30px;
	
	overflow:hidden;
		
}

#logo_box {
	width: 310px;
	clear:none;
	float:left;
	margin-right:10px;
	height: 150px;
}


.button_box {
	width: 150px;
	height: 150px;
	clear: none;
	float: left;
	margin-right:10px;
}

.button_box_final {
	width: 150px;
	clear:none;
	float:left;
	height: 150px;
	
}

.button_box_label {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	clear: none;
	float: left;
	width: 150px;
	margin-top: 25px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}


/* Header Elements END */
/* Footer Elements START */

#footer_dark {
	position:relative;
	height:100%;
	width: 950px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
	background-color: #111111;
	overflow:hidden;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#footer_1collumn {
	height: auto;
	width: 310px;
	clear: none;
	float: left;
	margin-right: 10px;
	bottom: 0px;

}

.footer_extended_collumn {
	width: 150px;
	clear: none;
	float: left;
	margin-right: 10px;
	
}

.footer_small_collumn {
	height: auto;
	width: 150px;
	
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	
	clear: none;
	float: left;
}

.footer_small_collumn_end {
	height: auto;
	width: 150px;
	
	clear: none;
	float: left;	
	
}

#logo_bottom {
	margin-bottom: 5px;	
	
}

.footer_underlined_box {
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	height: 12px;
}




/* Footer Elements END */

/* Global Elements START */

.text_desc {
	height: 100%;
	width: 310px;
	margin-top: 30px;
	margin-right: 10px;
	clear: none;
	float: left;
}

.text_desc_end {
	height: 100%;
	width: 310px;
	margin-top: 30px;
	clear: none;
	float: left;
}

.lang_icon {
	height: 15px;
	width: 100%;
	margin-bottom: 15px
}


/* Backtotop START */

.backtotop_arrow {
	position: relative;
	height: 100%;
	width: 310px;
	
	clear:none;
	float:left;
}

img.backtotop_down {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
}
 
img.backtotop_up {
	position: absolute;
	left: 0;
	top: 0;
}

/* Backtotop END */

/* Comments START */

#comments_box {
	height: 100%;
	width: 950px;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	overflow:hidden;
	margin-bottom: 30px;
}

#quotation_marks_open {
	margin-top: 15px;
}

#quotation_marks_close {
	margin-top: 15px;
	margin-bottom: 15px;
	clear:left;
	float: right;
}

#comments_title {
	margin-top: 15px;

}


.text_comment {
	height: 100%;
	width: 310px;
	margin-top: 30px;
	margin-right: 10px;
	clear: none;
	float: left;
}

.text_comment_end {
	height: 100%;
	width: 310px;
	margin-top: 30px;
	clear: none;
	float: left;
}



/* Comments END */
/* Global Elements END */

/* Image Link style START */
#img_310px_white{
	height: 410px;
	width: 270px;
	background-color: #FFFFFF;
	padding: 20px;
	clear: none;
	float: left;
	margin-right: 10px;	
	
	}

#img_310px_white_nomargin {
	height: 410px;
	width: 270px;
	background-color: #FFFFFF;
	padding: 20px;
	clear: none;
	float: left;
	
	}
/* Image Link style END */

/* Image_Preview style START */

#screenshot{
	position:absolute;
	background:#fff;
	padding:15px;
	display:none;
	color:#fff;
	}
	
/* Image_Preview style END */