body {

	background-attachment: scroll;

	background-image: url(../images/background.jpg);

	background-repeat: repeat-x;

	text-align: center;

	background-color: #8696B0;

}

hr{

	border: none;

	height: 1px;

	color: #CCCCCC;
	
	background-color: #CCCCCC;
	


}

a:link, a:visited{

	color: #4A6195;

	text-decoration: none;

}



a:hover{

	color: #CC0000;

	text-decoration: none;

}



#pageCell{

	width: 724px;

	margin: 10px auto;

	text-align: left;

}

#logo {

	height: 73px;

	left: 10px;

	margin-bottom: 5px;

}



#TopNav{

	height: 15px;

	margin:33px 10px 5px 0px;

	padding:0px;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	text-align: right;

	color: #FFFFFF;

	line-height: 20px;

	right: 10px;

}

#TopNav ul{

color: #FFFFFF;

	margin: 0;

	padding: 0;

}

#TopNav ul li{

	display: inline;

	margin: 0;

	padding: 0;

}

#TopNav ul li a{

	color: #FFFFFF;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 4px 0 4px;

	width: 4em;

	line-height: 20px;

} 

#TopNav ul li a:hover, #footerNav ul li a:focus{

	color: #CC0000;

}



#nav{

	padding: 0px;

	text-align: left;

	font-weight: bold;



}



#nav ul{

	margin: 0px;

	padding: 0px;

	height: 42px;

	vertical-align: middle;

}



#nav ul li{

	display: inline;

	margin: 0px;

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	line-height: 40px;

	vertical-align: middle;

	letter-spacing: 1px;

}





#nav ul li a{

	color: #333333;

	text-decoration: none;

	padding: 0px 1px 0px 1px;

	text-align: center;



} 



#nav ul li a:hover, #nav ul li a:focus{

	color: #D21C1B;

}



#navLeft{

	padding: 0px;

	text-align: right;



}



#navLeft ul{

	margin: 0px;

	padding: 0px;

	background-image: url(../images/topMenu_background.gif);

	height: 42px;

	vertical-align: middle;

}



#navLeft ul li{

	display: inline;

	margin: 0px;

	font: bold 8px Verdana, Arial, Helvetica, sans-serif;

	line-height: 40px;

	vertical-align: middle;

	letter-spacing: 1px;

}





#navLeft ul li a{

	color: #333333;

	text-decoration: none;

	padding: 0px 1px 0px 1px;

	text-align: center;



} 



#navLeft ul li a:hover, #nav ul li a:focus{

	color: #D21C1B;

}



#navSub {

	padding: 2px 0px 3px 0px;

	text-align: left;

	height: 18px;

}







#navSub_produkti {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;

}

#navSub_produkti ul{

	margin: 2px 0px 0px 0px;

	padding: 0;

}

#navSub_produkti ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_produkti ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_produkti ul li a:hover, #navSub_produkti ul li a:focus{

	color: #FFFFFF;

}





#navSub_storitve {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;

}

#navSub_storitve ul{

	margin: 2px 0px 0px 0px;

	padding: 0;

}

#navSub_storitve ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_storitve ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_storitve ul li a:hover, #navSub_storitve ul li a:focus{

	color: #FFFFFF;

}







#navSub_halcomca {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;



}

#navSub_halcomca ul{

	margin: 2px 0px 0px 0px;

	padding: 0;

}

#navSub_halcomca ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_halcomca ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_halcomca ul li a:hover, #navSub_halcomca ul li a:focus{

	color: #FFFFFF;

}





#navSub_ebb {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;



}

#navSub_ebb ul{

	margin: 2px 0px 0px 0px;

	padding: 0;

}

#navSub_ebb ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_ebb ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_ebb ul li a:hover, #navSub_ebb ul li a:focus{

	color: #FFFFFF;

}







#navSub_podpora {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;



}

#navSub_podpora ul{

	margin: 2px 0px 0px 0px;

	padding: 0;

}

#navSub_podpora ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_podpora ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_podpora ul li a:hover, #navSub_podpora ul li a:focus{

	color: #FFFFFF;

}







#navSub_novice {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;



}

#navSub_novice ul{

	margin: 2px 0px 0px 0px;

	padding: 0;

}

#navSub_novice ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_novice ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_novice ul li a:hover, #navSub_novice ul li a:focus{

	color: #FFFFFF;

}







#navSub_opodjetju {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;



}

#navSub_opodjetju ul{

	margin: 2px 0px 0px 0px;

	padding: 0;

}

#navSub_opodjetju ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_opodjetju ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_opodjetju ul li a:hover, #navSub_opodjetju ul li a:focus{

	color: #FFFFFF;

}





#navSub_reference {

	padding: 0px 0px 0px 20px;

	text-align: left;

	visibility: hidden;

	position: absolute;



}

#navSub_reference ul{

	margin: 2px 0px 0px 0px;

	padding: 0px;

}

#navSub_reference ul li{

	display: inline;

	margin: 0;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	padding: 0;

}

#navSub_reference ul li a{

	color: #CCCCCC;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 8px 0 8px;

	width: 5em;

	line-height: 20px;

} 

#navSub_reference ul li a:hover, #navSub_reference ul li a:focus{

	color: #FFFFFF;

}









#flash {

	width: 724px;

	margin:5px 0px 0px 0px;

	padding:0px;

	

}

#header31{

	height: 15px;

	width: 724px;

	margin:3px 0px 0px 0px;

	padding:3px 0px 0px 0px;

}

#footer31{

	height: 15px;

	width: 724px;

	margin:0px 0px 5px 0px;

	padding:0px 0px 5px 0px;

}





#footerNav{

	height: 15px;

	width: 724px;

	margin:0px 0px 5px 0px;

	padding:15px 0px 30px 15px;

	font: 9px Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	color: #FFFFFF;

	line-height: 20px;

}

#footerNav ul{

	margin: 0;

	padding: 0;

}

#footerNav ul li{

	display: inline;

	margin: 0;

	padding: 0;

}

#footerNav ul li a{

	color: #FFFFFF;

	text-decoration: none;

	border-right: 1px solid #859DB0;

	padding: 0 4px 0 4px;

	width: 4em;

	line-height: 20px;

} 

#footerNav ul li a:hover, #footerNav ul li a:focus{

	color: #CC0000;

}











#contentCell31{

	width: 724px;

	margin:0;

	padding:0px 16px 0px 14px;

	background-image: url(../images/header31_background.gif);

	background-repeat: repeat-y;

	text-align: left;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

}

#columnSingle {

	width: 169px;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 3px;

	background-image: url(../images/columnSingle_background.gif);

	text-align: left;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	vertical-align: top;

	background-repeat: repeat-y;

}

#columnFull {

	width: 715px;

	margin:0px 0px 0px 0px;

	padding:0px 7px 0px 0px;

	background-image: url(../images/columnFull_background.gif);

	text-align: left;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	background-repeat: repeat-y;

	vertical-align: top;

}



#columnTriple {

	width: 535px;

	margin:0px;

	padding:0px;

	background-image: url(../images/columnTriple_background.gif);

	text-align: left;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	background-repeat: repeat-y;

	vertical-align: top;

}



#space {

	width: 7px;

	font-size: 9px;

}

.textCell_left {

	padding:0px 8px 10px 0px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	margin-bottom: 10px;

}



.Title {

	padding:4px 5px 0px 5px;

	display: block;

	font: bold 13px Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	margin: 0px;

}



#table {

	padding:0px;

	color: #333333;

	margin: 5px 0px 0px 0px;

}

#columnTriple h1 {

	font: 28px Arial, Helvetica, sans-serif;

	color: #333333;

	padding: 0px 5px 10px 0px;

	border-bottom: 2px solid #CCCCCC;

	width: 510px;

}

#columnFull h1 {

	font: 28px Arial, Helvetica, sans-serif;

	color: #333333;

	padding: 0px 5px 10px 0px;

	border-bottom: 2px solid #CCCCCC;

	width: 685px;

}

h1 {

	font: 28px Arial, Helvetica, sans-serif;

	color: #333333;

	padding: 0px 5px 10px 0px;

	border-bottom: 2px solid #CCCCCC;

}

h2 {

	font: 20px Arial, Helvetica, sans-serif;

	color: #333333;

	letter-spacing: 0px;

	padding: 5px 5px 0px 0px;

}

h3 {

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	line-height: normal;

	letter-spacing: 0px;

	padding: 5px 5px 0px 0px;

}

h4 {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	line-height: 15px;

	padding: 2px 5px 0px 0px;

}

#textBox {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	color: #3C3C3C;

	padding: 0px;

	line-height: 150%;

	margin: 0px 15px 0px 15px;

}

.text{

	font: 12px Arial, Helvetica, sans-serif;

	padding: 0px 10px 0px 10px;

	text-align: left;

}

.ColumnText{

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	padding: 0px 10px 0px 10px;

	text-align: left;

}


.text_novice{

	font: 10px Arial, Helvetica, sans-serif;

	padding: 0px 10px 0px 10px;

	text-align: left;

}



.textCell_right {

	padding:0px 8px 5px 18px;

	display: block;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

	margin-bottom: 10px;

	line-height: 16px;

}



.Title_right {

	padding:0px 0px 0px 0px;

	display: block;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

	margin: 0px;

}

#flowtRight{

	float: right;

	width: 162px;

	padding: 0px;

	background-color: #FFFFFF;

	margin: 0px 0px 0px 7px;

	background-image: url(../images/box_back.gif);

	text-align: center;

	overflow: hidden;

}



#flowtLeft{

	float: left;

	width: 162px;

	padding: 0px;

	background-color: #FFFFFF;

	background-image: url(../images/box_back.gif);

	background-repeat: repeat-y;

	text-align: center;

	overflow: hidden;

	margin: 0px 5px 0px 7px;

}


#flowtNo{

	width: 162px;
	
	background-color: #FFFFFF;

	background-image: url(../images/box_back.gif);

	background-repeat: repeat-y;

	text-align: center;

	margin-left: 5px;

	padding: 0px;

	overflow: hidden;

}


#small_title {

	width: 171px;

	padding: 3px 0px 3px 0px;

	background-color: #FFFFFF;

	font: bold 12px Arial, Helvetica, sans-serif;

	margin: 0px 0px 0px 0px;

	color: #000000;

	border-bottom: 1px solid #333333;

	border-top: 1px solid #333333;

	text-align: left;

	letter-spacing: 2px;

}

.box_title {

	background-image: url(../images/box_top_title_back.gif);

	height: 27px;

	vertical-align: middle;

	overflow: hidden;

	font: bold 13px Arial, Helvetica, sans-serif;

	padding: 5px 0px 0px 10px;

	width: 162px;

	color: #000000;

	text-align: left;

	background-repeat: no-repeat;

}


.box_title_grey {

	background-image: url(../images/box_top_title_grey_back.gif);

	height: 27px;

	vertical-align: middle;

	overflow: hidden;

	font: bold 13px Arial, Helvetica, sans-serif;

	padding: 5px 0px 0px 10px;

	width: 162px;

	color: #000000;

	text-align: left;

	background-repeat: no-repeat;

}


#sectionLinks{

	margin: 0px;

	padding: 0px;

	background-color: #E7E7E7;

	width: 172px;

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;



}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}

#sectionLinks a:link, #sectionLinks a:visited {

	display: block;

	font-weight: bold;

	padding: 5px 0px 5px 10px;

	color: #2B6988;

	background-color: #FFFFFF;

	border-top: 1px solid #C2CBD8;

}

#sectionLinks a:active, #sectionLinks a:focus {

	background-color: #BDC6D7;

	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;

	border-top: 1px solid #C2CBD8;

}

#sectionLinks a:hover{

	background-color: #C2CBD8;

	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;

	border-top: 1px solid #C2CBD8;

}

.relatedLinks{

	margin: 0px;

	padding: 0px 0px 8px 18px;

	width: 154px;

	background-color: #FFFFFF;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block;

}

#nav10 h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}

#nav10 a:link, #nav10 a:visited {

	display: block;

	font-weight: bold;

	padding: 5px 0px 5px 10px;

	color: #2B6988;

	background-color: #FFFFFF;

	border-top: 1px solid #C2CBD8;

	font-size: 11px;

}

#nav10 a:active, #nav10 a:focus {

	background-color: #BDC6D7;

	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;

	border-top: 1px solid #C2CBD8;

}

#nav10 a:hover{

	background-color: #C2CBD8;

	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;

	border-top: 1px solid #C2CBD8;

}

#nav20{

	margin: 0px;

	padding: 2px 0px 4px 10px;

	width: 162px;

	background-color: #FFFFFF;

}



#nav20 h3{

	padding: 10px 0px 2px 0px;

}



#nav20 a{

	display: block;

	margin: 0px;

	padding: 3px 0px 0px 10px;

	background-color: #FFFFFF;

	border-top: dotted 1px #CCCCCC;

}

.navigation {

	font-size: 9px;

	color: #000000;

}

.navigation a:link, .navigation a:visited{

	font-size: 9px;

	color: #000000;

}



.tableCellBox {

	background-color: #EFEFEF;

	font-size: 10px;

	padding: 10px;

	margin: 10px;

}



.tableCellTitle {

	padding: 5px;

	color: #333333;

	background-color: #CCD5E1;

	margin: 10px;

	font-weight: bold;

}

.textDropDown {

	padding: 0px 3px 0px 3px;

	margin: 0px 15px 0px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}

.tableFont {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding: 1px;

	border-bottom: 1px solid #CCCCCC;

}



.style1 {color: #120}

.style2 {font-size: 14px}

.smallFont {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

}

hr {

	height: 1px;

	color: #CCCCCC;

}

.imgLeft {

	float: left;

	padding-right: 10px;

}

.imgRight {

	float: right;

	padding-bottom: 4px;

}



body {

	padding: 0px;

	margin-bottom: 80px;

	margin: 0px;

}



html > body {

}



img#header {

	border-width: 0px;

	border-right: 5px solid #000;

	

	position: absolute;

	left: 0px;

	top: 0px;

}



div#logo_holder {

	border-width: 0px;

	border-bottom: 5px solid #000;

}



img#logo {

	position: relative;

	left: 324px;

	top: 0px;

}



div#header_bottom {

	border-width: 0px;

	border-top: 5px solid #000;

	

	position: absolute;

	left: 0px;

	top: 126px;

	width: 60%;

}

div#nav_holder {

	border-width: 0px;

	

	position: absolute;

	left: 324px;

	top: 71px;

	padding: 3px;

}



div#rightbar {

	position: absolute;

	right: 0px;

	top: 81px;

	

	border-left: 1px solid black;

	height: 80%;

	width: 40px;

}



div#rightbar div.inner {

	border-left: 5px solid black;

	border-top: 5px solid black;

	border-bottom: 5px solid black;

	margin-left: 3px;

	margin-top: 0px;

	height: 100%;

	background-color: #94b1c5;

}



div#leftbar {

	position: absolute;

	left: 0px;

	top: 136px;

	

	border-right: 1px solid black;

	width: 240px;

}



div#leftbar div.inner {

	border-right: 5px solid black;

	border-top: 5px solid black;

	border-bottom: 5px solid black;

	margin-right: 3px;

	margin-top: 0px;

	background-color: #94b1c5;

	

	padding: .5em;

}



div#main {

	position: relative;

	left: 260px;

	margin-right: 320px;

	top: 80px;

}



td, span, body {

	font-size: 11px;

	font-family: Verdana, Arial, sans-serif;

}



hr {

	color: #555;

}



/* Error Message Style */

div.error {

	font-weight: bold;

	color: #F00;

	padding-bottom: 1em;

}



/** Exponent-internals stylings **/



div.moduletitle {

	display: block;

	font: 28px Arial, Helvetica, sans-serif;;

	color: #333333;

	margin: 5px 0px 10px 0px;

}



a {

	color: #4A6195;

	text-decoration: none;

}



td.header {

	background-color: #aaa;

	color: #fff;

	font-weight: bold;

	font-size: 15px;

	padding: 2px;

}



/* Container Styles */

div.container_box {

	padding: 6px;

	margin: 2px;

}



div.container_editbox {

	border: 2px dashed #CCC;

}



div.container_editheader {

	padding: 3px;

	background-color: #ccc;

}



div.container_editheader table tr td.info {

	font-size: 8pt;

	font-weight: bold;

}





div.itemtitle {

	font-weight: bold;

}



/* Themable Forms */

div.form_title {

	font-size: 14px;

	font-weight: bold;

}



div.form_header {

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	margin-bottom: 1em;

}



tr.even_row {

	background-color: #DDD;

}



tr.row:hover td, tr.row:hover td a {

	background-color: #666;

	color: #fff;

}



tr.odd_row {

	

}



/** Administration Module Manager form **/

.administration_modmgrheader {

	background-color: lightgrey;

}



.administration_modmgrheader span.active {

	color: green;

	font-weight: bold;

}



.administration_modmgrheader span.inactive {

	color: red;

	font-weight: bold;

}



.administration_modmgrbody {

	padding-left: 10px;

	border: 1px solid lightgrey;

}



/** Debugger Styles **/

table.debug_null,table.debug_null tr td, div.debug_null {

	background-color: #000;

	color: #fff;

	font-weight: bold;

}



table.debug_object, table.debug_object tr td {

	background-color: #a00;

	color: #fff;

}



table.debug_array, table.debug_array tr td {

	background-color: #0a0;

	color: #fff;

}



table.debug_scalar, table.debug_scalar tr td, div.debug_scalar {

	background-color: #00a;

	color: #fff;

}



td.debug_attribute {

	font-family: monospace;

	font-size: 10px;

}



td.debug_varname {

	font-weight: bold;

}



td.debug_type {

	background-color: #aaa;

	color: #fff;

	font-weight: bold;

	font-size: 14px;

}



td.debug_value {

	font-family: monospace;

	font-size: 11px;

	color: #fff;

}





/** Custom **/

tr.bb_threadrow td {

	background-color: #ddd;

	border-top: 1px solid black;

	border-bottom: 1px solid black;

	padding-left: 1.25em;

	padding-right: 5px;

}



tr.bb_threadrow td.bb_posttitle {

	font-size: 11px;

	font-weight: bold;

}



td.bb_postbody, td.bb_replybody, td.bb_boarddesc {

	padding: 1em;

	padding-left: 2em;

}



td.bb_postcredit, td.bb_replycredit {

	text-align: right;

	font-style: italic;

	font-size: 9px;

}



td.bb_boardtitle, td.bb_boardlastpost {

	background-color: #ddd;

	border-top: 1px solid black;

	border-bottom: 1px solid black;

	padding-left: 1.25em;

	padding-right: 5px;

}



/* VMN DODACI */



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 0px;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: -400;

left: -10px; /*position where enlarged image should offset horizontally */



}


#flowtNoFull{

	width: 700px;

	background-color: #FFFFFF;

	background-image: url(../images/box_back_full.gif);

	background-repeat: repeat-y;

	text-align: center;

	margin-left: 1px;

	padding: 0px;

	overflow: hidden;
	}
	
.box_title_full {

	background-image: url(../images/box_top_title_back_full.gif);

	height: 27px;

	vertical-align: middle;

	overflow: hidden;

	font: bold 13px Arial, Helvetica, sans-serif;

	padding: 6px 0px 0px 10px;
	
	width: 700px;

	color: #000000;

	text-align: center;

	background-repeat: no-repeat;

}

.ColumnText li{

	padding: 0px 5px 5px 0px;

	margin: 0px 0px 3px -25px;

	border-bottom: 1px solid #CCCCCC;

}

.ColumnTextVMN{

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	text-align: left;
	
}

.lightgrey
{
color: #707070;
}

.lightgrey ul
{
color: #707070;
}

.lightgrey li
{
color: #707070;
}

.lightgrey a
{
color: #707070;
}

.ColumnTextVMN li{

	padding: 0px 5px 5px 0px;

	margin: 0px 0px 3px -25px;

	border-bottom: 1px solid #CCCCCC;

}

.roundedcornr_box_322782 {
   background: #dddddd url(../images/roundedcornr_322782_grad.gif) repeat-x top left;
   color: #404040;
	
}
.roundedcornr_top_322782 div {
   background: url(../images/roundedcornr_322782_tl.gif) no-repeat top left;
}
.roundedcornr_top_322782 {
   background: transparent url(../images/roundedcornr_322782_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_322782 div {
   background: url(../images/roundedcornr_322782_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_322782 {
   background: transparent url(../images/roundedcornr_322782_br.gif) no-repeat bottom right;
}

.roundedcornr_top_322782 div, .roundedcornr_top_322782,
.roundedcornr_bottom_322782 div, .roundedcornr_bottom_322782 {
   width: 100%;
   height: 6px;
   font-size: 1px;
   
}
.roundedcornr_content_322782 { margin: 0 6px; }


.newbox
{
background-image: url(../images/roundedcornr_322782_grad.gif);
background-repeat:  repeat-x;
background-position: top left;
color="#404040";
}

		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 5px;
			border: 5px solid black;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}

.box_roben {
background:url(../images/VMN_box_roben.png) top right no-repeat;
margin:0;
padding:0;
}
 
.box_loben {
background:url(../images/VMN_box_loben.png) top left no-repeat;
margin:0;
padding:0;
}
 
.box_runten {
background:url(../images/VMN_box_runten.png) bottom right no-repeat;
margin:0;
padding:0;
}
 
.box_lunten {
background:url(../images/VMN_box_lunten.png) bottom left no-repeat;
margin:0;
padding:0;
}

.box_unten {
min-width: 150px;
background:url(../images/VMN_box_unten.png) bottom;
background-repeat:repeat-x;
margin:0;
padding:0;
}

.box_oben {
min-width: 150px;
background:url(../images/VMN_box_oben.png) top;
background-repeat:repeat-x;
margin:0;
padding:0;
}

.box_rechts {
background:url(../images/VMN_box_rechts.png) right;
background-repeat:repeat-y;
margin:0;
padding:0;
}
 
.box_links {
background:url(../images/VMN_box_links.png) left;
background-repeat:repeat-y;
margin:0;
padding:0;
}

.box_hinten {
min-width: 150px;
background:url(../images/VMN_box_hinten.png);
background-repeat:repeat-x;
background-color: #ebebeb;
}


.box_inhalt {

color: #606060;
padding:10px 10px 10px 10px;
min-width: 150px;
}

.box_inhalt div, .box_inhalt,
.box_hinten div, .box_hinten,
.box_oben div, .box_oben,
.box_unten div, .box_unten,

{
   width: 100%;
   }
   
   
   #div_likes {
 position:fixed;
 top:30px;
 left:250px;
 }
 
 #wrapper {}

/* Moving Boxes title image wrapper */
#title {
 
}
#title img {
  border: 0;
}

/* panel images */
.mb-inside img {

}


#slider-two .current img {
  /* height of the placeholder until image completely loads - needed for
     webkit browsers, add this only if you don't want the height animation
     on startup.

     326px measures the height of the current image when enlarged 
*/


  
}

/* panel links */
.mb-inside a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}
.mb-inside a:hover {
  border-bottom: 1px solid #999;
}

/* Add/remove panels buttons */
.buttons {
  padding: 5px 10px;
  text-align: center;
}

/* direct link styling */
.dlinks {
  text-align: center;
  font-size: 20px;
}

/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
  width: 900px; /* default, this is overridden by script settings */
  border: 2px solid #ccc;
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;

}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;

  /***(>'-')> Control Panel Font size here <('-'<)***/
 
}

/* active slider border highlight */
.mb-active-slider {
  
}

/*** Slider panel ***/
.mb-slider .mb-panel {
  width: 900px;  /* default, this is overridden by script settings */
  margin: 5px;
  padding: 5px;
  display: block;
  cursor: pointer;
  float: left;
  list-style: none;
}


/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
 cursor: auto;
 }

/*** Inside the panel ***/
.mb-inside {
  padding: 10px;
  border: 0px solid #999;
}

.mb-inside * {
  max-width: 100%;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
  display: block;
  width: 45px;
  height: 58px;
  background: transparent url(../images/arrows.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
}
a.mb-scrollButtons.mb-left {
  background-position: left top;
  left: -45px;
}
a.mb-scrollButtons.mb-right {
  background-position: right top;
  right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
  background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
  background-position: right bottom;
}

/*** Controls added below the panels ***/
.mb-controls {
  margin: 0 auto;
  text-align: center;
  background: #ccc;
  position: relative;
  z-index: 100;
}
.mb-controls a {
  color: #444;
  font: 12px Georgia, Serif;
  display: inline-block;
  text-decoration: none;
  padding: 2px;
  height: 18px;
  margin: 0 5px 0 0;
  text-align: center;
  outline: 0;
}
.mb-controls a.current, .mb-controls a:hover {
  color: #fff;
}
.mb-active-slider .mb-controls {
  display: none;
}

/* This css requires Moving Boxes v2.02+ */

/* Inside slider shadow */
.mb-left-shadow, .mb-right-shadow {
  background: repeat-y scroll 0 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 10px;
}

.mb-left-shadow {
  background-image: url("../images/leftshadow.png");
  left: 0;
}

.mb-right-shadow {
  background-image: url("../images/rightshadow.png");
  right: 0;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
  background: url(../images/arrows.gif) no-repeat;
  margin: 0;
  top: 40%;
/*  the margin-top below may be causing problems, so adjust the % above... */
/*  margin-top: -29px; if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
  zoom: 0;
}

.faq_left div {
float: left;
width: 200px;
}

.faq_right div {
float: left;
}