/*
	Theme Name: PEGOS
	Theme URI: http://www.trendis.si/wp-themes/pegos
	Description: Business Theme / Web Studio / Agency / Personal Portfolio
	Author: PEGO
	Author URI: http://www.themeforest.com
	Version: 1.0	
	License: GNU General Public License
	License URI: licensing/README_License.txt
*/
/* -------------------- tag styles --------------------*/
body,td,div {font-family: verdana; font-size: 12px;}
html,body{margin:0;padding:0;height:100%;border:none; }
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 {	
	font-weight: normal;
	display: inline-block;	
}


h2 {
	font-size: 32px;
	font-weight: normal;
	display: inline-block;
}
h3 {
	font-size: 28px;
	font-weight: normal;
	display: inline-block;
}
h4 {
	font-size: 24px;
	font-weight: normal;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #3c3c3c;
	margin: 0; padding: 0;
}
h4 a {
	font-size: 24px;
	font-weight: normal;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #3c3c3c;
	margin: 0; padding: 0;
	text-decoration: none;
}
h4 a:hover {
	font-size: 24px;
	font-weight: normal;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #e51e26;
	margin: 0; padding: 0;
	text-decoration: none;
}




h5 {
	font-weight: normal;
	display: inline-block;
}
h6 {font-size: 10px;}

p {
	line-height: 1.7;
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
	margin: 0;
}


/* pri vsakem panelu daj posebej za fade hover effekt na a href */

a, a > * {
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}


/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } /* Hide from IE Mac \*/ 
.clearfix { display: block; } /* End hide from IE Mac */ 
.none { display: none; } /* End Clearfix */



/*  BASIC WP STYLES  */

.entry-content img { margin: 0 0 20px 0; }
.alignleft, img.alignleft { float: left; margin: 10px 20px 10px 0; }
.alignright, img.alignright { display: block; float: right; margin: 10px 0 10px 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin: 10px auto 10px auto; }
.wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 5px; font-family: Georgia, "Times New Roman", Times, serif; color: #1b1b1b; 	line-height: 1.9; font-size: 12px; }
.wp-smiley { max-height: 12px; margin: 0 !important; }
.gallery img, .gallery dl { margin: 0; }
.gallery-caption { margin: -20px 0 0 0; }
.sticky { }



/* -------------------------------------------------------------------------------------------*/

.to-center { /* main class to centering */
	width: 960px; 
	margin: 0 auto;
}

.line-separator-solid { border-bottom: 1px solid #d7d7d9; margin-top: 10px; margin-bottom: 5px; }

a.readmore  {
    font-size: 11px;
    color: #272727;
    text-decoration: none;
    font-style: italic;
}
a:hover.readmore  {
    font-size: 11px;
    color: #e51e26;
    text-decoration: none;
    font-style: italic;
}

/* -------------------- HEAD start --------------------*/
#panel1 {
	background: #b2b2b2 url(http://berlin.opendataday.de/wp-content/themes/pegos/images/bg-panel1.png) repeat-x;
	height: 120px;
	border-bottom: 1px solid #ececec;
}

#top-line {
	position: relative;
	height: 5px;
	background: #3c3c3c repeat; 
}

#logo {
	margin-top: 20px;
}

/************** START MENU *****************************/

#main-menu {
	position: absolute;
}
#main-menu ul {
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	font-size: 55px;
	color: #3c3c3c;
	margin: 0;
	padding: 0;
	list-style-type:none;
}


#main-menu ul li{
	position: relative;
	display:block;
	float:left;
	background: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/nav-divider.png") no-repeat center right;
	padding-right:1px;
}



/*
#main-menu ul li a:hover,
#main-menu ul li.current-menu-item,*/
#main-menu ul li.current-menu-item a {
	text-decoration: none;	
	margin: 0;
	vertical-align: middle;
}
#main-menu ul li:hover { 
	visibility: inherit; 
	/*list-style-image: url('http://berlin.opendataday.de/wp-content/themes/pegos/images/menu-bullet.png');*/
}

#main-menu ul li li a:hover,
#main-menu ul li li.current-menu-item,
#main-menu ul li li.current-menu-item a {
	
}
#main-menu ul li a {
	color: #3c3c3c;
	text-decoration: none;	
	margin: 0;
	vertical-align: middle;	
	padding:6px 20px 7px 20px;
}
#main-menu ul ul {
    position: absolute;
    top: -9999em;
    width: 150px;
    left: -50px;
}

#main-menu ul ul li { width: 100%; }

#main-menu ul li:hover ul,
#main-menu ul li.sfHover ul {
    left: -1px;
    top: 36px;
    z-index: 99999;
}

#main-menu ul li:hover li ul,
#main-menu ul li.sfHover li ul,
#main-menu ul li li:hover li ul,
#main-menu ul li li.sfHover li ul,
#main-menu ul li li li:hover li ul,
#main-menu ul li li li.sfHover li ul { top: -9999em; }

#main-menu ul li li:hover ul,
#main-menu ul li li.sfHover ul,
#main-menu ul li li li:hover ul,
#main-menu ul li li li.sfHover ul,
#main-menu ul li li li li:hover ul,
#main-menu ul li li li li.sfHover ul {
    left: -67px;
    top: -11px;
}



#main-menu ul a.active,
#main-menu ul li.current-cat a,
#main-menu ul li.current_page_item a,
#main-menu ul li.current-menu-item a {
	text-decoration: none;
}

#main-menu ul a.active,
#main-menu ul a:hover { }

/* 2nd level skin */



#main-menu ul ul {
    padding: 0;
    background: #393939;
    border-bottom: none;
    border-top: none;
    border-radius: 3px; 
    border: 1px solid #393939; 
    box-shadow: 0 0 2px #393939;
}


#main-menu ul ul li a {
	color:#989898;
	padding:6px 10px 7px 10px;
}
#main-menu ul ul li a:hover {
	color: #fff;
}

#main-menu ul ul li:first-child a,
#main-menu ul ul ul li:first-child a { border-radius: 3px 3px 0 0;}

#main-menu ul ul li:last-child a,
#main-menu ul ul ul li:last-child a { border-radius: 0 0 3px 3px;}


#main-menu ul ul li {
    border-right: 0;
    margin: 0;
    padding: 5px 0 7px 0;
    border-bottom: 1px solid #2c2c2c;
    float: none;
    text-align: center;
    background: none;
    width: auto;
	list-style-image:none !important;
}


#main-menu ul ul li:first-child{ list-style-image: none;}
#main-menu ul ul li:last-child { border: none; list-style-image:none;}

.ie7 #main-menu ul ul li {
	float: left;
	width: 100%;list-style-type:none;
}

.ie7 #main-menu ul ul li a {
	float: left;
	width: 130px;
}

#main-menu ul li.current-menu-item li a,
#main-menu ul li li.current-menu-item a,
#main-menu ul ul li a {

}








/************** END MENU *****************************/

#header-widget {
	position: relative;
	float: right;
	top: 40px;
}
.social-links { margin: 0; }

.social-links li {
	display: inline-block;
	list-style: none;
	margin: 0 0 10px 15px;
	text-indent: -9999px;
}

.ie7 .social-links li {
	display: inline;
	font-size: 0;
	text-indent: 0;
}
			
.social-links li:nth-child(6n+1) { margin-left: 0; }
.social-links li:nth-child(6n) { margin-right: 15px; }
.social-links li:last-child { margin-right: 0; }
.social-links a {
	background-repeat: no-repeat;
	background-position: 0 -16px;
	display: block;
	height: 16px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	width: 16px;
}

.social-links li.facebook a { 
	background-image: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-facebook.png"); 
}
.social-links li.linkedin a { 
	background-image: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-linkedin.png");	
}
.social-links li.googleplus a { 
	background-image: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-googleplus.png");	
}
.social-links li.skype a { 
	background-image: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-skype.png"); 
}
.social-links li.twitter a {
	background-image: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-twitter.png");
	background-position: 0 -15px;
	height: 15px;
	width: 21px;
}
.social-links li a:hover { background-position: 0 0; }

/* --------------------- HEAD end ---------------------*/

/* --------------------- START PANEL 2 ---------------------*/
#panel2 {
	position: relative;
	height: 430px;
	background: #161616;
}
/* --------------------- END PANEL 2 ---------------------*/


/* --------------------- START PANEL 3 ---------------------*/
#panel3 {
	background: #272727;
	padding: 20px 0px 30px 0;
}
#panel3 h1 { 
	color: #fff;
	font-size: 48px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}
#panel3 h1 span { color: #c9c9c9; }
#panel3 p { 
	color: #fff; 
	margin-top: 30px;
}

#panel3 .content-testNoSlide  p { 

	margin-top: 0px;
}


#panel3 .btn-dark { margin-top: -38px; }
#panel3 a.btn-dark {
	text-decoration: none;
	color: #5d5d5d;
	background-color: #1d1d1d;
	font-size: 22px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	padding: 7px 20px 10px;
	width: 150px;
	height: 40px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#panel3 a:hover { color: #fff; }

#panel3 ::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
#panel3 ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}

/* panel 3 css styling for titles */
#panel3 .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
#panel3 .heading-after {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h1-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top:29px;
}

#panel3 .heading-wrapper-center {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
}
#panel3 .heading-before {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h1-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top:29px;
}

/*content test start heading*/
.content-test, .content-testNoSlide {
	color: #fff;
	width: 960px;
	line-height: 1.9;
	padding: 0;
}

#panel3 .content-test  h2, #panel3 .content-testNoSlide  h2   {  	
		 font-family: 'Yanone Kaffeesatz', arial, serif;
       font-size: 30px; 
       text-shadow: 0.5px 0.5px 0.5px #3c3c3c;
       display: inline-block;
}

#panel3 .content-test .heading-wrapper, #panel3 .content-testNoSlide .heading-wrapper {
       width: 100%;
       overflow:hidden;
       position:relative;
}
#panel3 .content-test  .heading-after, #panel3 .content-testNoSlide  .heading-after {
       display:block;
       background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
       height:12px;
       position:absolute;
       right:0px;
       top:15px; 
}
/*content test end heading*/

/* toogle animate effect */
.heading-test {
	margin: 1px;
	color: #fff;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
}


/* --------------------- END PANEL 3 ---------------------*/

.col210 { width: 210px; }
.mrb-30 { margin-bottom: 30px; }
.mrb-10 { margin-bottom: 10px; }
.mrt-30 { margin-top: 30px; }
.mrl-30 { margin-left: 30px; }

/* --------------------- START Circle panel ---------------------*/


.line-separator { border-bottom: 1px dashed #aeadad; margin-bottom: 0px; margin-top: 5px; }
.circle-services {
	text-align: center;
	margin-left: -40px;
}

#circles-wrapper {
		background-color: #fff;
		padding: 30px 0px 30px 0;
}
.circle-services a.circle-href {
	background: #e51e26;
	width: 90px;
	height: 90px;
	display: block;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	-khtml-border-radius: 45px;
	font-size: 20px;
	color: #fff;
	line-height: 115px;
	text-align: center;	
	margin: 0 auto;
}
.circle-services a:hover.circle-href {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}
.circle-services .col210 { margin-left: 40px; }

.circle-services .col210 h4 {
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #3c3c3c;
	font-weight: normal;
	margin: 10px 0;
}

.circle-services .col210 h4 a {
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #3c3c3c;
	font-weight: normal;
}
.circle-services .col210 h4 a:hover {
	color: #e51e26;
}

.circle-services .col210 p {
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
}


#circles-wrapper ::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
#circles-wrapper ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}





/* panel 4 css styling for titles */
#circles-wrapper .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
/* start this three classes are only for center text with stripes because have smaller image stripe than others... */
#circles-wrapper .heading-afterCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
#circles-wrapper .heading-wrapper-center {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-top: 35px;
}
#circles-wrapper .heading-beforeCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}

#circles-wrapper  h5 { 
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	line-height: 1.5;
}
#circles-wrapper  h5 a { 
	color: #fff; 
	padding: 10px 10px 5px 10px;
	background-color: #e51e26;		
}
#circles-wrapper  h5 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}


/* --------------------- END CIRCLE PANEL ---------------------*/  


#panel4 { 
	padding: 20px 0px 30px 0;            
}

#panel4 .line-separator { border-bottom: 1px dashed #aeadad; margin-bottom: 25px; }



#panel4 ::selection {
	background: #e51e26; /* Safari */
    color:#e51e26;
}
#panel4 ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#e51e26;
}

#panel4 h5 { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.5;
}
#panel4 h5 a { 
	color: #fff; 
	padding: 10px 10px 5px 10px;
	background-color: #e51e26;	
}
#panel4 h5 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

/* panel 4 css styling for titles */
#panel4 .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
/* start this three classes are only for center text with stripes because have smaller image stripe than others... */
#panel4 .heading-afterCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
#panel4 .heading-wrapper-center {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-top: 35px;
}
#panel4 .heading-beforeCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}
/* end this three classes are only for center text with stripes because have smaller image stripe than others... */

.col300 { width: 300px; margin-right: 30px; }
.col300.last { width: 300px; margin-right: 0px; }

#panel4 h3 { 
	color: #3c3c3c;
	font-size: 28px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.5;
}
#panel4 .heading-after {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
#panel4 .heading-before{
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}

#panel4 ul { 
	margin: 0; 
	padding: 0; 
	list-style-position: inside; 
	list-style-image: url(http://berlin.opendataday.de/wp-content/themes/pegos/images/li-arrow.png);
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
}

#panel4 ul li { 
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
	line-height: 1.9;
}

#panel4 ul li a { 
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #e51e26;
	line-height: 1.9;
}

#panel4 ul li a:hover {
	color: #e51e26;
}

#panel4 h2 { 
	color: #3c3c3c;
	font-size: 32px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 20px;
	line-height: 1.1;
}





/* --------------------- END PANEL 4 ---------------------*/



/* --------------------- START PANEL PORTFOLIO ITEMS HOME  ---------------------*/  
.portfolio-items-home { 
	
	padding: 30px 0px 30px 0;           
}




.portfolio-items-home::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
.portfolio-items-home ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}

.portfolio-items-home h5 { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	line-height: 1.5;
}
.portfolio-items-home h5 a { 
	color: #fff; 
	padding: 10px 10px 5px 10px;
	background-color: #e51e26;	
}
.portfolio-items-home h5 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

.portfolio-items-home .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
/* start this three classes are only for center text with stripes because have smaller image stripe than others... */
.portfolio-items-home .heading-afterCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
.portfolio-items-home .heading-wrapper-center {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-top: 35px;
}
.portfolio-items-home .heading-beforeCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}
/* end this three classes are only for center text with stripes because have smaller image stripe than others... */

.col300 { width: 300px; margin-right: 30px; }
.col300.last { width: 300px; margin-right: 0px; }

.portfolio-items-home h3 { 
	color: #3c3c3c;
	font-size: 28px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.5;
}
.portfolio-items-home .heading-after {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
.portfolio-items-home .heading-before{
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}


.portfolio-items-home h2 { 
	color: #3c3c3c;
	font-size: 32px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.5;
}



ul#portfolio-list-home {   
	float: left;   
	list-style: none;   
	padding:0;
	width: 990px;
	margin: 0px 0 10px -30px;
} 
 
ul#portfolio-list-home li {   
	float: left;   
	list-style: none;   
	margin-bottom: 30px;
	width: 300px;
	padding: 0;
	margin-left: 30px;
	position: relative;
} 


ul#portfolio-list-home li a { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}



.preview-image {
	float: left;
	/*margin: 19px 0 0 19px;*/
	width: 300px;
	height: 205px;
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background: #272727;
	z-index: 1;
}

.preview-image img.slide-up {
	position: absolute;
	top: 0;
	left: 0;
}

ul#portfolio-list-home li span.portfolio-title-home { 
	position: relative; 
	top: 157px; 
	left: 11px; 
	z-index: -1; 
	display: block;
}
ul#portfolio-list-home li span.portfolio-cat-home { 
	position: relative; 
	top: 153px; 
	left: 11px; 
	z-index: -1;
	
	color: #737373;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
}

ul#portfolio-list-home2 li span.portfolio-cat-img { 
	position: absolute; 
	z-index: -1; 
	top: 165px; 
	right: 20px;
}




/* --------------------- END PANEL PORTFOLIO ITEMS HOME  ---------------------*/  




/* -------------------- MAIN start --------------------*/
#content {}
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%;/* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	overflow: hidden;
}
/* --------------------- MAIN end ---------------------*/


#footer {
	position:relative;
	bottom:0; 
	width:100%;
	clear:left;
	height: 183px;
	background: #b2b2b2;
	margin-top: 50px;
}
#foot {width: 960px; height: 183px; margin: 0 auto; background: #b2b2b2;}












#panel2 #hero-holder {
	position:absolute;
	top: 9px;
	width: 100%;
	display: block;
	z-index: 100;
	height: 353px;
	background: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/heroholder.png") no-repeat top center;
}

.textholder {
	z-index: 10;
}

.textholder p, .textholder strong {
	position: absolute;
	top: 19px;
	left: 0px;
	color: #fff;
	z-index: 100;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}

.textholder a {
	position: absolute;
	right: 0px;
	top: 20px;
	color:#fff;
}

.thumbs {
	text-align: center;
	width: 150px;
	margin: 26px auto 0;
	z-index: 14;
	position: relative;
	
}

#carousel-holder {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 12;
	display: block;
	height: 384px;
	padding: 28px 0 0 0;


}


#carousel {
	width: 960px;
	margin: 0 auto 0;
}

#carousel ul {
    list-style: none;
    width:20000px;
    margin: 0;
    padding: 0;
    position: relative;
	z-index: 12;
}

#carousel li {
    display: inline;
    float: left;
} 

#carousel li span p {
	display: none;
}

.thumb {
	display: block;
	width: 14px;
	height: 14px;
	float: left;
	margin: 2px;
	background: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/navigator-carousel.png") no-repeat;
	display: inline;
	cursor: pointer;
	text-indent: -9999px;
	}

/* items inside navigator */
a.thumb {
	width:14px;
	height:14px;
	float:left;
	cursor: pointer;
	margin:3px;
	background: url("http://berlin.opendataday.de/wp-content/themes/pegos/images/navigator-carousel.png") no-repeat;
	display:block;
	text-indent: -9999px;
}

/* mouseover state */
a.thumb:hover {
	background-position:0 -14px;      
}

/* active state (current page state) */
a.thumb.active {
	background-position:0 -28px;      
}



/************** START SHORTCODES *****************************/

.one-half{ 
	width: 48.5%;
}

.one-third {
	width:31.3%;	
}

.one-fourth {
	width:22.8%;	
}

.one-fifth {
	width:17.65%;
}
.one-sixth {
	width:14.2%;
}
.two-third {  
	width:65%;
}

.two-third1 {  
	width:32.0%;
}
.two-third-last {  
	width:32.0%;
}
.two-third-last1 {  
	width:65%;
}
.three-fourth {  
	width:73.0%;
}
.three-fourth-last {  
	width:24.1%;
}
.one-third-search {
	margin-right: 20px;
	width: 208px;
}
.two-third-search {  
	width: 380px;
}
.one-half,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.two-third,
.two-third1,
.three-fourth,
.two-third-last,
.two-third-last1,
.three-fourth-last {
	float: left;
	margin-right: 2.9%;
	margin-bottom: 30px;
}

.last-column {
	margin-right: 0px;
}

.hl{
	background-color: #3b3b3b;
	color:#FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,1);
}

.dottedUnderline{
	border-bottom: 1px dotted #3b3b3b; 	
}

.single-quote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	font-size: 18px;
	display: block; 
	font-style: italic; 
	padding-top: 7px; 
	margin-top: -20px;
	margin-left: 10px;
	line-height: 1.5;
}


.list { 
	margin: 0; 
	padding: 0; 
	list-style-position: inside; 
	list-style-image: url(http://berlin.opendataday.de/wp-content/themes/pegos/images/li-arrow.png);
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
}

.list li { 
	font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
	line-height: 1.9;
}

.list li a { 
	font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
	line-height: 1.9;
}

.list li a:hover {
	color: #e51e26;
}

/* progress bar */
.pbar .ui-progressbar-value {display:block !important;}
.pbar {overflow: hidden;}

.mrb-20 { margin-bottom: 7px; }

.percent {
	position:absolute; 
	color: #949393;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 20px;
}
.percent span {
	color: #fff;
	margin-right: 10px;
	font-size: 16px;
}
.elapsed {position:relative;text-align: right;}

/************** START BUTTONS *****************************/	
.a_button, .a_button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.a_button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.a_button.full, .a_button.full span {
	display: block;
}
.a_button:hover, .a_button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.a_button:active, .a_button.active {
	top:1px;
}
.a_button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;

}

.a_button.small span { font-size:12px; }
.a_button.medium span { font-size:14px; }
.a_button.large span { font-size:18px; }

.a_button.black { background-color: #333333; }
.a_button.green { background-color: #B9D972; }
.a_button.yellow{ background-color: #FECD61; }
.a_button.purple { background-color: #DFAFDA; }
.a_button.blue { background-color: #92DBF6; }

/************** END BUTTONS *****************************/

/************** END SHORTCODES *****************************/

/* --------------------- START PANEL BLOG_home ---------------------*/
.home-blog { 
	padding: 30px 0px 30px 0;           
}
.home-blog ::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
.home-blog ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}

.home-blog h5 { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 5px;
	line-height: 1.5;
}
.home-blog h5 a { 
	color: #fff; 
	padding: 10px 10px 5px 10px;
	background-color: #e51e26;	
}
.home-blog h5 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

/* panel 4 css styling for titles */
.home-blog .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
/* start this three classes are only for center text with stripes because have smaller image stripe than others... */
.home-blog .heading-afterCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
.home-blog .heading-wrapper-center {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-top: 35px;
}
.home-blog .heading-beforeCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}
/* end this three classes are only for center text with stripes because have smaller image stripe than others... */


.home-blog h3 { 
	color: #3c3c3c;
	font-size: 28px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.1;
}
.home-blog .heading-after {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
.home-blog .heading-before{
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}
.home-blog h2 { 
	color: #3c3c3c;
	font-size: 32px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.1;
}
.big-post-home {
	width: 630px;
	height: 250px;
	background: #272727;
	margin-right: 30px;
	margin-bottom: 4px;
}
.big-post-home .big-post-img {
	width: 300px;
	height: 250px;
	background: #272727;
	margin-right: 30px;
}
.big-post-home h4 {
	width: 280px;
	color: #fff;
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-top: 15px;
}
.big-post-home h4 a {
	width: 280px;
	color: #fff;
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-top: 15px;
}
.big-post-home h4 a:hover {
	color: #e51e26;
}

.big-post-home p.date {
	width: 280px;
	color: #949393;
	font-size: 15px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin: 0;
}
.big-post-home p {
	width: 280px;
	color: #fff;
	font-size: 17px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	line-height: 1.4;
	margin-top: 22px;
}

.big-post-home .btn-dark { margin-top: 0px; }
.big-post-home .btn-dark a {
	text-decoration: none;
	color: #5d5d5d;
	background-color: #1d1d1d;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	
	padding: 7px 20px 10px;
	width: 150px;
	height: 40px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.big-post-home .btn-dark a:hover { color: #fff; }





.small-posts-home {
	width: 300px;
	height: 250px;
}
.small-posts-home .small-post {
	height: 76px;
	background: #272727;
	margin-bottom: 11px;
	width: 300px;
	margin-left: 0;
}
.small-posts-home .small-post img {
	margin-right: 15px;
	width: 90px;
	height: 76px;
}
.small-posts-home .small-post h4 {
	color: #fff;
	font-size: 20px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	padding-top: 7px;
	margin-right: 15px;
}
.small-posts-home .small-post h4 a {
	color: #fff;
	font-size: 20px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	padding-top: 7px;
	margin-right: 15px;
}
.small-posts-home .small-post h4 a:hover {
	color: #e51e26;
}
.small-posts-home .small-post p.date {
	width: 280px;
	color: #949393;
	font-size: 15px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin: 0;
}
.small-posts-home .small-post .btn-dark { margin-top: -10px; margin-right: 10px; }
.small-posts-home .small-post .btn-dark a {
	text-decoration: none;
	color: #5d5d5d;
	background-color: #1d1d1d;
	font-size: 15px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	
	padding: 5px 10px 7px;
	width: 150px;
	height: 40px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.small-posts-home .small-post .btn-dark a:hover { color: #fff; }

/* --------------------- END PANEL BLOG_home  ---------------------*/

/* --------------------- START PANEL 5 ---------------------*/
#panel5 { 
	background: #f6f5f5 url(http://berlin.opendataday.de/wp-content/themes/pegos/images/bg-panel5.png) repeat;
	padding: 30px 0;
}

#panel5 ::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
#panel5 ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}

.mrl-40 { margin-left: -40px; }
#panel5 .col210 { margin-left: 40px; }
#panel5 h4 {
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #3c3c3c;
	font-weight: normal;
	
}
.under-line {
	border-bottom: 1px dashed #878787;
	margin-top: 3px;
	margin-bottom: 25px;
}

#panel5 ul { 
	list-style-type: circle; 
	list-style-position: inside; 
	padding: 0;
	margin-left: 4px;
}

/* recent comments */
#panel5 ul.comments, #panel5 ul#recentcomments  { 
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#panel5 ul.comments li, #panel5 ul#recentcomments li.recentcomments{ 
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
	line-height: 1.9;
	
	background-image: url(http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-comment-widget.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 18px; 
	margin-bottom: 4px;
	list-style-type: none;
}


/* latest tweets */
#panel5 ul#twitter_update_list { 
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#panel5 ul#twitter_update_list li, ul#twitter_update_list li { 
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
	line-height: 1.9;
	
	background-image: url(http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-twitter-widget.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 22px; 
	
	margin-bottom: 9px;
}
#panel5 ul.twitter li span {
	display: block;
	color: #6c6b6b;
	font-size: 11px;
	font-style: italic;
}

#panel5 p { 
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;	
	color: #3c3c3c;
	line-height: 1.9;
}
#panel5 a { 
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;	
	color: #e51e26;
	line-height: 1.9;
	outline: none;
}
#panel5 a:hover { 
	color: #6c6b6b;
}

/* --------------------- END PANEL 5 ---------------------*/


/* --------------------- START PANEL 6 ---------------------*/
#panel6 {
	background-color: #272727;
	
	color: #fff;
	font-size: 12px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	padding-top: 14px;
}
#panel6 p {	
	color: #fff;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
	
}
#panel6 p a {	
	color: #878787;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
}
#panel6 p a:hover {	
	color: #e51e26;
}

#panel6 ::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
#panel6 ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}
#panel6 #toTop {
	position: relative; 
	right: 0;
	cursor: pointer;
}
#panel6 #toTop img {
	margin-top: -4px; margin-left: 5px;
}
/* --------------------- END PANEL 6 ---------------------*/


/* *************************************************************** */


.col630 {
	width: 630px;
	margin-right: 50px;
}


/************** START CONTACT FORM *****************************/
#contact-form {
	width:620px;
	position:relative;
	margin: 0px 30px 30px 0;
}


.contact-col-300 {
	width: 300px;
	margin:0;
}


#contact-form input, 
#contact-form select, 
#contact-form textarea {
	font-family: 'Droid Sans', sans-serif;	
	font-style: italic;
	font-size: 12px;
	background-color: #272727;

}
#contact-form label {
	margin-bottom:4px;
	font-family: 'Droid Sans', sans-serif;	
	font-size: 14px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	color:red;
}

#contact-form input, 
#contact-form select{
	width:275px;
	border: none;
	height: 40px;
	color: #fff;
	padding: 0 10px;	
}

#contact-form input#rezNum{
	width: 20px;
	border: none;
	height: 40px;
	color: #fff;
	padding: 0 10px;	
}

#contact-form textarea {
	width:600px;
	border: none;
	color: #fff;
	padding: 10px 10px 10px 10px;
	height:150px;
	resize: none;
	z-index: -1;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	background-color: #303030;
	color: #fff;
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#F00;	
}

#contact-form .a_button {
	width: 170px;
	border:none;
	float:right;
	color:#FFF;
	position: relative;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
    font-style: normal;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
	margin-top: 20px;
	padding: 6px 10px 10px 10px;
}

#contact-form .a_button:hover {
	color: #fff;background-color: #303030;
}

#contact-form .a_button:active {
	position:relative;
	top:1px;
	color: #fff;
}
#contact-form .a_button:focus {
	position:relative;
	top:1px;
	color: #fff;
}
#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

p.error {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: red;
	font-style:italic;
}
p.tick {
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1B1B1B;
	font-style:italic;
}
p.tick span {
	font:300 20px 'BebasNeueRegular', Arial, sans-serif; 
	color: #91A4AC;
	text-align:center;
}


#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}


p.contact-paragraph {
	margin-top: 28px; font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1;
}
p.contact-paragraph span{
	font-family: 'Droid Sans', sans-serif; 
	font-size: 14px;
	text-transform: uppercase;
	color: #1b1b1b;
}
p.contact-paragraph  a{
	font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1;
	text-decoration: none;
	margin: 0;
}
p.contact-paragraph  a:hover{
	font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1;
	text-decoration: none;
}
p.contact-paragraph-call{
	font-family: 'Droid Sans', sans-serif;  color: #1b1b1b;
}
p.contact-paragraph-call span{
	font-family: 'Droid Sans', sans-serif;  color: #91a4ac;
	margin-left: 5px;
}
/************** END CONTACT FORM *****************************/

/* --------------------- START PANEL PAGE TITLE ---------------------*/
#panel-page-title {
	background: #272727;
	padding: 10px 0px 20px 0;
	margin-bottom: 0;
}
#panel-page-title h1 { 
	color: #fff;
	font-size: 40px;
	 
}
#panel-page-title h1 span { color: #c9c9c9; }
#panel-page-title p { 
	color: #fff; 
	margin-top: 30px;
	width: 700px;
}
#panel-page-title .btn-dark { margin-top: -38px; }
#panel-page-title a.btn-dark {
	text-decoration: none;
	color: #5d5d5d;
	background-color: #1d1d1d;
	font-size: 22px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	
	padding: 7px 20px 10px;
	width: 150px;
	height: 40px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#panel-page-title a.btn-dark:hover { color: #fff; text-decoration: none;}

#panel-page-title a { color: #E01D25; }
#panel-page-title a:hover { color: #595959; text-decoration: none; }

#panel-page-title ::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
#panel-page-title ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}

/* panel 3 css styling for titles */
#panel-page-title .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
#panel-page-title .heading-after {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h1-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top:23px;
}

#panel-page-title .heading-wrapper-center {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
}
#panel-page-title .heading-before {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h1-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top:29px;
}
/* --------------------- END PANEL PAGE TITLE ---------------------*/

/* --------------------- PORTFOLIO TEMPLATE START ---------------------*/
/* 2 col start */

ul#portfolio-list-home2Col {   
	float: left;   
	list-style: none;   
	padding:0;
	width: 990px;
	margin: 0px 0 20px -30px;
}

ul#portfolio-list-home2Col li {   
	float: left;   
	list-style: none;   
	margin-bottom: 30px;
	width: 465px;
	padding: 0;
	margin-left: 30px;
} 


ul#portfolio-list-home2Col li a { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}

ul#portfolio-list-home2Col li a:hover { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}

ul#portfolio-list-home2Col .preview-image {
	float: left;
	/*margin: 19px 0 0 19px;*/
	width: 465px;
	height: 318px;
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background: #272727;
	z-index: 1;
}

ul#portfolio-list-home2Col .preview-image img.slide-up {
	position: absolute;
	top: 0;
	left: 0;
}

ul#portfolio-list-home2Col li span.portfolio-title-home { 
	color:#fff;
	position: relative; 
	top: 265px; 
	left: 11px; 
	z-index: -1; 
	display: block;
}
ul#portfolio-list-home2Col li span.portfolio-cat-home { 
	position: relative; 
	top: 250px; 
	left: 11px; 
	z-index: -1;
	
	color: #737373;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
}

ul#portfolio-list-home2Col li span.portfolio-cat-img { 
	position: absolute; 
	z-index: -1; 
	top: 278px; 
	right: 20px;
}
/* 2 col end */

 /* 3 col start */
 
ul#portfolio-list-home3Col {   
	float: left;   
	list-style: none;   
	padding:0;
	width: 990px;
	margin: 0px 0 20px -30px;
}
ul#portfolio-list-home3Col li {   
	float: left;   
	list-style: none;   
	margin-bottom: 30px;
	width: 300px;
	padding: 0;
	margin-left: 30px;
} 


ul#portfolio-list-home3Col li a { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}

ul#portfolio-list-home3Col li a:hover { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}

ul#portfolio-list-home3Col .preview-image {
	float: left;
	/*margin: 19px 0 0 19px;*/
	width: 300px;
	height: 205px;
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background: #272727;
	z-index: 1;
}

ul#portfolio-list-home3Col .preview-image img.slide-up {
	position: absolute;
	top: 0;
	left: 0;
}

ul#portfolio-list-home3Col li span.portfolio-title-home { 
	color:#fff;
	position: relative; 
	top: 152px; 
	left: 11px; 
	z-index: -1; 
	display: block;
}
ul#portfolio-list-home3Col li span.portfolio-cat-home { 
	position: relative; 
	top: 137px; 
	left: 11px; 
	z-index: -1;
	
	color: #737373;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
}

ul#portfolio-list-home3Col li span.portfolio-cat-img { 
	position: absolute; 
	z-index: -1; 
	top: 165px; 
	right: 20px;
}
/* 3 col end */
/* 4 col start */


ul#portfolio-list-home4Col {   
	list-style: none;   
	padding:0;
	width: 960px;
	margin: 0px 0 20px -29px;
	
	
}

ul#portfolio-list-home4Col li {   
	float:left;
	list-style: none;   
	margin-bottom: 30px;
	width: 218px;
	height: 149px;
	padding: 0;
	margin-left: 29px;
	
	
} 


ul#portfolio-list-home4Col li a { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}



ul#portfolio-list-home4Col li a:hover { 
	color: #fff;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}

ul#portfolio-list-home4Col .preview-image {
	float: left;
	/*margin: 19px 0 0 19px;*/
	width: 218px;
	height: 149px;
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background: #272727;
	z-index: 1;
}

ul#portfolio-list-home4Col .preview-image img.slide-up {
	position: absolute;
	top: 0;
	left: 0;
}

ul#portfolio-list-home4Col li span.portfolio-title-home {
	color:#fff; 
	position: relative; 
	top: 96px; 
	left: 11px; 
	z-index: -1; 
	display: block;
}
ul#portfolio-list-home4Col li span.portfolio-cat-home { 
	position: relative; 
	top: 81px; 
	left: 11px; 
	z-index: -1;
	
	color: #737373;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
}

ul#portfolio-list-home4Col li span.portfolio-cat-img { 
	position: absolute; 
	z-index: -1; 
	top: 108px; 
	right: 20px;
}
/* 4 col end */

/* --------------------- PORTFOLIO TEMPLATE END ---------------------*/


/************** START BLOG  *****************************/
.all-small-posts { margin-left: -30px; }
.small-post { margin-left: 30px; }

.big-post h2 {
}
.big-post h2 a,
h2.single-post-title a {
	color: #272727; 
	text-decoration: none;
}
.big-post h2 a:hover,
h2.single-post-title a:hover {
	color: #e51e26; 
	text-decoration: none;
}
p.date {
	width: 300px; color: #6c6b6b; font-size: 11px; margin-bottom: 10px;
}
p.date-big-post {
	color: #6c6b6b; 
	font-size: 11px; 
	margin-bottom: 10px;
	margin-left: 0px; 
	line-height: 1.1;
}
p.date-big-post a {
	color: #D01B23; 
	font-size: 11px; 
	margin-bottom: 10px; 
	margin-left: 0px;  
	text-decoration: none;
}
p.date-big-post a:hover {
	color: #5d5d5d; 
	font-size: 11px; 
	margin-bottom: 10px; 
	margin-left: 0px;  
	text-decoration: none;
}

}

.col280 { width: 280px; margin-right: 30px; }
.col280.last { width: 280px; margin-right: 0px; }


/************** END BLOG *****************************/

.widget_recent_comments ul {
	
}
.widget_recent_comments ul li {
	background-image: url(http://berlin.opendataday.de/wp-content/themes/pegos/images/icon-comment-widget.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 18px; 
	margin-bottom: 4px;
	list-style-type: none;
}

/************** START PORTFOLIO *****************************/
.single-portfolio {
}
.single-portfolio .line-separator {
	margin: 0;
}
p.single-portfolio-desc {
	font-family: 'Droid Sans', sans-serif; 
	color: #1b1b1b; 
	line-height: 2;
	font-size: 13px;
}

p.single-portfolio-desc a {
	font-family: 'Droid Sans', sans-serif; 
	color: #D21C23; 
	line-height: 1.1;
}

p.single-portfolio-desc a:hover {
	font-family: 'Droid Sans', sans-serif; 
	color: #5a5959; 
	line-height: 1.1;
}



.lightbox-image {position:relative;display:inline-block;}
.lightbox-image img {position:relative;}
.lightbox-image span {position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:url("http://berlin.opendataday.de/wp-content/themes/pegos/images/magnify.png") 50% 50% no-repeat;}

/* start single post slider*/

.col640 #slides {
	width:640px; 
	height:288px;
	margin: 0 auto; 
	position:relative; 
}

.col640 .slides_container {
	width:640px;
	height:288px;
   z-index: 1;
}
.col640 .slides_container div.slide {
	width:640px;
	height:288px;
	z-index: 10000;
	display:block;
}
.col640 .slides_container div.slide img { 
	max-width:100%; 
	height: auto;
}


.col640 .next, .col640 .prev { 
	display:block; 
	width:30px; 
	height:30px; 
	position:absolute; 
	top: 5px; 
	line-height:0; 
	font-size:0; 
	z-index:99;
	margin-left: -23px;
	text-indent: -99999px;
}
.col640 .next { 
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/button-next.png) 0 0 no-repeat; 
	right:30px;
}
.col640 .prev { 
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/button-prev.png) 0 0 no-repeat; 
	right:55px;
}
.col640 .next:hover, .col640 .prev:hover { background-position:0 -30px; }

/* end single post slider*/

/* start single portfolio slider*/

.col630 #slides {
	max-width:640px; 
	
	margin: 0 auto; 
	position:relative; 
}

.col630 .slides_container {
	max-width:640px;

   z-index: 1;
}
.col630 .slides_container div.slide {
	max-width:640px;

	z-index: 10000;
	display:block;
}
.col630 .slides_container div.slide img { 
	max-width:100%; 
	height: auto;
}


.col630 .next, .col630 .prev { 
	display:block; 
	width:30px; 
	height:30px; 
	position:absolute; 
	top:5px; 
	line-height:0; 
	font-size:0; 
	z-index:99;
	margin-left: -23px;
	text-indent: -99999px;
}

#panel4 .col630 a.next, #panel4 .col630 a.prev { 
	display:block; 
	text-indent: -99999px;
}

.col630 .next { 
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/button-next.png) 0 0 no-repeat; 
	left:55px;
}
.col630 .prev { 
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/button-prev.png) 0 0 no-repeat; 
	left:30px;
}
.col630 .next:hover, .col630 .prev:hover { background-position:0 -30px; }

/* end single portfolio slider*/




/********************** START COMMENTS  *********************/

#panel-single-blog-post { 
	background: #fff;
	padding: 30px 0px 20px 0;            
}

#panel-single-blog-post .line-separator { 
	border-bottom: 1px dashed #aeadad;
	margin-bottom: 30px; 
}

#panel-single-blog-post ::selection {
	background: #e51e26; /* Safari */
    color:#ffffff;
}
#panel-single-blog-post ::-moz-selection {
    background: #e51e26; /* Firefox */
    color:#ffffff;
}

#panel-single-blog-post .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}

#panel-single-blog-post .heading-afterCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top: 10px;
}
#panel-single-blog-post .heading-wrapper-center {
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-top: 35px;
}
#panel-single-blog-post .heading-beforeCenter {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h5-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 10px;
}


#panel-single-blog-post h3 { 
	color: #3c3c3c;
	font-size: 28px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.1;
}
#panel-single-blog-post .heading-after {
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	margin-top: -2px !important;
}
#panel-single-blog-post .heading-before{
	display:block;
	background:url(http://berlin.opendataday.de/wp-content/themes/pegos/images/h3-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	left:0;
	top: 6px;
}

#panel-single-blog-post ul li { 
	font-size:12px; 
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 24px; 
	color:#515050; 
}

/* start -> toti kurac je za prvi komentar za datum pod imenom avtorja */
span.date-and-time a { 
	display: block; 
	font-size:12px; 
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 24px; 
	color:#515050; 
	text-decoration: none; 
	font-weight: normal; 
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);  
	margin-top: 2px;
}
span.date-and-time a:hover {
	color: #9e0606;
}
/* end -> toti kurac je za prvi komentar za datum pod imenom avtorja */

/* start -> toti kurac je za vse OSTALE komentarE za datum pod imenom avtorja */
#panel-single-blog-post ul li span.date-and-time a { 	
	display: block; 
	font-size:12px; 
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 18px; 
	color:#515050; 
	text-decoration: none; 
	font-weight: normal; 
	text-shadow: 0 1px rgba(255, 255, 255, 0.5); 
	margin-top: -8px;
}
#panel-single-blog-post ul li span.date-and-time a:hover {
	color: #9e0606;
}
/* end -> toti kurac je za vse OSTALE komentarE za datum pod imenom avtorja */

/* start -> toti kurac je za gumb replay pod textom */
.reply a,
#panel-single-blog-post ul li .reply a { 
	color: #9e0606; 
	font-size:12px; 
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 20px; 
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.reply a:hover,
#panel-single-blog-post ul li .reply a:hover  { 
	color: #515050; 
}
/* end -> toti kurac je za gumb replay pod textom */


#panel-single-blog-post #commentform a,
.cancel-comment-reply a{ 
	color: #9e0606; 
} /* za jebano barvo ko pise Log Out če si kot admin prijavljen */


#panel-single-blog-post h2 { 
	color: #3c3c3c;
	font-size: 32px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin-bottom: 40px;
	line-height: 1.1;
}


#comments { width: 630px; }

h3#comments {  /* to je za oni text One thought on “This is standard image post”  pod naslovom comments */
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;	
	color: #9e0606;
	font-size: 17px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.comment-content p{ width: 630px; font-family: 'Droid Sans', sans-serif;  font-size: 13px; }
p.comment-notes { font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #333333; }




ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { /*border-bottom:1px dotted #666;*/ color:#333333; }
ol.commentlist li div.comment-author { margin-top: 5px; }

ol.commentlist li div.vcard { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0;   }

ol.commentlist li div.vcard span.edit-link a { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0;   }
ol.commentlist li div.vcard span.edit-link a:hover { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #9e0606; font-weight: bold; margin-bottom: 0;   }

#panel-single-blog-post ul li div.vcard span.edit-link a { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0;   }
#panel-single-blog-post ul li div.vcard span.edit-link a:hover { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #9e0606; font-weight: bold; margin-bottom: 0;   }

ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:3px solid #ccc; float:left; margin-right: 30px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta {  } 
ol.commentlist li div.comment-meta a { color:#91a4ac; text-decoration: none; }
ol.commentlist li { list-style: none; }
/* tu se nastavi velikost pisave za komentare */
ol.commentlist li p { font-size:12px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:none; margin:0 0 1em 2em; }
ol.commentlist li div.reply { margin: 20px 0 35px 0;}


ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; width: 600px; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}

ol.commentlist li ul.children li.comment.depth-2 p{width: 600px;}
ol.commentlist li ul.children li.comment.depth-3 p{width: 570px;}
ol.commentlist li ul.children li.comment.depth-4 p{width: 550px;}
ol.commentlist li ul.children li.comment.depth-5 p{width: 520px;}

ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin: 0 0 30px 30px;  }
ol.commentlist li ul.children li.depth-3 { margin: 0 0 30px 30px; }
ol.commentlist li ul.children li.depth-4 { margin: 0 0 30px 30px; }
ol.commentlist li ul.children li.depth-5 { margin: 0 0 30px 30px; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd {  }
ol.commentlist li.parent { /*border-left:5px solid #111;*/ }
ol.commentlist li.pingback { /*border-bottom:1px dotted #666;*/  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#blog-post-form-allow { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5f5e5e;
	font-size: 10px; 
	width: 630px;
	letter-spacing: 1px;
	line-height: 2.2;
}


/* za gumb ***************************************************** */
input#submit {
	float: right;
	cursor: pointer;
	border: none;
	background-color: #9e0606;
	color: #fff;
	padding: 5px 10px 6px 10px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	margin: 12px 4px 50px 0;
	font-size: 18px;
}
/* za polja ***************************************************** */
#commentform input#author,
#commentform input#email,
#commentform input#url {
	font-size: 12px; 
	font-family: 'Droid Sans', sans-serif;
	line-height: 22px;
	width: 280px;
	height: 30px;
	color: #727474;
	margin-bottom: 15px;
	margin-right: 15px;
	border: 1px solid #d5d1d1;
	padding: 0 10px;
}

#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus {
	color: #8a8888;
	
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
}

/* za textarea ***************************************************** */
textarea#comment {
	color: #727474; 
	font-size: 12px; 
	font-family: 'Droid Sans', sans-serif;
	line-height: 22px;
	width: 605px;
	resize: none;
	border: 1px solid #d5d1d1;
	padding: 10px 10px;
}
textarea#comment:focus {
	color: #727474; 
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#col640 label { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }

/* za napisane tage ***************************************************** */
.blog-post-tags {
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	
	color: #2c2c2c;
	margin-top: 30px;
}

/* za napisane tage ***************************************************** */
.blog-post-tags a {
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #9e0606;
	text-decoration: none;
}
.blog-post-tags a:hover {
	border-bottom: 1px dashed #9e0606;
}

.share-socials { margin-top: 63px; margin-right: 0px;}

/* za napis Share ***************************************************** */
.share-socials p {
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	color: #2c2c2c;
	position: relative;
	top: -3px;
	margin-right: 5px;
}
.share-socials ul{ width: 130px; margin-top: -5px; list-style: none; }
.share-socials ul li { float: left; margin-right: 5px;margin-top: -5px; list-style: none; }

/************************** END COMMENTS **************/

/************************** START POTRFOLIO TEMPLATE **************/


ul.portfolio-filter { color: #fff; list-style: none; position: relative; left: -13px; }
ul.portfolio-filter li  {
	display: block;
	text-decoration: none;
	letter-spacing: 0;
	float: left;
	margin-left: 15px;
	font-size: 23px !important;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
}

ul.portfolio-filter li a{
	display: block;
	text-decoration: none;
	letter-spacing: 0;
	color: #000000;
	font-size: 23px !important;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	outline: none;
}



ul.portfolio-filter li a:hover,
ul.portfolio-filter li.active a {
	color: #D01B23 !important;
}









.portf4col .left-our-work,
.portf3col .left-our-work,
.portf2col .left-our-work {
	margin-bottom: 42px;
}


.portf4col .right-our-work,
.portf3col .right-our-work,
.portf2col .right-our-work {
	width: 990px;	
	margin-left: 0px;
}

ul.portfolio-items{   
	float: left;   
	list-style: none;   
	padding:0;
	width: 990px;
	margin-left: 0px;
	
} 
 
 ul.portfolio-items li {   
	float:left;
	list-style: none;   
	margin-bottom: 30px;
	padding: 0;
	margin-left: 29px;
	
	
} 

ul.portfolio-items li a { 
	color: #fff;
	font-size: 18px !important;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif !important;
}



ul.portfolio-items   li a:hover { 
	color: #fff;
	font-size: 18px !important;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif !important;
}

ul.portfolio-items .preview-image {
	float: left;
	/*margin: 19px 0 0 19px;*/
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background: #272727;
	z-index: 1;
}


ul.portfolio-items .preview-image img.slide-up {
	position: absolute;
	top: 0;
	left: 0;
}

ul.portfolio-items  li span.portfolio-title-home {
	color:#fff; 
	position: absolute; 
	z-index: -1; 
	display: block;
}
 
ul.portfolio-items  li span.portfolio-cat-home { 
	position: relative; 
	z-index: -1;
	color: #737373;
	font-size: 12px;
	font-family: 'Droid Sans', sans-serif;
}

ul.portfolio-items  li span.portfolio-cat-img { 
	position: absolute; 
	z-index: -1; 
}

/************************** END POTRFOLIO TEMPLATE **************/

label.screen-reader-text { display: none; }
input#s { 
	color: #1b1b1b; 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.9;
	font-size: 12px;
	width: 258px;
	height: 30px;
	margin-bottom: 15px;
	border: 1px solid #d5d1d1;
	padding: 0 10px;
} 
input#s:focus {
	color: #8a8888;
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
}
input#searchsubmit {
	cursor: pointer;
	border: none;
	background-color: #D11B23;
	color: #fff;
	padding: 3px 10px 4px 10px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	font-size: 17px;
	/*margin-left: 205px;*/
	float: right;
	margin-top: -10px;
}
input#searchsubmit:hover {
	cursor: pointer;
	border: none;
	background-color: #373737;
	color: #fff;
	padding: 3px 10px 4px 10px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	font-size: 17px;
	/*margin-left: 205px;*/
	float: right;
	margin-top: -10px;
}



/*===== roundabout =====*/
.roundabout-holder {
	padding:0;
	position:relative;
	z-index:1;
}

.round_box {
    margin: 0 auto;
    min-height: 453px;
    position: relative;
    width: 970px;
	padding-top: 5px;
}

ul.round {
	list-style: none;
	margin-top: -10px;
}

.roundabout-moveable-item {
	width:502px;
	height:357px;
}
.roundabout-moveable-item img {	
	width:100%;
	height:100%;
	position:relative;
	z-index:1; 
}

.round_next, .round_prev {
    bottom: 29px;
    display: block;
	width: 46px;
    height: 38px;
    position: absolute;    
    z-index: 999;
	right: 11px;
}
.round_next{
	background:url("http://berlin.opendataday.de/wp-content/themes/pegos/images/round_next.png") no-repeat;
	right: 80px;
}
.round_prev{
	background:url("http://berlin.opendataday.de/wp-content/themes/pegos/images/round_prev.png") no-repeat; 
	left: 69px;
}
.round_next:hover,.round_prev:hover{ background-position: 0 -58px;}


/* tu in spodaj class mora bit ista barva, oz si lahko da sliko v ozadje pa repeat-x ali bilo kaj -> vglavnem spodaj mora bit isti background */
.roundabout-holder .descripton {	
	background: #FCFCFC;
    color: #333536;
    display: none;
    font-size: 20px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
    left: -182px;
    line-height: 1.2em;
   
	margin-left: 69px;
	
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
    position: absolute !important;
    margin-top: 15px;
    width: 714px;
    z-index: 999;	
}
.under-descr {
	position:absolute !important;
	background: #FCFCFC;
	padding-bottom: 38px;
	top: 195px;
    width: 729px;
	left: 116px;
}

.roundabout-holder .descripton span {
	color:#D11B23;
}

.roundabout-holder .descripton a {
	float: right;
	color: #D11B23;
	position: absolute !important;	
	font-size: 17px;
	right: 15px;
}

.roundabout-holder .descripton a:hover { 
	color:#595a5a;
}

.inner-slider {
    left: -1px;
    position: relative;
    top: 189px;
}
.roundabout-holder .roundabout-in-focus .descripton{ display:block;}

.roundabout-holder .roundabout-in-focus img{}

.pad_list{padding:0 0 0 22px; line-height:20px;}

.pad_list, .pad_list a{ color:#565656;}

.pad_list h3{ margin-left:-23px;}

.pad_list li{ margin-bottom:17px;}

.pad_list a:hover{ color:#000; text-decoration:underline;}

.round li {
	background:url("http://berlin.opendataday.de/wp-content/themes/pegos/images/hover-img.png") no-repeat center 0;
}

.descripton strong {
	display:inline-block;
	width:580px;
	font-weight:normal;
}





/* portf fix*/
#panel4 ul#portfolio-list-home li span.portfolio-title-home { 
	top: 152px; 
}
#panel4 ul#portfolio-list-home li span.portfolio-cat-home { 
	top: 135px; 
}

#panel4 ul#portfolio-list-home2 li span.portfolio-cat-img { 
	top: 165px; 
}

.cat-item { color:#000000;}

/******TEAM START*****/
.team-desc {
	background: url(http://berlin.opendataday.de/wp-content/themes/pegos/images/team-bg-middle.png) repeat-y;
	width: 300px;
	z-index: 99999;
	position: relative;
	padding-bottom: 6px;
}
.team-socials {
	position: relative;
	float: right;
	margin-top: 14px;
	margin-right: 10px;
}
#panel4 .team-socials ul { list-style-type:none; list-style-image: none; }
.team-socials ul li { float: left; margin-right: 0px; list-style-type:none; }
p.team-name {
	color: #363535;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}
p.team-position {
	color: #767575;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: -3px;
}

.team-wrapper {
	margin-left:-30px;	
}

.team-single {
	margin-right:0; 
	margin-left:30px;	
	width:300px;	
}
/******TEAM END*****/


#panel4H h2 {
	line-height: 1.5;	
	margin-bottom:20px;
}