@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans|Marvel:400,700,400italic|Exo+2:200,400);
/*body {
	margin: 0;
	background-color: #333;
}*/

/*h1{
	text-align:center;
	font-family: 'Exo 2', sans-serif;
	color:#CCC;
	font-weight:200;
	font-size:45px;
	line-height:100px;
}*/

form {
	margin:0; 
	padding:0;}

.circles{
	width:auto; 
	/*margin:50px auto; */
	height:auto; 
	position:relative; 
	 display:block; overflow: visible;
	 
}

.circles-container{
	/*margin:50px auto;*/
	padding: 0;
	text-align: left;
	position: relative;
	/*display: block;*/
	height:380px;
	/*background:#f25a29;*/
	/*margin-top:50px;*/
	 background: url(http://www.conferento.de/sorterneu/images/menu-list-back.png) bottom left no-repeat;
	overflow: visible;
	background: url(http://www.conferento.de/sorterneu/images/bgoption.png) left bottom repeat-x #ffffff;
	width:99%;
}

.circles-container .tab-radio{
	display: none;
}

.circles-container .tab{
	margin: 0 0 0px 0;
	width: 46px;
	height: 46px;
	line-height:46px;
	position: relative;
	top: -0;
	/*color: #888;*/
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	z-index:20;border:1px solid #d6d6d6;
	 
	/*-webkit-box-shadow:0 -3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 -3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0 -3px 1px rgba(0, 0, 0, 0.3);*/
	
	
	-webkit-border-radius:23px;
	-moz-border-radius:23px;
	border-radius:23px;
	text-align:center;
	 
}

.circles-container.left .tab, .circles-container.right .tab{
	margin: 0 0 10px 0;
	display:block;
}
.circles-container.top .tab, .circles-container.bottom .tab{
	width:46px;
	margin: 0 0 6px 6px;
	display:inline-block;
	float:left;
}


 


.circles-container.top .tab{
	left:20px;  top:30px; 
	margin-right:4px; 
}

.circles-container.bottom .tab{
	top:485px;
}

.circles-container.bottom {
	margin-bottom:100px;
}


.circles-container.left .tab{
	left:-45px;
}

.circles-container.right .tab{
	left:485px;
}




.tab-label .tab span{
	position:absolute;
	text-align:center;
	color:rgba(255,255,255,0);
	 
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:60px;
	height:60px;
	-moz-transition: all ease-out 0.4s;
	-ms-transition: all ease-out 0.4s;
	-o-transition: all ease-out 0.4s;
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
	
	
	
}




.tab-label .tab i{
	position:absolute;
	text-align:center;
	margin:auto;
	font-size:13px;
	line-height:60px;
	left:0;
	right:0; color:#414141;
	-moz-transition: all ease-out 0.4s;
	-ms-transition: all ease-out 0.4s;
	-o-transition: all ease-out 0.4s;
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
	color:rgba(255,255,255,1);
	
	
}

.tab-label .tab:hover span,
.circles-container .tab-radio:checked  .tab span
.circles-container .tab-radio:active  .tab span{
	color:rgba(255,255,255,1);
	color:#414141;
	 -moz-transition: all ease-out 0.4s;
	-ms-transition: all ease-out 0.4s;
	-o-transition: all ease-out 0.4s;
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s; 
	margin-top:30px;
}

.tab-label .tab:hover i,
.circles-container .tab-radio:checked  .tab i
.circles-container .tab-radio:active  .tab i{
	color:rgba(255,255,255,0);
	 -moz-transition: visibility 0s ease-out 0.4s;
	-ms-transition: visibility 0s ease-out 0.4s;
	-o-transition: visibility 0s ease-out 0.4s;
	-webkit-transition: visibility 0s ease-out 0.4s;
	transition: visibility 0s ease-out 0.4s; 
}

.circles-container .tab:hover tab-radio .tab{
	 -webkit-box-shadow:0 0 0 2px rgb(160,160,160) 
}

.circles-container .tab-radio:checked ~ .tab,
.circles-container .tab-radio:active ~ .tab{
	z-index: 100;
	 -webkit-box-shadow:0 -2px 1px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:0 -2px 1px rgba(0, 0, 0, 0.9);
	box-shadow:0 -2px 1px rgba(0, 0, 0, 0.9); 
	
	 -webkit-box-shadow:0 -3px 1px #dedede;
	-moz-box-shadow:0 -3px 1px #dedede;
	box-shadow:0 -3px 1px #dedede; 
	
}

.circles-container .tab-radio:checked ~ .tab:before{
	content: "";
}

.circles-container .tab-radio:checked ~ .tab:before{
 	font-family: 'FontAwesome';
	font-weight:normal;
	content: "";
}

.circles-container .tab-page{
	visibility: hidden; 
	z-index: 10;
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	padding: 0 0px;
	margin:0;
	/*-moz-transition: visibility 0s ease-out 0.4s;
	-ms-transition: visibility 0s ease-out 0.4s;
	-o-transition: visibility 0s ease-out 0.4s;
	-webkit-transition: visibility 0s ease-out 0.4s;
	transition: visibility 0s ease-out 0.4s;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);*/
	height: 380px;
	width:auto;
	 
}

.circles-container .tab-page, .circles-container img{
	/*-webkit-border-radius:999px;
	-moz-border-radius:999px;
	border-radius:999px;
	-webkit-box-shadow:0 -5px 1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0 -5px 1px rgba(0, 0, 0, 0.7);
	box-shadow:0 -5px 1px rgba(0, 0, 0, 0.7);*/
}

.circles-container .tab-page h3, .circles-container .tab-page h4  {
	font-family: 'Exo 2', sans-serif;
	margin:0 0 10px 0;
}

.circles-container .tab-page h3 {
	font-size:40px;
	font-weight:200;
	margin-top:50px;
}

.circles-container .tab-page h4 {
	font-size:21px;
	font-weight:400;
}

.circles-container img{
	/*position:relative;
	width:110px;
	height:110px;
	margin:10px;*/
}

.circles-container .tab-radio:checked ~ .tab-page{
	visibility: visible;
}

.circles-container .tab-page > * {
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	 -moz-transition: opacity 0.4s ease-out 0s;
	-ms-transition: opacity 0.4s ease-out 0s;
	-o-transition: opacity 0.4s ease-out 0s;
	-webkit-transition: opacity 0.4s ease-out 0s;
	transition: opacity 0.4s ease-out 0s; 
}
.circles-container .tab-radio:checked ~ .tab-page > *{
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	 -moz-transition: opacity 0.4s ease-in 0.15s;
	-ms-transition: opacity 0.4s ease-in 0.15s;
	-o-transition: opacity 0.4s ease-in 0.15s;
	-webkit-transition: opacity 0.4s ease-in 0.15s; 
	transition: opacity 0.4s ease-in 0.15s;
}

.circles-container article{
	font-family: 'Alegreya Sans', sans-serif;
	text-align:center;
	padding:20px 150px;
}

.circles-container .tab-radio ~ .tab:after{
	position:absolute;
	display:block;
	z-index:200;
	width: 0px;
	height: 0px;
	 border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: #ffffff transparent transparent transparent; 
}

.circles-container .tab-radio ~ .tab{
	/*background-color:rgb(160,160,160);*/
	background:#f2f2f2;
}

.circles-container .tab-radio:checked ~ .tab{
	color:rgb(0,0,0);
	background:#fff; border:1px solid #d6d6d6;
}

.circles-container article p {
	line-height:140%;
}

/*Color Variations*/

 


.circles-container.grey label, .circles-container .tab-radio:checked ~ .tab,
.circles-container.grey .tab-radio:active ~  {
	/*background:rgb(189,195,199);*/
	color:#414141;
	background:#f2f2f2;
}


circles-container.grey article {
	/*background:rgb(189,195,199);*/
	color:#414141;
	background:#fff;
}

.circles-container.grey .tab:hover {
	background:rgb(189,195,199);
	color:#FFF;
}
.circles-container.grey article p {
	color:#333;
	
}

.circles-container.blue label, .circles-container.blue .tab-radio:checked ~ .tab,
.circles-container.blue .tab-radio:active ~ .tab, .circles-container.blue article {
	background:rgb(52,152,219);
	color:#FFF;
}
.circles-container.blue .tab:hover {
	background:rgb(52,152,219);
	color:#414141;
}
.circles-container.blue article p {
	color:#FFF;
}

.circles-container.orange label, .circles-container.orange .tab-radio:checked ~ .tab,
.circles-container.orange .tab-radio:active ~ .tab, .circles-container.orange article {
	background:rgb(243,156,18);
	color:#FFF;
}
.circles-container.orange .tab:hover {
	background:rgb(243,156,18);
	color:#FFF;
}
.circles-container.orange article p {
	color:#FFF;
}

.circles-container.green label, .circles-container.green .tab-radio:checked ~ .tab,
.circles-container.green .tab-radio:active ~ .tab, .circles-container.green article {
	background:rgb(26,188,156);
	color:#FFF;
}
.circles-container.green .tab:hover {
	background:rgb(26,188,156);
	color:#FFF;
}
.circles-container.green article p {
	color:#FFF;
}

.circles-container.dark label, .circles-container.dark .tab-radio:checked ~ .tab,
.circles-container.dark .tab-radio:active ~ .tab, .circles-container.dark article {
	background:rgb(5,5,5);
	color:#FFF;
}
.circles-container.dark .tab:hover {
	background:rgb(5,5,5);
	color:#FFF;
}
.circles-container.dark article p {
	color:#FFF;
}

.circles-container.pink label, .circles-container.pink .tab-radio:checked ~ .tab,
.circles-container.pink .tab-radio:active ~ .tab, .circles-container.pink article {
	background:rgb(255,131,139);
	color:#FFF;
}
.circles-container.pink .tab:hover {
	background:rgb(255,131,139);
	color:#FFF;
}
.circles-container.pink article p {
	color:#FFF;
}


.headline {position:absolute; margin-left:360px; margin-top:40px; font-size:30px; 
font-family: 'Economica', sans-serif; font-weight:400; text-transform: uppercase; color:#222;


font: bold 28px/28px "Economica", Helvetica, "Trebuchet MS", sans-serif;


}


.searchi {position:absolute; width:275px; height:40px;  
margin-left:30px;margin-top:100px;}



	 .arr {background: url(http://www.conferento.de/sorterneu/images/arrows.png)
    	  center top no-repeat;color:#fff; height:10px; width:275px; position:absolute; margin-top:-9px;}

.quicksearchi{/*background: transparent url(../images/menu-search.png) 0 0 no-repeat;*/ height:20px; 
font-family: 'Economica', sans-serif; font-weight:400; font-size:19px; color:#909090;   line-height:24px; /*padding-left:22px;*/
 width:240px;   font-family: 'Open Sans', sans-serif;
 font: bold 22px/22px "Economica", Helvetica, "Trebuchet MS", sans-serif;
 text-transform: uppercase;
 }


.divider11 {
 
 
  background: url(http://www.conferento.de/images/dashed-line.png) left bottom repeat-x;
  width:100%;
  height:3px;
  clear:both;
  margin-top:13px;
  margin-bottom:8px;
  clear:left;
 
}

.imgtop{margin-top:15px;}
.imgtop1 {margin-top:11px;}
.imgtop2 {margin-top:17px;}
.imgtop3 {margin-top:12px;}

.clai {position:absolute; background: rgba(255,255,255,0.7); margin-top:290px; 
font-family: 'Open Sans', sans-serif; color:#555; font-size:12px;
margin-left:540px; height:40px; padding:10px; font-weight:700; text-align:left; background:#6E98E3; color:#FFF;}

.hinweis {width: 100px;
	height: 80px;
    	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	z-index:20;border:0px solid #d6d6d6;
	 
	/*-webkit-box-shadow:0 -3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 -3px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0 -3px 1px rgba(0, 0, 0, 0.3);*/
	
	
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	text-align:center;
    	  
    	  
    	  background:#ff6633;
    	  
    	  
    	  color:#fff;
    	  padding-top:20px;
    	  
    	  
    	  
    	  position:absolute; 
    	  margin-left:825px; margin-top:245px;}


 

.hinweis a:link {text-decoration: none; color:#fff;}
.hinweis a:hover {text-decoration: none; color:#222;}
.hinweis a:visited {text-decoration: none; color:#fff;}


.dividerh {border-bottom:1px dotted #fff; height:3px; width:80px; margin-left:10px;}


.hinweis1 {width: 120px;
	height: 90px;
    	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	z-index:20;border:0px solid #d6d6d6;
	 
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-align:left;
     	  background:#6E98E3;
     	  color:#fff;
    	  padding:10px;
    	  position:absolute; 
    	  margin-left:785px; margin-top:105px;}

.hinweis1 a:link {text-decoration: none; color:#fff;}
.hinweis1 a:hover {text-decoration: none; color:#222;}
.hinweis1 a:visited {text-decoration: none; color:#fff;}


.ab1 {margin-left:695px; margin-top:255px;

-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
width:200px; height:60px;
}

.ab12 {margin-left:345px; margin-top:205px;

-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
width:200px; height:110px;
}



.ab11 {margin-left:815px; margin-top:115px;}
.dividerhhun {border-bottom:1px dotted #fff; height:3px; width:100%;}