/*
Theme Name: Nebula WP
Theme URI: http://themeforest.net/
Description: Designed by <a href="http://themeforest.net/user/system32">system32</a>.
Version: 1.0
Author: <a href="http://themeforest.net/user/system32">system32</a>
Author URI: http://themeforest.net/user/system32
Tags: space, fixed width, two columns, widgets
*/

/*

CSS TABLE OF CONTENTS

	1.	GENERAL ELEMENTS
	2.	DEFAULT LISTS
	3.	IMAGE ALIGNMENTS
	4.	IMAGE FRAME BORDERS
	5.	HEADINGS
	6.	DIVIDERS / SEPARATORS
	7.	LAYOUT
	8.	SIDEBAR
	9.	HEADER
	10.	TOP MENU
	11.	SUB HEADER
	12.	FEATURED SLIDER
	13.	HOMEPAGE TEASER
	14.	FOOTER
	15.	COPYRIGHT
	16.	WP CALENDAR
	17.	SOCIABLES
	18.	SIDEBAR WIDGETS LISTS
	19.	TAG CLOUDS
	20.	Gallery
	21.	HOVER IMAGE ICONS
	22.	SERVICES LISTS
	23.	BLOG POSTS
	24.	ALERT MESSAGE BOXES
	25.	FORMS CSS
	26.	SIDEBAR SEARCH BOX
	27.	BULLETS
	28.	PRE / CODE CSS
	29.	HIGHLIGHTS
	30.	DROPCAPS
	31.	TOGGLE CONTENT
	32.	PULL QUOTES
	33.	SITEMAP
	34.	DOCS
	35.	GENERAL WP ELEMENTS
	36.	WP ATTACHMENTS
	37.	WP DEFAULT GALLERY
	38.	POP/REL POSTS
	39.	TEASER TWITTER CSS
	40.	FLICKR WIDGET
	41.	PAGINATION
	42.	WIDGETS POP/REC POSTS
*/


/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {

}
@media (max-width: 500px) {
body div.team {
    clear:left!important;
	width:100%!important;
}
.team > p {
    float: left;
    width: 50%!important;
}
body .inner div.team img.framed {
    width: 90% !important;
}
}
/* Landscape phones and down */
@media (max-width: 767px) {

.topmenu {
	margin: 20px 0 10px!important;
    float: left !important;
    border-top: 1px solid #CCCCCC!important;
	border-right: 1px solid #CCCCCC!important;
	border-bottom: 1px solid #CCCCCC!important;
    width: 100%!important;
}
.nav li {
    width: 25%!important;
}
.topmenu ul.nav li a {
    width: 100% !important;
}
/*
#wrapper #featured_slider {
    height: 170px !important;
}*/
#wrapper .frontpage_inner .one_fourth {
	width: 97% !important;
    margin: 0 0 20px 0 !important;
	clear: both;
}
.frontpage_inner h5.toggle a {
    display: none!important;
}
#footer .footer_background {
    background: url(/wp-content/uploads/2012/07/nlm-hintergund-footer-petra-460x160.png) no-repeat scroll -518px 0 transparent !important;
}

#menu-item-818 span {
      display: none;
}
#menu-item-818 a strong:after {
    content: "Was wir tun";
   display: block;
    font-size: 10px;
    line-height: 14px;

}

.social {
	display: none;
}
#footer .footer_column.last_footer {
    margin: 98px 0 0 !important;
}

.one_third {
	width: 100% !important;
	clear:left !important;
	margin-right: 0 !important;
}
.post > .one_third > a > img  {
	width: 95% !important;
	margin: 0 auto!important;
}

/* teamseite
div.team {
    float: left;
    margin: 0 3% 20px 0!important;
    width: 47%!important;
}
.inner div.team img.framed {
    width: 65% !important;
}
div.team:nth-child(odd) {
    clear:left;
}
div.team:nth-child(even) {
	margin: 0 0 20px 0!important;
}
div.team.first {
    clear: none!important;
}
*/
body div.team {
    clear:left!important;
	width:100%!important;
}
.team > p:first-child{
    width: 40%;
}
.team > p {
    float: left;
    width: 60%;
}
body .inner div.team img.framed {
    width: 70%;
}
#gallery-1 img {
    height: auto;
    width: 70%;
}
#gallery-1 > p {
	display: none!important;
}
#gallery-1 .gallery-item {
	width: 50%!important;
}
}
/* Landscape phone to portrait tablet */

@media (max-width: 768px) {
/* Header */
#header {
    height: 80px !important;
    padding-bottom: 0 !important;
}
.inner {
    padding: 0 4% !important;
    width: 92% !important;
}
#header .inner {
   float: left !important;
}
.topmenu {
    float: right !important;
    margin-right: -30px;
    padding-left: 0 !important;
	display: block;
	position: static !important;
}
.topmenu ul.nav li a{
	padding: 3% 6% !important;
    width: 88% !important;
}
#header .logo img.xmas {
    left: 11px!important;
}
.nav {
    height: 80px !important;
}
.nav > li {
	width: 120px;
}
.nav > li:first-child a {
	border-left: 1px solid #CCCCCC!important;
}
.nav > li:nth-child(1),
.nav > li:nth-child(2),
.nav > li:nth-child(3),
.nav > li:nth-child(4) {
	border-bottom: 1px solid #CCCCCC!important;
}


.topmenu ul.nav li:nth-child(5) {
    clear:left;
}
#subheader .inner {
    padding: 30px 0 !important;
}
/* Slider */
#featured_slider {
	float: left;
	/*height: 270px !important;*/
}
#featured_slider .inner {
	/*padding: 20px 0 !important;*/
}
#featured_slider .sliderwrap {
    width: 100%!important;
}
.slideshow {
    margin: 22px 0 0 40px !important;
}
#nav {
    display: none;
    float: right;
    margin: 0 50px 0 0 !important;
}
.cycloneslider-template-standard {
	margin-bottom: 0px!important;
}
.sys_slider {
    width: 100% !important;
}
.sys_slider .descright,
.sys_slider .descleft {
	display: none !important;
}
.frontpage_inner {
    padding: 20px 3% 0 4% !important;
    width: 93% !important;
}
/* Footer */

.footer_background {
    background-position: -250px 0 !important;
}
.footer_column {
    display: none !important;
}
.footer_column.last_footer {
    display: block !important;
	margin: 41px 0 0 0 !important;
}
/* Home Boxes */
.boxwrap {
    width: 100% !important;
}
.frontpage_inner .one_fourth:nth-child(2) {
	margin-right: 0 !important;
}
.frontpage_inner .one_fourth:nth-child(3) {
	clear: left;
}
.frontpage_inner .one_fourth {
	width: 47% !important;
    margin-right: 4% !important;
}
.frontpage_inner .one_fourth.last {
    margin-right: 0 !important;
}
.frontpage_inner .one_fourth img.framed  {
	width: 100% !important;
	height: auto;
}
.frontpage_inner h5.toggle {
	display:block !important;
	float: right !important;
	height: 26px !important;
	margin-top: -54px !important;
	padding: 0px !important;
}
.frontpage_inner h5.toggle a {
    height: 20px;
    width: 20px;
}
/* Main */
#main {
    width: 100% !important;
}

img.framed.postimg,
#main img.framed.full {
	height: auto;
    width: 98% !important;
}

/*
.pagination {
    max-height: 50px !important;
}*/
/* Main Full */
#mainfull {
    width: 100% !important;
}
.one_third img.framed {
    height: auto !important;
    width: 100% !important;
}
/* Sidebar */
#sidebar {
    display: none;
}
/*
#sidebar {
    float: left !important;
    width: 100% !important;
}
#sidebar .content {
    margin-left: 30px !important;
}*/
.rightsidebar .sidebar_top,
.rightsidebar .sidebar_mid,
.rightsidebar .sidebar_bottom {
    background: none !important;
}
/* Team */
div.team img.framed {
    width: 180px !important;
}


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
/* Large desktop */
@media (min-width: 1200px) {

}
/* --- 1.GENERAL ELEMENTS
________________________________________*/
#sparmodus {
	position: fixed;
	top: 0px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: url(images/sparmodus1.png) no-repeat scroll center center rgba(0, 0, 0, 0.85);
	z-index: 99999;
	/*opacity: 0;*/
	display: none;
    -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
}
#sparmodus.active {
	/*display: block;*/
}
#sparmodus.visibility {
	opacity: 1;
}

.frontpage_inner .one_fourth img.framed  {
	width: 100% !important;
	height: auto;
}
img.framed.postimg,
#main img.framed.full {
	height: auto;
    width: 96% !important;
}
#main img.framed.notfull {
	height: auto !important;
    width: auto !important;
}
.attachment-img-frame.wp-post-image {
	height: auto;
    width: 98% !important;
}

html, body, div, span, small, object, iframe, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
		margin:0;
		padding:0;
		outline:none;
		font:normal 12px/20px "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
		}

* html				{ margin:0; padding:0;}
em					{ font:italic bold 14px Georgia, "Times New Roman", Times, serif; }
a					{ text-decoration:none;}
a:hover 				{ text-decoration:none;}
.clear				{ clear:both; }
img					{ border:0;	}
p					{ margin:0px 0px 20px 0; }

.fullimage										{ padding:5px; margin-bottom:15px; }

.smallcap { text-transform:uppercase; font-size:11px; margin-bottom:10px; display:block;}

#loader .loading	{ background:url(ajax-loader.gif) 50% 50% no-repeat; }

/* --- 2.DEFAULT LISTS
________________________________________*/

ul, ol				{ margin: 0 0 20px 5px;}
ol					{ padding-left: 2em;}

ul ul, ol ol,
ul ol, ol ul 			{ margin-top: 8px;}
ul li, ol li 				{ padding: 3px 5px;}

ul li 					{ padding-left: 15px;}
ol li 					{ list-style-type:decimal; list-style-position: outside;}

ul li 					{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 10px}
/*
ul li 					{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%;}
*/

/* --- 3.IMAGE ALIGNMENTS
________________________________________*/

.alignleft			{ float:left; margin:5px 15px 15px 0;}
.alignright			{ float:right; margin:0px 15px 15px 15px;	}
.aligncenter		{ clear:both; display:block; margin:10px auto; padding:10px 0;	}

img.alignright, a img.alignright 	{ float:right; margin: 0 0 1em 1em}
img.alignleft, a img.alignleft 		{ float:left; margin:0 1em 1em 0}
img.aligncenter, a img.aligncenter 	{ display: block; margin: 1em auto; }


/* --- 4.IMAGE FRAME BORDERS
________________________________________*/

.wp-caption { text-align:center;}

img.framed, .wp-caption,
img.attachment-img-frame {
	border:3px solid #f1f1f1 !important;
	background-color:#fff;
	background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f6f6f6),color-stop(1, #fff));
	-moz-box-shadow:0px 2px 5px #aaa;
	-webkit-box-shadow:0px 1px 1px #aaa;
	box-shadow:0px 1px 1px #aaa;
	-moz-border-radius:5px;
}


.thinframe				{ padding:3px;margin:2px;
border:1px solid #f1f1f1 !important;
	background-color:#fff;
	background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));
	-moz-box-shadow:0px 1px 1px #aaa;
	-webkit-box-shadow:0px 1px 1px #aaa;
	box-shadow:0px 1px 1px #aaa;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}


/* --- 5.HEADINGS
________________________________________*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#000000;
	line-height:normal;
	}

h1	{ font-size: 32px; margin: 0 0 20px 0; }
h2	{ font-size: 28px; margin: 0 0 20px 0; }
h3 	{ font-size: 24px; margin: 0 0 20px 0; }
h4 	{ font-size: 20px; margin: 0 0 20px 0; }
h5 	{ font-size: 14px; margin: 0 0 5px 0; }
h6 	{ font-size: 11x;  margin: 0; }



/* --- 6.DIVIDERS / SEPARATORS
________________________________________*/

hr					{ border:0px solid transparent !important; background-color:transparent !important; height:1px; }
.divider			{ clear:both; border-bottom:1px solid #e1e1e3; padding:20px 0 0 0; margin:0 0 30px 0; width:100%;}
.top				{ font-size:6px; line-height:10px; margin-bottom:30px; text-align:right; position:relative; }
.top a				{ height:20px; position:absolute; right:0; top:10px; width:25px; color:#727272;background:#F1F2F4;}
.separator			{ clear:both;}


/* --- 7.LAYOUT
________________________________________*/

#wrapper 			{ width:100%; margin:0 auto;  }
.boxwrap 			{ width:980px; margin:0 auto; overflow:hidden; }
.inner				{ width:940px; margin:0 auto; position:relative;}
.frontpage_inner	{ width:940px; margin:0px auto; position:relative; padding: 20px 0 0 0;}
.frontpage_inner h4	{ font-size: 20px; margin: 0 0 5px 0; }
.frontpage_inner p	{ margin:0px 0px 5px 2px; }
/*.frontpage_inner h5.toggle 	{ margin-top:0px; padding:0 0 0 0px; height:5px;}*/
.frontpage_inner h5.toggle { display: none;}
.frontpage_inner h5.toggle a 	{ font-size:14px; }
.footer_background  { background: url(/wp-content/uploads/2012/07/nlm-hintergund-footer-petra-460x160.png) no-repeat; height: 184px; }

#main 				{ width:610px; float:left; overflow:hidden; padding:30px 0; z-index:1; }
#mainfull			{ position:relative; width:940px; overflow:hidden; padding:30px 0; z-index:1;}

/*.headpagebot	{ background:url(images/pagebot.png) top left no-repeat; width:980px; height:10px; margin:0 auto; z-index:1; }
.pagetop		{ background:url(images/pagetop.png) bottom left no-repeat; width:980px; height:10px; margin:0 auto; }
.pagebot 		{ background:url(images/pagebot.png) bottom left no-repeat; width:980px; height:10px; margin:0 auto; }*/

.full_page 		{ margin:0 15px 0 15px; }
.fullwidth .img										{ width:600px; float:left; }
.fullwidth .content									{ width:300px; float:left; margin:10px 0 0 10px; }

.fullwidth					{ width:920px; }
.half_width 					{ width:48%;}
.one_third 					{ width:30.66%;}
.two_third 					{ width:65.3%;}
.one_fourth					{ width:21.9%;}
.one_fifth					{ width:16.7%;}
.three_fourth				{ width:74%;}
.four_fifth					{ width:79%; }
.two_fifth					{ width:37.2%; }
.three_fifth				{ width:58%; }

.half_width,
.one_third,
.two_third,
.one_fourth,
.one_fifth,
.four_fifth,
.two_fifth,
.three_fifth,
.three_fourth				{ float:left; position:relative; display:inline; margin-right:4%; }


.one_fourth			{ /*margin-right:4.10652%;*/ margin-right:37px; }

.last						{ margin-right:0 !important; }

/* --- 8.SIDEBAR
________________________________________*/


#sidebar			{ width:330px; float:left;  }
#sidebar .content	{ margin-left:40px; padding:14px 0 20px 0px;}
#sidebar .widget		{ position:relative; overflow:hidden; padding:0 0 30px 0px; list-style: none; }

.leftsidebar #sidebar 	{ float:left; width:270px; overflow:hidden; }
.leftsidebar #main		{ float:right; width:650px; overflow:hidden; }
.leftsidebar #sidebar .content	{ margin-left:0px;}
.leftsidebar #sidebar .widget	{ position:relative; overflow:hidden; padding:0 30px 0 0; }

#sidebar h2 			{ font-size:18px; margin-bottom:10px; }
#sidebar .postform	{  -moz-border-radius:4px; webkit-border-radius:4px; background-color: #ededed; margin-bottom: 9px !important; border: 1px solid;
border-color: #ccc #ddd #ddd #ccc; padding: 4px; font-family:inherit; }

.leftsidebar #sidebar .content 	{ margin:0 20px 0 0; }

.leftsidebar .sidebar_top 		{ background:url(images/sidebar_top.png) no-repeat 260px 0; height:20px; }
.leftsidebar .sidebar_mid 		{ background:url(images/sidebar_mid.png) repeat-y scroll 260px 0; overflow:hidden;  }
.leftsidebar .sidebar_bottom 	{ background:url(images/sidebar_bottom.png) no-repeat 260px 0; height:20px; }

.rightsidebar .sidebar_top 		{ background:url(images/sidebar_top.png) no-repeat 25px 0; height:20px; }
.rightsidebar .sidebar_mid 		{ background:url(images/sidebar_mid.png) repeat-y scroll 25px 0; overflow:hidden;  }
.rightsidebar .sidebar_bottom 	{ background:url(images/sidebar_bottom.png) no-repeat 25px 0; height:20px; }


#recentcomments	li 			{ padding:3px 0; padding-left:20px; background:url(images/rcomment.png) 0 7px no-repeat; border-bottom:1px solid #ddd; }
#recentcomments	li a			{ border-bottom:none;  }
#recentcomments	li a:hover	{ color:#000; }

/* --- 9.HEADER
________________________________________*/

#header			{ border-top:5px solid #000; width:100%; margin:0 auto 0 auto; padding-bottom: 35px;	z-index:3; position:relative; }
#header .inner	{ min-height:60px; z-index:3; }
#header .logo	{ border:0; margin:20px 0 0 0; padding:0; float:left; }
#header .logo img { float: left; }
#header .logo img.xmas {
	position: absolute;
	left: -19px;
	top: 5px;
	z-index: 999;
}
#header .logo #cow {
margin-right:7px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}

#header .logo:hover #cow {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-ms-transform: rotate(359deg);
}


/* --- 10.TOP MENU
________________________________________*/

.topmenu				{ position:absolute; top:25px; right:0px; padding-left:280px; text-align:right;	}

.nav					{ height:50px; line-height:30px; z-index:100; text-align:left; }
.nav, .nav ul			{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:50px;  z-index:9999; }
.nav a					{ display:block; float:left; line-height:18px; outline:medium none; padding:2px 10px; text-decoration:none; width:auto; min-height: 35px; }
.nav a:hover				{ color: #000000; }
.nav li a strong 			{ display:block; font-size:13px; font-weight:normal;}
.nav li a span 				{ display:block; font-size:10px; line-height:14px; }
.nav li					{ float:left; position:relative; z-index:99; margin:0; padding:0; list-style:none; background:none;}
.nav>li:first-child a		{ border:none; }
.nav ul 					{ display:none; left:0; position:absolute; top:30px; width:200px; padding-top:30px; background:#ddd; }
.nav li ul a				{ width:158px; height:auto; float:left; text-align:left; line-height:24px; padding:4px 20px; font-size: 12px; min-height: 24px; }
.nav ul ul					{ top:auto; padding-top: 0px !important; }
.nav li ul ul 				{ left:200px; top:0px; }

.nav li:hover ul ul,
.nav li:hover ul ul ul,
.nav li:hover ul ul ul ul	{ display:none;	 }

.nav li:hover ul,
.nav li li:hover ul,
.nav li li li:hover ul,
.nav li li li li:hover ul	{ display:block; }



/* --- 11.SUB HEADER
________________________________________*/

#subheader						{ background:url(images/bg_grain.png) bottom left repeat-x; z-index:1; margin:0 auto;  }
#subheader	h1					{ font-size:38px; margin:0; padding:5px 0; }
#subheader	h4					{ margin:0; padding:5px 0; }

#subheader .inner				{ padding:30px 0;}



/* --- 12.FEATURED SLIDER
________________________________________*/

#featured_slider					{ width:100%; background:url(images/bg_grain.png) bottom left repeat-x; position:relative; margin:0 auto;  padding:0; z-index:1; }
#featured_slider .inner 				{ width:930px; /*padding:20px 0; */}
#featured_slider .sliderwrap 			{ position:relative; width:980px; margin:0 auto;}
/*xmas
#featured_slider .sliderwrap {
	position:relative;
	width:100%;
	background: url(images/frosty-style.png) no-repeat center top;
	margin:0 auto;
}
#subheader .boxwrap {
	position:relative;
	width:100%;
	background: url(images/frosty-style-sub.png) no-repeat center top;
	margin:0 auto;
}
xmas*/
#featured_slider .sliderwrap .pagetop 	{ position:absolute; bottom:0; left:0;}


/* --- 13.HOMEPAGE TEASER
________________________________________*/

.home_teaser		{ margin:0 0 20px 0; padding:20px; overflow:hidden; height:100%; background:url(images/separator.png) bottom center no-repeat;   }
.home_teaser	h1 	{ margin:0 0 5px 0; }
.home_teaser	h5	{ margin:0 0 10px 0;   }
.home_teaser	img { float:left; margin-right:30px;}

/* --- 14.FOOTER
________________________________________*/

#footer 			{ background:url(images/bg_grain_rev.png) top left repeat-x; overflow:hidden; height:100%; }
#footer h2 		{ color:#fff; font-size:17px; }
#footer .inner	{ padding:40px 0; }

.footer_column 	{ width:13.3%; float:left; margin-right:4%; }
.width_1_column {
	background:url(images/footer-logos.png) right 45px no-repeat;
  padding-right: 170px;
  width: 280px;
}
.last_footer 	{ width:210px; float:right; margin-right:0; }
.last_footer .textwidget{
margin-top:-20px;
text-align:right;
}

.last_footer .textwidget h1{
margin: 0 0 3px;
color:#fff !important;
}

div.textwidget > h1 > .cufon.cufon-canvas > canvas {
	left: -12px !important;
}


.footer_column ul						{ list-style:none; margin:0; padding:0px; }
.footer_column li							{ list-style-position:outisde; padding:3px 0; background:none; margin-bottom:2px; }
.footer_column li a 						{ padding:0; font-size:11px; text-decoration:none; line-height:normal; color:#fff;}

.footer_column li.current_page_item a,
.footer_column li.current-cat a			{ font-weight:bold; text-decoration:none; }

.footer_column li a:hover					{ text-decoration:none; }

.footer_column li ul						{ padding-left:15px; }
.footer_column li ul ul 						{ padding-left:30px; }
.footer_column li ul ul ul 					{ padding-left:45px; }
.footer_column li ul ul ul ul 					{ padding-left:60px; }


/* --- 15.COPYRIGHT
________________________________________*/

.copyright { margin:10px auto; padding:10px 20px; }
.copyright p { text-align:left; margin:0; color:#333; font-size: 10px;}
.copyright span { text-align:left; margin:0; color:#333; font-size: 10px; margin-left: 20px; float:right;}


/* --- 16.WP CALENDAR
________________________________________*/

table#wp-calendar 		{ background:none; border:none !important;}

#wp-calendar 			{ width:100%; }
#wp-calendar caption		{ font-size:13px; color:#fff;  }
#wp-calendar td,
#wp-calendar th			{ padding:1px; text-align:center; border-color:#53AADF; border-left:none; border-right:none; font-size:10px; color:#fff !important; background:none; }
#wp-calendar tfoot		{ border:none; }
#wp-calendar thead		{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
#wp-calendar tr:hover		{ background:none; }
#wp-calendar a 			{ font-weight:bold; color:#fff; font-size:10px; text-decoration:underline;}



/* --- 17.SOCIABLES
________________________________________*/

.social ul 		{ margin: 0px 0 30px 38px; padding: 0; overflow:hidden; }
.social li 		{ margin-left:5px; padding:4px 0px 0px 0; list-style: none; display: inline; float: right; vertical-align:middle }



/* --- 18.SIDEBAR WIDGETS LISTS
________________________________________*/

.syswidget 			{ margin-bottom:40px; clear:left; }
.syswidget ul 		{ padding:0; margin:0 0 0 0; }
.syswidget ul li		{ list-style-type:none; padding:0; margin:0; background:none; }
.syswidget ul li a		{ text-decoration:none; border-bottom:1px solid #ddd; }
.syswidget ul li li a		{ margin:0 0 0 20px;}

.syswidget ul li a:link,
.syswidget ul li a:visited 	{ display:block; padding:5px 0 5px 0px;}
.syswidget ul li ul 			{ marging-left:15px}


/* --- 19.TAG CLOUDS
________________________________________*/

ul.cloud_tags		{ margin:0; padding:0; }
ul.cloud_tags li		{ display:inline; margin:0px 5px; padding:10px 0; list-style-image:none; }
ul.cloud_tags li a		{ color:#555555; }

.size1		{ font-size:10px; }
.size2		{ font-size:12px; }
.size3		{ font-size:16px; }
.size4		{ font-size:20px; }
.size5		{ font-size:22px; }
.size6		{ font-size:28px; }


/* --- 20.Gallery
________________________________________*/

.gallery_imgbox		{ width:250px; float:left; margin:0px 20px 15px 20px; }
.gallery_imgbox h3 	{ padding-top:10px; margin:0; }
.gallery_imgbox p 	{ margin-bottom:5px; }

/* --- 21.HOVER IMAGE ICONS
________________________________________*/


.half_width .loading 	{ text-align:center; display:block; width:430px; height:250px; }

.half_width .loading 	{ background: url(ajax-loader.gif) no-repeat center center; }


.hover_video			{ position: absolute; background:transparent url(images/video.png) no-repeat center center;}
.hover_image			{ position: absolute; background:transparent url(images/image.png) no-repeat center center;}

ul#portfolio-list li a img, a:hover img 		{ position:relative; z-index:2; }
a img, a:hover img 						{ position:relative; z-index:2; }


/* --- 22.SERVICES LISTS
________________________________________*/

ul.services			{ list-style:none; padding-left:0;}
ul.services	li		{ margin-bottom:30px; }
ul.services	p,
ul.services	h3 		{ padding-left:90px; }

li#icon1			{ list-style-type:none; background:url(images/Web.png) 0px 0 no-repeat; }
li#icon2			{ list-style-type:none; background:url(images/System.png) 0px 0 no-repeat; }
li#icon3			{ list-style-type:none; background:url(images/Security.png) 0px 0 no-repeat; }
li#icon4			{ list-style-type:none; background:url(images/Info.png) 0px 0 no-repeat; }


/* --- 23.BLOG POSTS
________________________________________*/

.post 					{ padding-top:0px; margin-bottom:40px; overflow:hidden;  }
.post h2					{ }
.post h2  a				{ font-size:24px; line-height:normal; color:#777; }
.post h2  a:hover			{ text-decoration:none; }

.post-info 				{ font-size:9px; margin-bottom:5px; padding:3px 0px; text-transform:uppercase; letter-spacing:1px;   }
.post-info a 			{ font-size:9px; text-transform:none; }
.post-info a:hover		{ text-decoration:underline; }

.postimg 				{ margin-bottom:10px; }

.post .tags 				{ margin:10px 0 0 0; font-size:9px; }
.post .tags a 			{ font-size:9px; }

/*	Blog Comments ----------------*/
#comments		{ background:#f7f7f7;	border: 1px solid #ddd; padding:10px; overflow:hidden;height:100%; 	}
#comments h2 	{ margin:10px 0; font-size:28px; }


/* --- CONTENT OL
________________________________________*/

.two_third ol 		{ padding:0 0 10px 10px; margin:0; list-style-position:inside; }
.two_third ol li 		{ list-style:decimal; padding:5px 0 0 0;	list-style-position:inside; }
.two_third ol ul li		{ list-style:decimal; padding:5px 0 0 0; list-style-position:inside; }

/* --- CONTENT > UL
________________________________________*/

.two_third ul 		{ padding:0 0 10px 10px; margin:0; ist-style-position:inside; }
.two_third ul li 		{ list-style:square; padding:5px 0 0 0;	list-style-position:inside; }


/* --- 24.ALERT MESSAGE BOXES
________________________________________*/

span.error 				{ color: #cc0000; border-top: 3px solid #fe7b7a; border-bottom: 3px solid #fe7b7a; background: #ffd6d6 url(images/icons/error.png) 4% 50% no-repeat;}
span.info 				{ color: #0055bb; border-top: 3px solid #629de3; border-bottom: 3px solid #629de3; background: #d8e5f8 url(images/icons/info.png) 4% 50% no-repeat;	}
span.alert 				{ color: #b79000; border-top: 3px solid #fde179; border-bottom: 3px solid #fde179; background: #fef6d8 url(images/icons/alert.png) 4% 50% no-repeat;}
span.download			{ color: #ffffff; border-top: 3px solid #6a8b2c; border-bottom: 3px solid #6a8b2c; background: #7E9F59 url(images/icons/download.png) 4% 50% no-repeat;}
span.success 			{ color: #57861a; border-top: 3px solid #c2df88; border-bottom: 3px solid #c2df88; background: #eef7dd url(images/bullets/check.gif) 4% 50% no-repeat;}

span.error,
span.info,
span.alert,
span.success,
span.download			{ display: block; padding: 10px 10px 10px 55px; margin: 5px;	-moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; }


code, pre				{ font-size: 12px; background: #f3f3f3; padding: 10px; border: 1px solid #dbdbdb; color: #333; }

/* --- 25.FORMS CSS
________________________________________*/

.input_small	{ width:25%; }
.input_medium 	{ width:50%;}
.input_large 	{ width:90%;  }

#validate_form label.error	{ border:none;   }
#validate_form .error		{ color: red; border: 1px solid red; }

div#note,
div#result		{ margin:0 5px; }

div#note p,
div#result p	{ margin-bottom:0; }

#result span.error 		{ color: #cc0000; border-top: 3px solid #fe7b7a; border-bottom: 3px solid #fe7b7a; background: #ffd6d6; }
#result span.success 	{ color: #57861a; border-top: 3px solid #c2df88; border-bottom: 3px solid #c2df88; background: #eef7dd; }
#result span.error,
#result span.success	{ display: block; font-weight:normal; font-size:10px; padding: 8px; margin:0 0 5px 0;	-moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; }

.sysform 				{ width:100%; }
.sysform form 			{ margin:0; padding:0; margin-top:20px; width:100%; }
.sysform form label 		{ display:block; padding:6px 10px 0 0; margin:0px; }
.sysform label.error 		{ border:0; padding:0; }

.sysform input.txt,
.sysform textarea,
.sysform select 			{ border-style:solid; border-width:1px; margin-bottom: 3px !important;  border: 1px solid; width: 90%; padding: 4px;  background-color: #f7f7f7; border-color: #ccc #ddd #ddd #ccc;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.sysform form br 				{ clear:left; }
.sysform form p 				{ margin: 0 0 5px 0; }
.sysform .select select:focus	{ border-color: #9b9b9b; }
.sysform form input.btn 		{ background:none; border:none; }
.sysform form.c1 input:hover,
.sysform textarea:hover		{ border:1px solid #d8d8d8;	}
.sysform input:focus,
.sysform textarea:focus 		{ background:#fff; }


/* --- 26.SIDEBAR SEARCH BOX
________________________________________*/

.search-box 							{ background:url("images/searchbar.png") no-repeat scroll left top transparent; height:48px; padding: 5px 0 0 0px; width: auto; 	margin:10px 0 20px 0px; }
* html .search-box 					{ margin-top: 10px; }
*:first-child+html .search-box 		{ margin-top: 10px; !important; }

.search-box p						{ margin-bottom:0}
input.search-field 					{ width: 190px; float:left; padding: 10px 0px 0 10px; background:none; border:none;}
input.search-field:focus 				{ background:none; border:none;}

input.search-go  						{ float:left; width:40px; height:40px; border:0; margin:0 0 0 0px; padding:0; background:url(images/search-on.png) no-repeat 0 10px; cursor: pointer; }
input.search-go:hover 				{ background:url(images/search-hover.png) no-repeat 0 10px; }


/* --- 27.BULLETS
________________________________________*/

ul.pages li a 	{ background:url(images/bullet_page.png) left center no-repeat; }
ul.dot li a 	{ background:url(images/bullet_dot.png) left center no-repeat; }
ul.arrow li a 	{ background:url(images/bullet_arrow.png) left center no-repeat;}

ul.bullet-black li 		{ background: transparent url("images/bullets/dot_black.gif") no-repeat 0 50%; }
ul.bullet-gray li 			{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%; }
ul.bullet-blue li 			{ background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 50%; }
ul.bullet-green li 		{ background: transparent url("images/bullets/dot_green.gif") no-repeat 0 50%; }
ul.bullet-red li 			{ background: transparent url("images/bullets/dot_red.gif") no-repeat 0 50%; }
ul.bullet-orange li 		{ background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 50%; }
ul.disc-black li			{ background: transparent url("images/bullets/circle_black.gif") no-repeat 0 50%; }
ul.disc-gray li 			{ background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 50%; }
ul.disc-blue li 			{ background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 50%; }
ul.disc-green li	 		{ background: transparent url("images/bullets/circle_green.gif") no-repeat 0 50%; }
ul.disc-red li 			{ background: transparent url("images/bullets/circle_red.gif") no-repeat 0 50%; }
ul.disc-orange li 			{ background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 50%; }

ul.bullet-check li 		{ background: transparent url("images/bullets/check.gif") no-repeat 0 8px;  padding-left: 20px; }


/* --- 28.PRE / CODE CSS
________________________________________*/


code, pre			{ font: normal 12px/20px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:10px 0 20px 0; border: 1px dotted #bbb;	color: #333;}
code				{ padding: 3px 5px; background-image: none; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* --- 29.HIGHLIGHTS
________________________________________*/

.yellow_highlight	 	{ background:#ffff00; }
.red_highlight 			{ background:#f9c1c1; }
.green_highlight 		{ background:#daf0a9; }
.blue_highlight 			{ background:#a9d1f0; }

.yellow_highlight,
.red_highlight,
.green_highlight,
.blue_highlight 			{ color:#000; padding:1px 4px;}

.black_highlight		{ background:#000; color:#fff;  padding:1px 4px;}


/* --- 30.DROPCAPS
________________________________________*/

.dropcap1				{ display:block;  background:url(images/dropcap.png) 50% 50% no-repeat; font-size:30px; float:left; width:40px; text-align:center; height:40px;  margin-bottom:-5px; margin-right : 10px; font-size: 2em; line-height:35px; color:#FFFFFF; padding-left:1px; padding-top:5px;}
.dropcap1 span			{ font-size: 2em; line-height:1.5em; color:#FFFFFF; }
.dropcap1 + span			{ margin-left  : -0.5em; }

.dropcap2				{ display:block; float:left; text-align:center; margin-top:0em; margin-left:0.1em; margin-right : 0.2em; font-size:3em; line-height:1em; color:#333;	}
.dropcap2 span			{ font-size:3em; line-height:1em; color:#333;}
.dropcap2 + span			{ margin-left  : 0em;}

/* --- 31.TOGGLE CONTENT
________________________________________*/

h5.toggle 				{ background:url(images/plus.png) 0 0 no-repeat;  margin-top:20px; padding:0 0 0 30px; display:block; }
h5.toggle a 				{ color: #888; padding-top:2px; text-decoration: none; display: block; font-size:18px;}
h5.toggle a:hover 		{ color:#666;}

h5.active 				{ background:url(images/minus.png) 0 0 no-repeat ;  display:block;}
h5.active a:link 			{ color:#666;}

.toggle_content 						{ clear:both; overflow:hidden; border:1px solid #F5F5F5; margin:0 0 20px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; background:#F5F5F5;  }
.toggle_content div.toggleinside		{ padding:15px;}

/* --- 32.PULL QUOTES
________________________________________*/

span.inset-left 			{ display: block; padding: 15px; float: left; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, Arial, Sans-serif;}
span.inset-right 		{ display: block; padding: 15px; float: right; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, rial, Sans-serif; }


/* --- 33.SITEMAP
________________________________________*/


.sitemap 				{ padding:0; margin-bottom:25px; }
.sitemap ul				{ padding:0; margin:0; }
.sitemap li				{ list-style-type:none; height:100%; background:none; list-style-position:inside; padding:0;}
.sitemap li a				{ background:url(images/bullet_arrow.png) 10px 50% no-repeat; text-decoration:none; bheight:100%;  }
.sitemap li li a			{ margin:0 0 0 25px; }

.sitemap li a:link,
.sitemap li a:visited		{ display:block;	padding:5px 0 5px 25px;	}

.sitemap li a:hover		{ text-decoration:none;	}

/* --- 34.DOCS
________________________________________*/

.doc_box  				{ height:250px; border:1px solid #555; -moz-border-radius:6px;  -webkit-border-radius:6px;  border-radius:6px;  clear:both; margin:10px 0; padding:10px; }
ol.doc					{ margin-top:10px;margin-left:20px;}
ol.doc li					{ float:left;margin-bottom:5px;width:165px;list-style:decimal-leading-zero;}
ol.doc li a				{ color:#333; text-decoration:underline;}


/* --- 35.GENERAL WP ELEMENTS
________________________________________*/

a.more-link				{ background:url(images/morelink.gif) right center no-repeat; padding-right:25px; }
a.more-link:hover		{ background:url(images/morelink.gif) right center no-repeat; padding-right:25px; color: #999; }

tbody tr:hover td 	{}
table			{ border: 1px solid #ddd; }
table th 			{ background:#e2e2e2; border: 1px solid #fff; }
table td 			{ border: 1px solid #ddd; }
tbody tr:hover td	{ background:#F5F5F5; }

/* tables still need 'cellspacing="0"' in the markup */

table 			{ border-collapse: collapse; border-spacing: 0; }

table.aligntop,
table.aligntop td {
	border: none;
	vertical-align: middle;
}


blockquote 							{ quotes: none; }
blockquote:before, blockquote:after	{ content: ''; content: none; }
blockquote 							{ font-style: italic; padding: 0 3em; }

blockquote cite,
blockquote em,
blockquote i 						{ font-style: normal; }

blockquote p	{ font-style: italic; padding: 0 3em;}

blockquote.qentry p	{ margin-bottom:5px;}
blockquote.qentry	{ margin:20px 0; padding-left:40px; background:URL(images/quote-small.png) 10px 0px no-repeat;}
blockquote.qentry cite span	{ font-weight:bold; padding-left:40px; }


.content table 		{ border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%; }
.content tr th,
.content thead th 		{ color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; }
.content tr td 		{ border-top: 1px solid #e7e7e7;padding: 6px 24px;}
.content tr.odd td 	{ background: #F2F7FC; }


dl 	{ margin:0 0 24px 0;}
dt	{ font-weight: bold;}
dd	{ margin-bottom: 18px;}

hr 	{ background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;}

strong 		{ font-weight: bold; }
cite, em, i	{ font-style: italic; }
big 			{ font-size: 131.25%; }
ins 			{ background: #FFFFCC;}


abbr,
acronym 	{ border-bottom: 1px dotted #666; cursor: help; }
ins 		{ text-decoration: none; }

sup,
sub 		{ height: 0; line-height: 1; vertical-align: baseline; position: relative;}
sup 		{ bottom: 1ex; }
sub 		{ top: .5ex;}

del 		{ text-decoration: line-through;}

/* --- 36.WP ATTACHMENTS
________________________________________*/

.entry-content .attachment img 						{ margin-bottom: 0; }
.attachment .entry-content .entry-caption 			{ font-size: 140%; margin-top: 24px; }
.attachment .entry-content .nav-previous a:before 	{ content: '\2190\00a0'; }
.attachment .entry-content .nav-next a:after 			{ content: '\00a0\2192'; }


/* --- 36.DEFAUL IMAGES ALIGNMENTS
________________________________________*/

.entry-content img 		{ margin: 0 0 24px 0; max-width: 640px; }
.alignleft,
img.alignleft 			{ display: inline; float: left; margin-right: 15px; margin-top: 4px;}

.alignright,
img.alignright 			{ display: inline; float: right; margin-left: 24px; margin-top: 4px;}

.aligncenter,
img.aligncenter 			{ clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft,
img.alignright,
img.aligncenter 			{ margin-bottom: 12px; }


.content .wp-caption 	{ background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; }
.content .wp-caption img 	{ margin: 5px;}
.content .wp-caption p.wp-caption-text { margin: 0 0 4px; }
.content .wp-smiley 		{ margin:0; }

/* --- 37.WP DEFAULT GALLERY
________________________________________*/

.content .gallery 					{ margin: auto; }
.content .gallery .gallery-item 	{ float: left; margin-top: 10px; text-align: center; width: 33%; }
.content .gallery img 				{ border: 2px solid #cfcfcf; }
.content .gallery .gallery-caption 	{ margin-left: 0; }
.content .gallery dl 				{ margin: 0; }
.content .gallery img 				{ border: 10px solid #f1f1f1; }
.content .gallery-caption 			{ color: #888; font-size: 12px; margin:-24px 0 24px 0; }
.content .gallery br+br 				{ display: none; }

/* --- 38.POP/REL POSTS
________________________________________*/

#popular_related_posts								{ margin-top:40px; }
#popular_related_posts .post_container a,
#popular_related_posts .post_container a:hover		{ color:#bbb;}

.post_container		{ width:600px; padding-left:0; margin-left:-5px; }
.post_container img	{ margin-bottom:6px; }

.popular_post,
.related_post,
.recent_post		{ list-style:none; float:left; margin-left:7px; width:140px; line-height:16px; font-size:11px; }



/* --- 39.TEASER TWITTER CSS
________________________________________*/

#subheader blockquote p.tweet 	{ background:url(images/twitter_bird.png) 0 50% no-repeat; padding-left:48px; margin-bottom:0; }
#subheader p.tweet 			{ font-size:18px; line-height:normal; font-style:normal; }

#subheader div.customteaser { margin-bottom:0; font-size: 12px; line-height:20px; }
#subheader h1				{ margin:0; }


#sidebar blockquote  		{ margin:0 0 6px 0; padding:5px 0; border-bottom:1px solid #ddd; }
#sidebar blockquote p.tweet { background:url(images/twitter_bird_small.png) 0 0px no-repeat; padding-left:36px; margin-bottom:0; }
#sidebar p.tweet 			{ font-size:11px; line-height:normal; font-style:normal; }


#sidebar .ansprechpartner {
	margin: 0 0 6px 0;
	padding: 5px 0 12px;
	border-bottom: 1px solid #ddd;
}
#sidebar .ansprechpartner img.person {
	float: left;
	width: 105px;
	margin: 0px 10px 10px 0px;
}
#sidebar .ansprechpartner h4 {
	margin: 0;
}
#sidebar .ansprechpartner br {
	display: none;
}

#sidebar .ansprechpartner p br {
	display: block;
}


#sidebar blockquote p.quote { background:url(images/quote-small.png) 0 0px no-repeat; }
}


#footer p tweet 			{ padding:0; font-style:normal;}
#footer  blockquote  		{ padding:0; margin:0;}

.systwitter ul li { background:none;}
.systwitter ul li p.tweet 	{ background:url(images/twitter_bird_small.png) 0 6px no-repeat; padding-left:28px; margin-bottom:10px;  }

/* --- 40.FLICKR WIDGET
________________________________________*/

.flickr_badge_image  			{ margin:0 0 6px 0; padding:5px 0;  display:block; list-style-position:inside; list-style-type:none; float:left;}
.flickr_badge_image  img			{ width:60px; height:60px; border:1px solid #ccc; padding:1px; }
.flickr_badge_image img:hover	{ border:1px solid #000; }
.flickr 							{ color:#0063DB;}
.flickr span 					{ color:#FF0084;}

/* --- 41.PAGINATION
________________________________________*/

.pagination						{ clear:both; margin-top:30px; margin-left:20px; width:100%; padding-top:15px;}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend			{ font-size:11px; padding: 10px;  margin: 1px; color:#444; border: 1px solid #eee; background: #FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.pagination span.pages 			{ border:0; text-transform:uppercase }
.pagination a:hover 				{ border: 1px solid #ccc; background: #fff; }

.pagination span.current 		{ padding: 10px; margin: 1px; font-weight: bold; color:#777; border: 1px solid #ccc;}

/* --- 42.WIDGETS POP/REC POSTS
________________________________________*/

.widget_postslist 				{ margin:0 0 40px 0; padding:0; }
.widget_postslist ul				{ margin:0; padding:0; }
.widget_postslist li				{ padding:0 0 5px 0; margin-bottom:5px; clear:both; overflow:hidden; height:100%; background:none; list-style:none; line-height:normal; }
.widget_postslist li .thumb		{ float:left; padding-bottom:2px; margin:0 10px 0 0; }
.widget_postslist li span.wpldate	{ font-size:10px; text-transform:uppercase; letter-spacing:1px; color: #aaa; }
.widget_postslist li br			{ height:0;}

/* --- 43.TABS
________________________________________*/
.systabspane { clear:both; margin:10px 0 30px 0;}

ul.tabs 	{ margin:0 !important;padding:0;height:30px;clear:left; border-bottom:1px solid #ddd;}
ul.tabs li 	{ float:left;padding:0; margin:0; list-style-type:none; background:none;}
ul.tabs a 	{ float:left; display:block; position:relative; top:1px; padding:5px 30px; margin-right:2px; border-bottom:0px; height:18px; border:1px solid #ddd; font-size:10px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; border-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-radius-topleft:4px;
	-webkit-border-radius-topright:4px;
	}

ul.tabs a.current	{ cursor:default; background:#fff; border-bottom:1px solid #fff; }
.tab_content		{ display:none;padding:20px 30px;overflow:hidden; border:1px solid #ddd; background-color:#fff; border-top:0; }
.panes 				{ clear:both; }


/* --- 44. FANCY BUTTONS
________________________________________*/

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin:5px 2px 0 2px;
	width:auto;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.large { 	font-size:18px;}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* Email Button ----------------- */

a.email-me		{ padding-left:20px; vertical-align: baseline; background:url(images/email-me.png) bottom left no-repeat; text-decoration: underline; margin:0 15px 0 0;}
a.downloadlink	{ padding-left:20px; vertical-align: baseline; background:url(images/downloadlink.png) bottom left no-repeat; text-decoration: underline; margin:0 15px 0 0; }


/* BUTTON GRADIENCY --------------*/

.button {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.button:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.button:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* --- 45.FANCY BOX
________________________________________*/

.fancybox .boxcontent { padding: 1px 20px 20px 20px; }
.fancybox {padding:0px;margin:0px 0px 10px 0px; position:relative; overflow: hidden; height: 100%;
border:1px solid #ccc !important;
	background-color:#fff;
	background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));
	-moz-box-shadow:0px 1px 1px #aaa;
	-webkit-box-shadow:0px 1px 1px #aaa;
	box-shadow:0px 1px 1px #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; }

.fancytitle {
background:url(images/linear_bg.png) bottom left repeat-x; font-size:14px; text-transform: uppercase; text-align:center; color:#fff; padding: 10px 0; letter-spacing:1px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-radius: 5px;
border-bottom:7px solid #ddd;
 }


.bigtitle { font-size:40px; text-align:center; margin-bottom:10px; }
.bigtitle span { font-size:14px; vertical-align:baseline; }

/* --- 46.MINIMAL BOX
________________________________________*/

.minimalbox .boxcontent { padding: 20px; margin-top: 1px; border-top:1px solid #fff; }
.minimalbox { padding:0px;margin:0px 0px 20px 0px; position:relative;  overflow: hidden; height: 100%;
border:1px solid #ccc !important;
	background-color:#fff;
	background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));
	-moz-box-shadow:0px 1px 1px #aaa;
	-webkit-box-shadow:0px 1px 1px #aaa;
	box-shadow:0px 1px 1px #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; }

.minimaltitle {
font-size:14px; text-transform: uppercase; text-align:center; padding: 15px 0 5px 0; letter-spacing:1px; margin-bottom:0px; color:#777; }

.minimalbox .bigtitle 		{ font-size:40px; text-align:center; padding-bottom:15px; border-bottom:1px solid #ddd;  }
.minimalbox .bigtitle span 	{ font-size:14px; vertical-align:baseline; }


.ribbon { position:absolute; top:0; right:0; z-index:9; width:70px; height:70px; }
.gal_content{color:#ccc;font:14px/1.4 arial,sans-serif;width:600px;margin:20px auto}
            h1{line-height:1.1;letter-spacing:-1px;}
            #galleria{height:400px;}


/* --- 46.CONTACT INFO
________________________________________*/

.contactinfo span	 { padding-left:25px; }

.author-icon 		{ background:url(images/author-icon.png) bottom left no-repeat; padding-left:25px; }
.phone-icon 		{ background:url(images/phone-icon.png) bottom left no-repeat; padding-left:25px; }
.email-icon 		{ background:url(images/email-me.png) bottom left no-repeat; padding-left:25px; }
.address-icon 		{ background:url(images/address-icon.png) bottom left no-repeat; padding-left:25px; }

/* --- 47.PORTFOLIO
________________________________________*/
.portfolio_item h4 { margin-top: 5px;}
.portfolio_item h3 a,
.portfolio_item h4 a { font-size: inherit;}
.portfolio_item .one_fourth h4 a { font-size: 14px; }
.portfolio_item .one_third h4 a { font-size: 16px; }
.portfolio_item .half_width h4 a { font-size: 18px; }


/* --- 48.Author Box on Blog Single Page
________________________________________*/

.authorbox 	h3									{ margin:10px 0 5px 0;  }
.authorbox  .avatar								{ float:left; margin:5px 20px 15px 10px; }
.authorbox										{ padding:10px; margin:15px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* --- 47.ICONS SHORTCODES CSS
________________________________________*/

a[class ^="icon"] { text-decoration: underline !important;}

.icon_male 		{ background:url(images/icons/icon_male.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_female 	{ background:url(images/icons/icon_female.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_lock 		{ background:url(images/icons/icon_lock.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_zip 		{ background:url(images/icons/icon_zip.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_movie 	{ background:url(images/icons/icon_movie.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_rss 		{ background:url(images/icons/icon_rss.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_addbook 	{ background:url(images/icons/icon_addbook.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_arrow 	{ background:url(images/icons/icon_arrow.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_calc 		{ background:url(images/icons/icon_calc.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_clock 	{ background:url(images/icons/icon_clock.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_comment 	{ background:url(images/icons/icon_comment.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_dollar 	{ background:url(images/icons/icon_dollar.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
	.oldprice 	{ color:#888888; font-size:11px; padding:0 0 0 5px; text-decoration:line-through;}
	.off 		{ color:#EE4322; font-size:11px; padding:0 0 0 5px; text-decoration:none;}

.icon_error 	{ background:url(images/icons/icon_error.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_euro 		{ background:url(images/icons/icon_euro.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_exclamation { background:url(images/icons/icon_exclamation.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_feed 		{ background:url(images/icons/icon_feed.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_help 		{ background:url(images/icons/icon_help.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_home 		{ background:url(images/icons/icon_home.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_mail 		{ background:url(images/icons/icon_mail.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_medal 	{ background:url(images/icons/icon_medal.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_mobile 	{ background:url(images/icons/icon_mobile.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_music 	{ background:url(images/icons/icon_music.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_new 		{ background:url(images/icons/icon_new.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_pdf 		{ background:url(images/icons/icon_pdf.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_phone 	{ background:url(images/icons/icon_phone.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_pound 	{ background:url(images/icons/icon_pound.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_print 	{ background:url(images/icons/icon_print.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_star 		{ background:url(images/icons/icon_star.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_starmedal { background:url(images/icons/icon_starmedal.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_support 	{ background:url(images/icons/icon_support.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_tag 		{ background:url(images/icons/icon_tag.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_vcard 	{ background:url(images/icons/icon_vcard.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_word 		{ background:url(images/icons/icon_word.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_yen 		{ background:url(images/icons/icon_yen.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_disk 		{ background:url(images/icons/icon_disk.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_monitor 	{ background:url(images/icons/icon_monitor.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_download 	{ background:url(images/icons/icon_download.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_pin 		{ background:url(images/icons/icon_pin.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_chart 	{ background:url(images/icons/icon_chart.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_find 		{ background:url(images/icons/icon_find.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}
.icon_key 		{ background:url(images/icons/icon_key.png) no-repeat left center; padding-left: 25px; vertical-align: baseline;}


#boxed .headpagebot	{ background:none; width:980px; height:10px; margin:0 auto; z-index:1; }
#boxed .pagetop		{ background:none; width:980px; height:10px; margin:0 auto; }
#boxed .pagebot 	{ background:none; width:980px; height:10px; margin:0 auto; }


/*--------------------------------------------- NEUE KLASSEN*/

.dreamrobot_li li{
display:inline !important;
background: transparent url("images/bullets/check.gif") no-repeat 0 8px;  padding-left: 20px;

}
.green {
	color: #5c8d1b;
}

#unsere_partner img {
	float: left;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale' filterRes='600'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#unsere_partner img:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
#unsere_partner div {
	float: left;
}
#unsere_partner div#mediablix,
#unsere_partner div#werkstatt-fuer-kundenorientierung,
#unsere_partner div#hansmeyer-consult {
	clear: left;
}
#unsere_partner div a {
	display: block;
	width: 100%;
	height: 100%;
}

#unsere_partner div#textwerk {
	width: 104px;
	height: 40px;
	background-image: url(images/partner/textwerk.png);
	margin: 15px 0 5px 20px;
}
#unsere_partner div#china-connect {
	width: 62px;
	height: 50px;
	background-image: url(images/partner/china-connect.png);
	margin: 10px 40px 0 0;
	float: right;
}
#unsere_partner div#mediablix {
	width: 99px;
	height: 41px;
	background-image: url(images/partner/mediablix.png);
	margin: 27px 0 7px 22px;
}
#unsere_partner div#m2-merchandising {
	width: 74px;
	height: 56px;
	background-image: url(images/partner/m2-merchandising.png);
	margin: 19px 25px 0 0;
	float: right;
}
#unsere_partner div#werkstatt-fuer-kundenorientierung {
	width: 76px;
	height: 68px;
	background-image: url(images/partner/wfk-logo.png);
	margin: 25px 0 0 27px;
}
#unsere_partner div#menschen-im-fokus {
	width: 146px;
	height: 41px;
	background-image: url(images/partner/menschen-im-fokus-NLM.png);
	margin: 25px 0 3px 0;
	float: right;
}
#unsere_partner div#hansmeyer-consult {
	width: 140px;
	height: 32px;
	background-image: url(images/partner/hansmeyer-consult.png);
	margin: 25px 0 0 0;
}
#unsere_partner div#filmfaktor {
	width: 128px;
	height: 25px;
	background-image: url(images/partner/filmfaktor.png);
	margin: 27px 7px 5px 0;
	float: right;
}
#unsere_partner div#oppermann {
	background-image: url(images/partner/logo-oppermann-consulting.png);
	width: 135px;
	height: 60px;
	margin: 15px 0 0;
}

#unsere_partner div#eilert-medien {
	background-image: url(images/partner/logo-eilert-medien.png);
	width: 135px;
	height: 60px;
	margin: 15px 0 0 15px;
	float: right;
}

#unsere_partner div#ar-owl {
	background-image: url(images/partner/logo-ar-owl.png);
	width: 62px;
	height: 99px;
	margin: 15px 40px 0 35px;
}

#unsere_partner div#wow {
	background-image: url(images/partner/logo-wow.png);
	width: 125px;
	height: 34px;
	margin: 40px 0 0 15px;
	float: right;
}

#unsere_partner div#china-connect:hover,
#unsere_partner div#mediablix:hover,
#unsere_partner div#m2-merchandising:hover,
#unsere_partner div#werkstatt-fuer-kundenorientierung:hover,
#unsere_partner div#menschen-im-fokus:hover,
#unsere_partner div#filmfaktor:hover,
#unsere_partner div#oppermann:hover,
#unsere_partner div#eilert-medien:hover,
#unsere_partner div#ar-owl:hover,
#unsere_partner div#wow:hover {
	background-position: bottom;
}

p.wp-caption-text {
	text-align: left;
	margin: 0 0 4px 0!important;
}
div.columns-wrapper iframe {
	margin: 10px 0
}

/* REFERENZEN NEU */
hr {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC !important;
    margin: 20px 0 !important;
    padding-top: 10px;
}
div.column1,
div.column1 img {
width: 281px;
float: left;
margin: 0 4% 0 0
}
div.column2 {
width: 282px;
margin: 0 4% 0 0;
float: left;
}
div.column3 {
float: left;
width: 281px;
}

/* Feedbackbogen */

div#wpcf7-f2040-p2049-o1 textarea {
width: 600px;
height: 100px;
}


@media print {
	.pagination,
	#breadcrumbs,
	.topmenu,
	#sidebar,
	#footer,
	#footer,
	.copyright {
		display:none;
	}

	.pp_pic_holder,
	.pp_overlay,
	.ppt,
	#rufous-sandbox {
		display:none;
	}

	#header {
		border-top: none;
	}

	#main {
		width: 100%;
	}
}

.floatright {
	float: right !important
}
div.team {
    float: left;
    margin: 0 16px 20px 0;
    width: 30.66%;
}
div.team.first {
    clear:left;
}
div.team img.framed {
    width: 140px;
}
.cycloneslider-template-standard {
	margin-top: -20px;
}
.cycloneslider-template-standard .cycloneslider-slide {
	background: none !important;
}

.playSound {
	display: none;
}


#sidebar .thumbnail {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    float: left;
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
    width: 100px;
    margin-right: 8px;
}

.post.entry {
	margin-right: 40px;
}

.single .post.entry {
	min-height: 700px;
}

#sidebar {
	background:url(images/sidebar_top.png) no-repeat 260px 0; /*height:20px; */
}

.sb-presse {
	margin-top: 35px;
}

.sb-presse div.contact > span.icon.phone {
    background-image: url("images/phone.png");
}

.sb-presse div.contact > span.icon.fax {
    background-image: url("images/fax.png");
}

.sb-presse div.contact > span.icon.mail {
    background-image: url("images/mail.png");
}

.sb-presse div.contact > span.icon {
    background: none no-repeat scroll left 3px transparent;
    float: left;
    line-height: 18px;
    margin: 0 0 2px;
    padding: 0 0 0 20px;
}

.presse-table, .presse-table td, .presse-table:hover, .presse-table td:hover {
	border: none;
	background-color: transparent;
}

.presse-pdf {
	background: url(images/icons/presse-pdf-icon.png) no-repeat;
	width: 128px;
	height: 128px;
	display: block;
  -webkit-transition: opacity 0.8s; /* For Safari 3.1 to 6.0 */
  transition: opacity 0.8s;
}

.presse-pdf:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.presse-image img {
  -webkit-transition: opacity 0.8s; /* For Safari 3.1 to 6.0 */
  transition: opacity 0.8s;
  border: none;
}

.presse-image img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  border: none;
}

.cat_presse h2, .cat_presse > p {
	color: #777;
}

.cat_presse > p {
	color: #333;
	margin-right: 40px;
}

.cat_presse > hr {
	width: 90%;
}

#overlay2 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
}

/* Kategorien in der Sidebar ausblenden */

#sidebar .cat-item-1,
#sidebar .cat-item-4,
#sidebar .cat-item-71,
#sidebar .cat-item-128,
#sidebar .cat-item-155 {
	display: none;
}


.intro {
	margin-bottom: 40px;
}

.intro h2 {
	color: #777;
}


.xmas-cow {
	transition: position 2s, left 2s, bottom 2s;
	z-index: 55555;
	display: none;
}

.xmas-cow-appearance {
	left: 0px !important;
	bottom: 0px !important;
	display: block;
}

.team:nth-child(3n+1) {
	clear: left;
}