/* #BC24DC / #4c0e59*/


@charset 'utf-8';
/* CSS Document */

*, a {
	color: #000000;
}

/* BASIC ELEMENTS ------------------------------*/

a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
#ct_loginHelpers li:hover a,
ul.latestnews li:hover a,
.ct_breadcrumbs a:hover,
a.readmore:hover, 
p.readmore a:hover,
.categories-list span.item-title a:hover,
.category td a:hover,
.category th a:hover,
.registration legend,
.search-results .result-title:hover,
.search-results .result-title:hover a,
ul.circleList li, 
ul.circleList li ul li,
#ct_footerContent h1, 
#ct_footerContent h2, 
#ct_footerContent h3, 
#ct_footerContent h4, 
#ct_footerContent h5,
.errorNumber
{
	color: #54399c;
}



/* SITE AREAS ------------------------------*/

#siteWrapper {
	background: #4c0e59;
	background: url(../images/bg_pixel.png), -moz-radial-gradient(center, ellipse cover,  #BC24DC 0%, #4c0e59 100%);
	background: url(../images/bg_pixel.png), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#BC24DC), color-stop(100%,#4c0e59));
	background: url(../images/bg_pixel.png), -webkit-radial-gradient(center, ellipse cover,  #BC24DC 0%, #4c0e59 100%);
	background: url(../images/bg_pixel.png), -o-radial-gradient(center, ellipse cover,  #BC24DC 0%, #4c0e59 100%);
	background: url(../images/bg_pixel.png), -ms-radial-gradient(center, ellipse cover,  #BC24DC 0%, #4c0e59 100%);
	background-image: -ms-radial-gradient(center, ellipse cover, #BC24DC 0%, #4c0e59 100%);
	background: url(../images/bg_pixel.png), radial-gradient(center, ellipse cover,  #BC24DC 0%,#4c0e59 100%);
	
	-pie-background: url(/templates/conext/images/bg_pixel.png) repeat right, linear-gradient(top,  #4c0e59 0%, #971CB1 35%, #4c0e59 70%);
}

header {
	background: #4c0e59;
	background: -moz-linear-gradient(top,  #84189B 0%, #4c0e59 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84189B), color-stop(100%, #4c0e59));
	background: -webkit-linear-gradient(top, #84189B 0%, #4c0e59 100%);
	background: -o-linear-gradient(top, #84189B 0%, #4c0e59 100%);
	background: -ms-linear-gradient(top, #84189B 0%, #4c0e59 100%);
	background: linear-gradient(top, #84189B 0%, #4c0e59 100%);

	-pie-background: linear-gradient(top,  #84189B 0%, #4c0e59 100%);

	border-bottom: 1px solid #721585;
	
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.6);
	box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.6);
}

#main, #navigation ul ul, #ct_sliderContent, .tip {
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #CCCCCC));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	
	-pie-background: linear-gradient(top,  #FFFFFF 0%, #CCCCCC 100%);
}

.tip {
	background: #FFFFFF;
	background: url(../images/bg_tooltip.png) no-repeat, -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: url(../images/bg_tooltip.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #CCCCCC));
	background: url(../images/bg_tooltip.png) no-repeat, -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: url(../images/bg_tooltip.png) no-repeat, -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: url(../images/bg_tooltip.png) no-repeat, -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background: url(../images/bg_tooltip.png) no-repeat, linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	
	-pie-background: url(../images/bg_tooltip.png) no-repeat, linear-gradient(top,  #FFFFFF 0%, #CCCCCC 100%);
	
	-webkit-box-shadow:  0px 4px 4px 0px rgba(0, 0, 0, 0.6);
	box-shadow:  0px 4px 4px 0px rgba(0, 0, 0, 0.6);	
}

@media only screen
and (max-width : 768px) {
	
	#mainMenu {
        -webkit-box-shadow:  0px 7px 7px 0px rgba(0, 0, 0, 0.9);
        box-shadow:  0px 7px 7px 0px rgba(0, 0, 0, 0.9);
        
	}
	
	#navigation ul li {
		background: #4c0e59;
		background: -moz-linear-gradient(top,  #5F116F 0%, #4c0e59 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5F116F), color-stop(100%, #4c0e59));
		background: -webkit-linear-gradient(top, #5F116F 0%, #4c0e59 100%);
		background: -o-linear-gradient(top, #5F116F 0%, #4c0e59 100%);
		background: -ms-linear-gradient(top, #5F116F 0%, #4c0e59 100%);
		background: linear-gradient(top, #5F116F 0%, #4c0e59 100%);
	
		-pie-background: linear-gradient(top,  #5F116F 0%, #4c0e59 100%);
	
		border-bottom: 1px solid #721585;
		
	}
	
	#navigation ul ul li { background: transparent;}
	
	#navigation ul ul{
		background: #FFFFFF;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #CCCCCC));
		background: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		background: linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
		
		-pie-background: linear-gradient(top,  #FFFFFF 0%, #CCCCCC 100%);
	}
}

#main {
	-webkit-box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.7);
	box-shadow:  0px 5px 5px 0px rgba(0,0,0,0.7);
}


/* NAVIGATION ------------------------------*/

#navigation ul li{ 
	border-left: 1px solid #4C0E59;
	border-right: 1px solid #721585;
}
#navigation ul li:first-child { 
	border-left: none;
}
#navigation ul li:last-child { 
	/*border-right: 1px solid transparent;*/
}

#navigation ul li a,
#navigation ul li span {
	color: #ffffff;
	text-shadow: 0px 1px 2px  rgba(0,0,0,0.7);
}

#ct_errorWrapper {color: #ffffff !important;}

#navigation ul ul { 
	box-shadow:#111 0 3px 4px;
}
#navigation ul ul li a,
#navigation ul ul li span {
	color: #000000;
	text-shadow: none;
}

.menu .current,
#navigation ul li:hover > a,
#navigation ul li:hover > span,
#navigation ul li:hover
#navigation ul li.current, 
#navigation ul li.active,
#navigation ul ul li:hover > a,
#navigation ul ul li:hover > span,
#navigation ul ul li.current, 
#navigation ul ul li.active > a,
#navigation ul ul li.active > span {
	background: #402B77;
	background: -moz-linear-gradient(top,  #6A4BBD 0%, #402B77 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A4BBD), color-stop(100%, #402B77));
	background: -webkit-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: -o-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: -ms-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: linear-gradient(top, #6A4BBD 0%, #402B77 100%);	
	
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.8) !important;
}

#navigation ul li:hover,
#navigation ul li.current, 
#navigation ul li.active {
	border-left: 1px solid #402B77;
	border-right: 1px solid #5E40AF;
	border-bottom: 1px solid #5E40AF;
}

#navigation ul li:hover > a,
#navigation ul li:hover > span,
#navigation ul li.current > a,
#navigation ul li.current > span,
#navigation ul li.active > a,
#navigation ul li.active > span {
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.8) !important;
}

#navigation ul ul li:hover,
#navigation ul ul li.current, 
#navigation ul ul li.active {
	border: none;
}


@media only screen
and (min-width : 321px)
and (max-width : 768px) {
  /* Styles */

	#navigation ul li{ 
		border-left: none;
		border-right: none;
	}

	#navigation ul li:hover,
	#navigation ul li.current, 
	#navigation ul li.active {
		border-left: none;
		border-right: none;
	}
  
}



/* TEXT ------------------------------*/
h1, h1 a, h1 span, 
h2, h2 a, h2 span, 
h3, h3 a, h3 span,
h4, h4 a, h4 span,
h5, h5 a, h5 span,
.tip-title {
	color: #4c0e59 !important;
}


.contact-address,
.contact-emailto,
.contact-telephone,
.contact-fax,
.contact-mobile,
.contact-webpage,
.contact-vcard {
	background-image: url(../images/icons_contactdetails_dark.png);
}


/* BUTTONS, LINKS & FORM ELEMENTS ------------------------------*/

input.button,
button, 
.ct_buttonYellow, 
.ct_buttonRed, 
.ct_buttonBlue,
.ct_buttonGreen,
.ct_buttonPink,
.ct_buttonBlack,
.ct_buttonWhite,
.ct_buttonAccent {
	color: #ffffff;
}

input.button, button {
	background: url(../images/bg_btn.png);
	background: #402B77;
	background: url(../images/bg_btn.png), -moz-linear-gradient(top,  #6A4BBD 0%, #402B77 100%);
	background: url(../images/bg_btn.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A4BBD), color-stop(100%, #402B77));
	background: url(../images/bg_btn.png), -webkit-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: url(../images/bg_btn.png), -o-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: url(../images/bg_btn.png), -ms-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: url(../images/bg_btn.png), linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	
	-pie-background: url(/templates/conext/images/bg_btn.png) no-repeat right, linear-gradient(top,  #6A4BBD 0%, #402B77 100%);
}

ul.pagenav li a,
.ct_PaginationStart,
.ct_PaginationPrevious,
.ct_PaginationNext,
.ct_PaginationEnd,
.ct_PaginationPageActive a,
.content_vote input.button,
button.ct_buttonAccent {
	background: #402B77;
	background: -moz-linear-gradient(top,  #6A4BBD 0%, #402B77 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A4BBD), color-stop(100%, #402B77));
	background: -webkit-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: -o-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: -ms-linear-gradient(top, #6A4BBD 0%, #402B77 100%);
	background: linear-gradient(top, #6A4BBD 0%, #402B77 100%);	
}

.ct_buttonYellow 
{
	color: #777 !important;
	background-color: #ffe400;
	background: -moz-linear-gradient(top,  #ffe400 0%, #af9417 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe400), color-stop(100%,#af9417));
	background: -webkit-linear-gradient(top,  #ffe400 0%,#af9417 100%);
	background: -o-linear-gradient(top,  #ffe400 0%,#af9417 100%);
	background:  -ms-linear-gradient(top,  #ffe400 0%,#af9417 100%);
	background:  linear-gradient(top,  #ffe400 0%,#af9417 100%);
	
	-pie-background: linear-gradient(top, #ffe400 0%, #af9417 100%);
} 

.ct_buttonRed 
{
	background-color: #ed0000;
	background: -moz-linear-gradient(top,  #ed0000 0%, #9e1815 100%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed0000), color-stop(100%,#9e1815));
	background:  -webkit-linear-gradient(top,  #ed0000 0%,#9e1815 100%);
	background:  -o-linear-gradient(top,  #ed0000 0%,#9e1815 100%);
	background:  -ms-linear-gradient(top,  #ed0000 0%,#9e1815 100%);
	background:  linear-gradient(top,  #ed0000 0%,#9e1815 100%);
	
	-pie-background: linear-gradient(top, #ed0000 0%, #9e1815 100%);
} 

.ct_buttonBlue 
{
	background-color: #0072ff;
	background: -moz-linear-gradient(top,  #0072ff 0%, #29487a 100%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0072ff), color-stop(100%,#29487a));
	background:  -webkit-linear-gradient(top,  #0072ff 0%,#29487a 100%);
	background:  -o-linear-gradient(top,  #0072ff 0%,#29487a 100%);
	background:  -ms-linear-gradient(top,  #0072ff 0%,#29487a 100%);
	background:  linear-gradient(top,  #0072ff 0%,#29487a 100%);
	
	-pie-background: linear-gradient(top, #0072ff 0%, #29487a 100%);
} 

.ct_buttonGreen 
{
	background-color: #58d000;
	background: -moz-linear-gradient(top,  #58d000 0%, #477d1d 100%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58d000), color-stop(100%,#477d1d));
	background:  -webkit-linear-gradient(top,  #58d000 0%,#477d1d 100%);
	background:  -o-linear-gradient(top,  #58d000 0%,#477d1d 100%);
	background:  -ms-linear-gradient(top,  #58d000 0%,#477d1d 100%);
	background:  linear-gradient(top,  #58d000 0%,#477d1d 100%);
	
	-pie-background: linear-gradient(top, #58d000 0%, #477d1d 100%);
} 

.ct_buttonPink 
{
	background-color: #ff00ea;
	background: -moz-linear-gradient(top,  #ff00ea 0%, #af0577 100%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff00ea), color-stop(100%,#af0577));
	background:  -webkit-linear-gradient(top,  #ff00ea 0%,#af0577 100%);
	background:  -o-linear-gradient(top,  #ff00ea 0%,#af0577 100%);
	background:  -ms-linear-gradient(top,  #ff00ea 0%,#af0577 100%);
	background:  linear-gradient(top,  #ff00ea 0%,#af0577 100%);
	
	-pie-background: linear-gradient(top, #ff00ea 0%, #af0577 100%);
} 

.ct_buttonBlack 
{
	background-color: #000;
	background: -moz-linear-gradient(top,  #474747 0%, #000 100%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#000));
	background:  -webkit-linear-gradient(top,  #474747 0%,#000 100%);
	background:  -o-linear-gradient(top,  #474747 0%,#000 100%);
	background:  -ms-linear-gradient(top,  #474747 0%,#000 100%);
	background:  linear-gradient(top,  #474747 0%,#000 100%);
	
	-pie-background: linear-gradient(top, #474747 0%, #000 100%);
} 

.ct_buttonWhite 
{
	color: #777 !important;
	background-color: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #bababa 100%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#bababa));
	background:  -webkit-linear-gradient(top,  #fff 0%,#bababa 100%);
	background:  -o-linear-gradient(top,  #fff 0%,#bababa 100%);
	background:  -ms-linear-gradient(top,  #fff 0%,#bababa 100%);
	background:  linear-gradient(top,  #fff 0%,#bababa 100%);
	
	-pie-background: linear-gradient(top, #fff 0%, #bababa 100%);
} 

input[type='text'], 
input[type='password'], 
input[type='email'],
input[type='text'] {
	background: #132132132;
}

input[type='text']:hover, 
input[type='password']:hover, 
input[type='email']:hover,
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
select:focus, textarea:focus {
	-moz-box-shadow: 0px 0px 3px 0px #54399c, 0px 0px 3px 0px #54399c, 0px 0px 3px 0px #54399c;
	-webkit-box-shadow: 0px 0px 3px 0px #54399c, 0px 0px 3px 0px #54399c, 0px 0px 3px 0px #54399c;
	box-shadow: 0px 0px 3px 0px #54399c, 0px 0px 3px 0px #54399c, 0px 0px 3px 0px #54399c;
}