/*
Theme Name: Transprivacy
Author: Florian Kuhlmann
Author URI: http://www.meta-unlimited.com
Version: 1.0

*/

/*========================================
        Global Styles
========================================*/
@import url(reset.css);
@import url(960_16_col.css);
@import url(forms.css);
@import url(text.css);

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    	padding-bottom:100px;
    background: #FFFFFF;
    background: transparent url(../00_img/bg1_1600x1024.jpg) fixed repeat;
}

/*========================================
        #headeranimation
========================================*/

.wrap {
	margin: 0px;
    padding: 0px;
    height:320px;	
}

#cycle {
	margin: 0px;
    padding: 0px;
height:320px;
overflow:hidden;
position:relative;}

.slide {
		margin: 0px;
    padding: 0px;
width:930px;
height:310px;
overflow:hidden;
position:relative;
}

.slideimage {
	margin: 0px;
    padding: 0px;
height:310px;
width:920px;
z-index:2;
position:absolute;
}

.slidetext {
max-height:300px;
overflow:hidden;
width:480px;
top:20px;
left:240px;
z-index:2;
position:absolute;
font-size:13px;
line-height:20px;
font-weight:bold;
	margin: 0px;
    padding: 0px;
}
.slidetext h1{
	font-size:36px; 
	line-height:36px; 
	margin-bottom:12px; 
	display:inline; 
	padding:5px; 	
	background-image:url(../00_img/bg_ffffff_20pro_20x20.png);
}
.slidetext p {
	float:left;
	margin:0;  
	display:inline;
	padding:5px;	
	margin-top:15px;
	width:480px;
	background-image:url(../00_img/bg_ffffff_20pro_20x20.png);
	color:#fff;
	font-size:18px; 
	line-height:24px;
}
.slidelink {
top:260px;
left:240px;
z-index:2;
position:absolute
}

.slidelink a {
display:block;
width:110px;
height:27px;
text-align:center;
background-image:url(../00_img/slider-more.gif);
background-position:0 -27px;
color:#fff;
font-weight:bold;
text-decoration:none;
line-height:27px;
}
.slidelink a:hover {
background-position:0 0px;
}

#cycle .prev, #cycle .next {
width:33px;
height:33px;
position:absolute;
z-index:50000;
top:155px;
left:880px;
cursor:pointer;
}

#cycle .next {
right:900px;

background:url(../00_img/bfo_slider_button.png) no-repeat 0 0;
}
#cycle .next:hover {
background:url(../00_img/bfo_slider_button_hover.png) no-repeat 0 0;
}

#cycle .prev {
display:none;
}


.slider .csc-textpic img {margin-bottom:0 !important}



/*========================================
        #header subconfig
========================================*/

#bannerbox {
	position:absolute;
	width:497px;
	height:328px;
	top:91px;
	background:url(../00_img/banner_left_extended.png) no-repeat 0 0;
	z-index:50;
}

#bannerboxsmall {
	position:absolute;
	width:260px;
	height:180px;
	top:80px;
	background:url(../00_img/banner_left_s_extended.png) no-repeat 0 0;
	z-index:50;
}

#bgbox {

    height:95%;
    width:90%;
	position:fixed;
	left:5%;
	background-image:url(../00_img/bg_11fb24_20pro_20x20.png);
  	background-repeat:repeat-x;

}

#thepage {
	position:relative;

  	background-image:url(../00_img/bg_ffffff_20pro_20x20.png);
  	padding-left: 15px;
  	padding-right: 15px;
  	line-height:1.5em;
}

#thepage .smallheader {
	color:#0dfb23;
	color:#fff;
	font-size:20px;
	padding:5px 0px 5px 0px;
}

#thepage #headernavi {
	/*background-image:url(../00_img/bg_ffffff_100pro_20x20.png);*/
	background:#000;
	height:40px;
	margin-bottom:5px;
	border-bottom:1px dotted #0dfb23;
	color:#0dfb23;
}

#thepage #headernavi a {
    color:#fff;
}

#thepage #headernavi a:hover {
	color:#0dfb23;
    text-decoration:none;
    
}

#thepage #headernavi ul{
	#padding:10px;
	
	float:left;
	
	#list-style:none;
}

#thepage #headernavi ul li{
	#float:left;
	#padding:0px;
	#margin:0px 10px 0px 0px;

}

/* 1. Level */
#thepage #headernavi #nav,
#thepage #headernavi #nav ul { 
/*	font-family: 'Helvetica', Arial, sans-serif;*/
	padding:10px 0px 0px 0px; 
	margin:0; 
	list-style:none;
	color:#fff;
	z-index:100;
	}

#thepage #headernavi #nav li { 
	float:left; 
	padding:5px 21px 3px 21px; 
	background:#000; 
	text-transform: uppercase;

	}

#thepage #headernavi #nav li.last { 
		background-image:0;
	}

#thepage #headernavi #nav li a {
		display:block; 
	}

#thepage #headernavi #nav li:hover ,
#thepage #headernavi #nav li.sfhover { 
		background:0; 
	}
#thepage #headernavi #nav li.act { 
		background:0; 
	}
#thepage #headernavi #nav li.act a { 
		color:#0dfb23;
	}

/* 2. Level */
#thepage #headernavi #nav li ul { 

		position:absolute; 
		width:20em; 
		left:-999em; 
		margin:0px 0px 0px -10px;
		padding:7px 0px 0px 0px; 
	}
HTML>BODY #thepage #headernavi #nav li ul { 
		margin-left:0px;
	}
#thepage #headernavi #nav li ul li { 
		/*border-top:1px solid #0dfb23;	*/
		width:15em; 
		background:#000; 
		padding:0 0 0 10px;
	}

#thepage #headernavi #nav li.act ul li a { 
		color:#fff;
	}

#thepage #headernavi #nav li.act ul li a:hover { 
		color:#0dfb23;
	}
	
#thepage #headernavi #nav li:hover ul li a, 
#thepage #headernavi #nav li.sfhover ul li a {   
		padding:5px 5px 5px 5px;
	}
#thepage #headernavi #nav li ul li:hover,
#thepage #headernavi #nav li ul li.sfhover  { 
	background-color:#000; 
	border-bottom-color:#E0E1DB;
	}
#thepage #headernavi #nav li ul li.act2 { 
	background-color:#000;
	color:#fff;
}

#thepage #headernavi #nav li:hover ul, 
#thepage #headernavi #nav li.sfhover ul { 
	left:auto;
	}



#thepage #headernavi #searchbox {
    background: #e6e6e6;
    float:right;
    margin: 10px;
}

#thepage #headernavi #searchbox p {
    margin: 0;
}

#thepage #headernavi #searchbox input {
    border: 0;
    float: left;
}

#thepage #headernavi #searchbox input[type=text] {
    background: #e6e6e6;
    padding: 2px 2px 2px 2px;
    width: 196px;
}

#thepage #headernavi #searchbox input[type=submit],
#thepage #headernavi #searchbox input[type=reset] {
    float: right;
    background: transparent url(http://www.qjubes.de/ext/img/sbox_btn.gif) scroll no-repeat 0 0;
    width: 23px;
    height: 20px;
    cursor: pointer;
}

#thepage #socialmediabar {
	height:32px;
	margin-bottom:5px;
}

#thepage #socialmediabar ul {
	list-style:none;
	float:right;
	padding:0px;
	margin:0px;
		height:32px;
}

#thepage #socialmediabar ul li{
	float:left;
	padding:0px 0px 0px 10px;
}

#thepage #socialmediabar ul li a.socialmediabar{
	float:left;
	width:32px;
	height:32px;
}

#thepage #socialmediabar ul li .email{
	background: transparent url(../00_img/email_32.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .email:hover{
	background: transparent url(../00_img/email_32sw.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .skype{
	background: transparent url(../00_img/skype_32.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .skype:hover{
	background: transparent url(../00_img/skype_32sw.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .facebook{
	background: transparent url(../00_img/facebook_32.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .facebook:hover{
	background: transparent url(../00_img/facebook_32sw.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .twitter{
	background: transparent url(../00_img/twitter_32.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .twitter:hover{
	background: transparent url(../00_img/twitter_32sw.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .flickr{
	background: transparent url(../00_img/flickr_32.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .flickr:hover{
	background: transparent url(../00_img/flickr_32sw.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .google{
	background: transparent url(../00_img/google_32.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .google:hover{
	background: transparent url(../00_img/google_32sw.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .rss{
	background: transparent url(../00_img/rss_32.png) no-repeat 0 0;
}

#thepage #socialmediabar ul li .rss:hover{
	background: transparent url(../00_img/rss_32sw.png) no-repeat 0 0;
}



#thepage #headerslider {
	background-image:url(../00_img/bg_ffffff_90pro_20x20.png);
}

#thepage #headerslider img {
	padding:10px;
}

#thepage #headerslider #slider1 {
	width:940px;
	height:340px;
	background:url(../00_img/designdummy.jpg) no-repeat 10px 10px;
	float:left;
}

#thepage #headerslider #slider1 h1{
	margin:50px 0px 0px 50px;
	padding:5px;
	background-image:url(../00_img/bg_ffffff_90pro_20x20.png);
	display:inline;
	float:left;
}

#thepage #headerslider #slider1 h3{
	margin:0px 0px 0px 20px;
	padding:5px;
	background-image:url(../00_img/bg_ffffff_90pro_20x20.png);
		display:inline;
	float:left;
}


#thepage #headerslider #subtitle {
	float:left;
	padding:0px 10px 5px 10px;
}

#thepage #headerslider #subtitle h5{
	padding:0px;
}

#thepage #bildteaser {
	width:460px;
	padding:0px 0px 0px 0px;
	background-image:url(../00_img/bg_ffffff_20pro_20x20.png);
}

#thepage #bildteaser ul li a{
text-decoration:underline;
}

#thepage #bildteaser img {
	padding:5px 0px 5px 0px;
	float:left;
}

#thepage #bildteaser .header {
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#333;
	font-style:italic;
	float:left;
	width:200px;
}

#thepage #bildteaser h3 {
	float:left;
	font-weight:normal;
	display:block;
	font-size: 16px;
}

#thepage #bildteaser h4 {
	margin: 0px;
  	padding:0px;
  	font-size: 14px;
}

#thepage #bildteaser ul, #thepage #textteaser ul, #thepage .contentboximgteaser ul {
  margin: 0px;
  padding:0px;
  list-style: none;
}

#thepage #bildteaser ul li, #thepage .contentboximgteaser ul li {
	float:left;
	width:200px;
	height:260px;
  	margin:10px 10px 5px 0px;
  	padding:5px 10px 5px 10px;
  	background-image:url(../00_img/bg_ffffff_90pro_20x20.png);

}

#thepage .contentboximgteaser ul {
  margin: 0px 5px 0px 15px;
  padding:0px;
  list-style: none;
}

#thepage .contentboximgteaser {
	padding:0px 0px 40px 0px;
}

#thepage .contentboximgteaser img {
	padding:5px 0px 5px 0px;
	float:left;
}

#thepage .contentboximgteaser .header {
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#333;
	font-style:italic;
	float:left;
	width:200px;
}

#thepage .contentboximgteaser h3 {
	float:left;
	font-weight:normal;
	display:block;
	font-size: 16px;
}

#thepage .contentboximgteaser h4 {
	margin: 0px 0px 5px 0px;
  	padding:0px;
  	font-size: 14px;
  	font-weight:bold;
}

#thepage .contentboximgteaser a {
	text-decoration: underline;
}




#thepage hr{
	border:none;
  	border-bottom:1px dotted #0dfb23;
}

#thepage #textteaser {
	padding:10px 0px 0px 0px;

}

#thepage ul.news-list-container {

  list-style: none;
}

#thepage .visualcat {
    background: transparent url(../00_img/icon_kopf.png) scroll no-repeat 0 0;	
    padding:0px 0px 0px 30px;
}

#thepage .textcat {
    background: transparent url(../00_img/icon_buch.png) scroll no-repeat 0 0;	
    padding:0px 0px 0px 30px;
}

#thepage .actioncat {
	background: transparent url(../00_img/icon_faust.png) scroll no-repeat 0 0;	
    padding:0px 0px 0px 30px;
}

#thepage .utopiacat {
	background: transparent url(../00_img/icon_schmetterling.png) scroll no-repeat 0 0;	
    padding:0px 0px 0px 30px;
}

#thepage #textteaser ul li {
  margin:0px 0px 10px 0px;
  padding:10px 10px 10px 10px;
  background-image:url(../00_img/bg_ffffff_90pro_20x20.png);
}

#thepage #textteaser ul li .news-list-date {
	display:block;	
}

#thepage #textteaser .news-latest-gotoarchive {
  margin:0px 0px 10px 0px;
  padding:10px 10px 10px 10px;
  background-image:url(../00_img/bg_ffffff_90pro_20x20.png);
}



#thepage #featurednews {

	background-image:url(../00_img/bg_ffffff_90pro_20x20.png);
	margin-top:10px;
}

#thepage #featurednews h2 {
	margin:10px;
	border-bottom:1px dotted #0dfb23;
}

#thepage #featurednews ul {
	list-style:none;
	padding:0px 10px 5px 10px;
	margin:0px;
}

#thepage #featurednews ul li{
	list-style:none;
	padding:0px;
	margin:0px 0px 10px 0px;
}

#thepage #featurednews ul li h5{
	padding:5px 0px 5px 0px;
	margin:0px;
}

#thepage .news-single-item h1 {
	font-weight:bold;	
	text-transform: uppercase;	
}

#thepage .news-single-imgcaption {
	font-size:14px;
	font-style:italic;
	margin-bottom:20px;
}

/*========================================
        #content subconfig
========================================*/

#thepage .bg_ffffff_90pro_20x20 {
	background-image:url(../00_img/bg_ffffff_90pro_20x20.png);
}

#thepage #contentheader {	
	height:50px;
	color:#000;
}

.960pxcontentseite .contentbox .container_16 .grid_16 .csc-default {
	/*padding:0px 10px 20px 10px;		*/
}

#thepage .contentbox {
	padding-bottom:40px;	
}

#thepage .contentbox a {
	text-decoration: underline;	
}

iframe {
	padding: 0 10px 5px;
	
	}


#thepage .news-single-item {
	padding:0px 10px 10px 0px;
	margin:0px;		
}

#thepage .news-single-backlink{
	padding:0px 10px 10px 10px;
	margin:0px;		
}


#thepage .cl-right {
	padding:0px 0px 0px 0px;
	border:0px;		
}

#thepage .cl-left {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 10px;	
}

#thepage #pagebottomcontent {
	margin-bottom:100px;	
}

#thepage #pagebottomcontent .csc-default {
	width:920px;
	padding:10px 10px 10px 10px;
	background-image:url(../00_img/bg_ffffff_50pro_20x20.png);	
}


/* BILDER REIHEN - Jetzt in UL / LI (bei mehr als EINS )*/

#thepage .csc-textpic-imagerow ul,
#thepage .csc-textpic-imagewrap ul {	
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	float:left;

	overflow:hidden;
}

#thepage #pagebottomcontent .csc-textpic-imagerow ul, #thepage #pagebottomcontent .csc-textpic-imagewrap ul {
	padding: 0px 0px 0px 0px;	
}

#thepage .csc-textpic-imagerow ul li,
#thepage .csc-textpic-imagewrap ul li {
	padding: 0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	background: none;
	float:left;
	}

#thepage #pagebottomcontent, #thepage #pagebottomcontent a, #thepage #pagebottomcontent p,#thepage #pagebottomcontent h3 {
	padding-left:0px;
	margin-left:0px;
  	color:#333;
	}

#thepage #pagebottomcontent {
	padding-left:10px;

	}

#thepage #pagebottomcontent h1 {
	margin-left:0px;
	padding-left:0px;
  	font-size: 20px;
  	font-weight:normal;	
  	color:#333;
	}

#thepage #pagebottomcontent DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol, #thepage #pagefooter DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:10px !important;

}

#thepage .news-latest-workspace-container {
	  margin: 0px;
  padding:0px;
  list-style: none;
	
}

#thepage .news-latest-workspace-item {
	  margin: 0px 0px 30px 0px;
	  padding:0px 20px 0px 0px;	
}

#thepage .csc-default img {
	/*padding-left:10px;		*/
	padding-right:10px;
	padding-bottom:10px;

}

#thepage #pagefooter {
	width:920px;
	padding:10px 10px 10px 10px;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../00_img/bg_ffffff_50pro_20x20.png);
		
}

/* BLOG CSS */

#thepage #c88 .contentbox {
	margin-top:20px;
	margin-bottom:20px;	
}

#thepage #c167 .contentbox {
	margin-top:20px;
	margin-bottom:20px;	
}

#thepage #c168 {
	margin-top:20px;
	margin-bottom:10px;		
}

#thepage #c168 .tx-t3blog-pi2 #archive h3{
display:none;	
}

#thepage #latestPosts {
	float:left;
	margin-top:20px;
	margin-bottom:10px;	
}

#thepage #latestPosts .latestPostList dd {
	font-style:italic;
	font-size:0.8em;
}

#thepage .tx-t3blog-pi2 .latestPostList, #thepage .tx-t3blog-pi2 .latestCommentsList {
	float:right;
	padding-left:10px;
}

#thepage .tx-pagebrowse-pi1 {

	margin-top:20px;
	margin-bottom:10px;	
	font-size:20px;	
	line-height: 1.25em;
	
}

#thepage .tagCloud ul {
list-style:none;
float:left;
color:#fff;
margin:0px 0px 10px 10px;
padding:0px;
}

#thepage .tagCloud ul li{
float:left;
padding-right:2px;
}

#thepage .tx-t3blog-pi2 .single, #thepage .tx-t3blog-pi2 .blogList {
background:#fff;
}

#thepage .tx-t3blog-pi2 p {
	line-height:1.5em;
	font-size:1.1em;
}

#thepage .tx-t3blog-pi2 #singleNavigation {
	width:660px;
	height:30px;
	padding:10px 10px 0px 10px;
}

#thepage .tx-t3blog-pi2 #singleNavigation .previous{
	float:left;
	width:220px;
}

#thepage .tx-t3blog-pi2 #singleNavigation .next{
	float:right;
	width:220px;
	text-align:right;
}

#thepage .tx-t3blog-pi2 #archive {
	float:left;
	width:660px;
		padding:10px 10px 0px 10px;	
}

#thepage .tx-t3blog-pi2 #archive ul {
	list-style-type:none;
}

#thepage .tx-t3blog-pi2 #archive ul.archive {
	float:left;
	width:660px;
	padding:0px 10px 0px 0px;	

}

#thepage .tx-t3blog-pi2 #archive li.year, #thepage .tx-t3blog-pi2 #archive li.month {
font-weight:bold;
}

#thepage .tx-t3blog-pi2 #archive li {
margin-bottom:10px;
}



#thepage .tx-t3blog-pi2 .blogrollList {
	list-style:none;

}


#thepage .tx-t3blog-pi2 .csc-textpic-image {
	padding:0px;
	margin:0px 0px 0px 0px;	
	
}

#thepage .tx-t3blog-pi2 .csc-textpic-caption{
	padding:0px;
	margin:0px 0px 20px 10px;	
	font-style:italic;
}


#thepage .tx-t3blog-pi2 .csc-header h1 {
font-size:24px;
font-weight:bold;
}


#thepage .item .itemTop, #thepage .single .itemTop{
	float:left;
	width:660px;
	padding-right:10px;
	padding-left:10px;
	margin-top:20px;
}

#thepage .item .itemBody .more{

	padding:0px 0px 0px 10px;

}


#thepage .item .itemTop{
	margin-top:0px;
}

#thepage .item {
	margin-bottom:20px;
}
	
#thepage .item .date, #thepage .single .date {
	float:left;	
	padding-right:10px;
	font-style:italic;
}

#thepage .item .time, #thepage .single .time {
	float:left;
	font-style:italic;	
}

#thepage .item .itemBody h3, #thepage .single .itemBody h3 {
  	font-size: 24px;
	text-transform: uppercase;
	font-weight:bold;
}

#thepage .item .itemNav, #thepage .single .itemNav {
	padding-left:10px;
	padding-right:10px;
}


#thepage .item .itemNav span.permalink, #thepage .single .itemNav span.permalink {

	padding-right:10px;
}

#thepage #commentList {
	margin:10px 10px 30px 10px;	
	
}

#thepage #commentList .item {
	margin-bottom:20px;	
	
}

#thepage #commentList #commentListTitle {
	list-style:none;	
}

#thepage #commentList .commentComments {
float:left;	
width:680px;
margin:10px 0px 10px 0px;	
}

#thepage #commentList .commentBody {
float:left;	
width:680px;
border:1px dotted #ccc;	
}

#thepage #commentList .commentFooter {
float:left;	
width:670px;
margin:5px 0px 5px 0px;
}

#thepage #commentFormNonAjax {
	margin:10px;	
	float:left;	
}

#thepage #commentFormNonAjax .text{
	width:340px;	
	
}

#thepage #commentFormNonAjax h4{
	margin-left:0px;	
	padding-left:0px;	
	width:670px;
}

#thepage #captchaimage img {
	margin:0px;	
	padding:0px 0px 10px 0px;
}

#thepage #commentFormNonAjax #commenttext {
	width:340px;	
}



#thepage #contentheader #c95 {
	float:left;
	width:400px;	
	
}

#thepage #contentheader #c94 {
	float:right;
	width:200px;	
	
}

#thepage .csc-textpic IMG {
    margin:0px 10px 0px 10px;
}

#thepage DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin-left: 10px;
  margin-bottom:5px;
  font-style:italic;
}