/*
Theme Name: PEWPEWPEW
Theme URI: https://www.voll-strecker.de/
Description: Theme erstellt von Christoph Strecker 
Version: 2.0
Author: Christoph Strecker
*/

body.login #login h1 a {
	background: url('https://www.pewpewpew.de/wp-content/uploads/2014/09/cinestar-login.jpg') no-repeat top transparent;
	height: 1920px;
	width: 1080px;
}
body.login {
	background-image: url('https://www.pewpewpew.de/wp-content/uploads/2014/09/cinestar-login.jpg');
	background-size: 100%;
	background-attachment: fixed;
}

*{
margin:0px;
padding:0px;
}

html, body {
border:0pt none;
margin:0pt;
padding:0pt;
}
body {
/*background: url("images/pewbg.jpg") repeat fixed 50% 0 transparent;
background:#f2f2f2 url("images/pew_bodytop.jpg") repeat-x top;*/
background: #f2f2f2;
color:#222;
font-family:"Verdana",Arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
ol {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal-leading-zero;
}
pre, code, samp {
color:#BB4400;
font-family:'courier new',courier,monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
small code {
font-size:1.1em;
}


blockquote {
background:#f2f2f2 url("images/pewquote.png") no-repeat left 0;
color:#555;
font-family:"Verdana",Arial,sans-serif;
font-size:12px !important;
padding:10px 10px 10px 20px;
margin-top:10px;
margin-bottom:10px;
}
img, #el .bild-verweis a, #wrapper .bild-verweis a:hover, #wrapper #mittelbereich a .bild-verweis {
border:medium none;
}
hr {
display:none;
}
input, textarea {
font-size:110%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:150%;
}

.clearer-links {
clear:left;
}
.bild-links {
float:left;
margin:2px 10px 5px 5px;
}
.bild-rechts {
float:right;
margin:2px 5px 5px 10px;
}
.bild-zentriert {
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.bild-mittig {
vertical-align:middle;
}
.pre {
display:block;
white-space:pre;
}


.center {
text-align:center;
}
.rechts {
text-align:right;
}
.unsichtbar {
display:none;
}
.unsichtbar2 {
left:-9999px;
position:absolute;
}
.fett {
font-weight:bold;
font-weight:bold;
}

a:active, a:focus{
outline: none;
}

/*Wrapper und Header*/

#wrapper {
background:#fff url("images/pew_bodytop.jpg") repeat-x top;
width:950px;
padding:14px;
margin:0px auto;
text-align:left;
border:1px solid #ddd;
margin-bottom:25px;
border-top:0px;
}

.clearer{
clear:both;
}

#header {
background:#fff;
width:950px;
height:238px;
margin-bottom:5px;
margin-top:5px;
border-bottom:1px solid #e8e8e8;
position:relative;
}

#logo {
background:transparent url("images/pewpewpew.png") no-repeat;
width:400px;
height:238px;
position: center;
top:25px; margin-left:275px;
}

/*Suche*/
#search {
width:192px;
top:0px;
right:30px;
position: absolute;
}
#searchform {
background:transparent;
}
#search #s {
background:url("images/pew_suche.png") no-repeat scroll right 90% #FFFFFF;
border:1px solid #e8e8e8;
font-size:11px;
padding:5px 13px;
width:192px;
color:#b20909;
}

#category {
width:950px;
height:36px;
border-bottom:1px solid #e8e8e8;
}

#subnav {
cursor:pointer;
height:36px;
width:260px;
margin-left:7px;
float:left;
}
#subnav ul {
list-style-type:none;
}
#subnav li {
margin-top:8px;
float:left;
height:16px;
vertical-align:middle;
text-indent:-9999px;
}
#subnav  li a {
outline-color:invert;
outline-style:none;
outline-width:medium;
display:block;
text-indent:-900em;
height:16px;
}
#subnav  ul li.rss {
background:transparent url(images/pewrss.jpg) no-repeat;
width:43px;
margin-right:35px;
height:16px;
}
#subnav  ul li.email {
background:transparent url(images/pewmail.jpg) no-repeat;
width:56px;
margin-right:34px;
height:16px;
}
#subnav  ul li.facebook {
background:transparent url(images/pewfacebook.jpg) no-repeat;
width:85px;
height:16px;
}

#subnav  ul li.rss a:hover {
background:transparent url(images/pewrss_hover.jpg) no-repeat;
width:43px;
margin-right:35px;
height:16px;
}
#subnav  ul li.email a:hover{
background:transparent url(images/pewmail_hover.jpg) no-repeat;
width:56px;
margin-right:34px;
height:16px;
}
#subnav  ul li.facebook a:hover {
background:transparent url(images/pewfacebook_hover.jpg) no-repeat;
width:85px;
height:16px;
}

#nav_cats {
background:#fff;
width:601px;
height:36px;
float:right;
padding-left:81px;
}
#nav_cats ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#nav_cats ul li {
float:left;
}

#nav_cats ul li:first-child a{
padding-left:0px;

}

#nav_cats ul li.last  a {
border:none;
  }


#nav_cats ul li a {
color:#9b9b9b;
text-align:center;
text-decoration:none;
font-size:12px;
display:block;
text-transform:uppercase;
padding:10px 8px;
border-right:1px solid #e8e8e8;
}


#nav_cats ul li a:hover {
color:#b20909;
}

#featured {
width:950px;
height:115px;
padding-bottom:5px;
border-bottom:1px solid #e8e8e8;
}

.category-review #nav_cats ul li.review a, .category-pewcast #nav_cats ul li.pewcast a,
.category-film #nav_cats ul li.film a, .category-fernsehen #nav_cats ul li.fernsehen a,
.category-musik #nav_cats ul li.musik a,.category-literatur #nav_cats ul li.literatur a,
.category-games #nav_cats ul li.games a, .category-internetgold #nav_cats ul li.internetgold a,
.category-allessonstso #nav_cats ul li.allessonstso a {
	color:#b20909;
}

#featured ul {
list-style-type:none;
width:950px;
}

#featured li {
float:left;
font-size:11px;
height:115px;
overflow:hidden;
position:relative;
width:233px;
margin-left:6px;
}

#featured li a {
	display: block;
}

#featured li:first-child  {
margin-left:0px;
margin:0px;
 } 

#featured li:first-child a  {
margin-left:0px;
margin:0px;
 } 
 
#featured li a span.featured-kulisse {
display: none;
}

#featured li a:hover span.featured-kulisse{
display: block;
height:115px;
left:0;
position:absolute;
top:0;
width:233px;
}

#featured .featured-beschreibung {
background:url("images/pew_featured.png") repeat;
bottom:0;
left:0;
padding:10px;
position:absolute;
width:213px;
}

#featured a  {
color:#FFFFFF;
}

#featured a:hover .featured-beschreibung {
background:url("images/pew_featured_hover.png");
}


 
/*Der Mittelbereich*/

#mittelbereich {
width:950px;
margin-top:15px;
background:#fff;
font-size:12px;
overflow:hidden;
}
#mittelbereich p, #mittelbereich ul, #mittelbereich ol, #mittelebereich dl, #mittelbereich form {
margin-bottom:17px;
margin-top:7px;
}
#mittelbereich a {
color:#b20909;
text-decoration:none;
}
#mittelbereich a:hover {
color: #ccc;
text-decoration:none;
}
.der-beitrag {
line-height:1.6em;
margin:0 0 0.75em;
}

#related-posts-MRP_all ul {
list-style-image: none;
list-style-type: none;
}

.more-link {
margin-top:15px;
}

/*Der Inalt*/

#inhalt {
background:#fff;
float:right;
width:600px;
padding:5px;
margin-left:15px;
margin-right:0px;
padding-right:0px;
}

#trenner {
	border-top:2px solid #e8e8e8;
	height:10px;
	margin-bottom:55px;
}

.post-meta {
  	color: #fff;
  	font-size: 12px;
  	padding: 6px;
  	position: relative;
 	border-top:2px solid #e8e8e8;
  	height:35px;
  	margin-bottom:35px;
  	padding-left: 0;
}

.twitter, .fb-likeit {
	float: left;
	width:100px;
}

#twitter-widget-0 {
	margin-top:10px;
	margin-bottom:10px;
}

#mittelbereich #inhalt a {
color: #b20909;
border-bottom: none;
}
#mittelbereich #inhalt a:hover {
color: #ccc;
border-bottom: none;
}
#mittelbereich #inhalt h2{
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size:20px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
color:#222;
}

#mittelbereich #inhalt h3 {
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
color:#222;
font-weight:bold;
margin-top:25px;
margin-bottom:0px;
}

#related-posts ul {
list-style-type: none;
}

#mittelbereich #inhalt h2  a:hover {
text-decoration:none;
border:none;
color:#b20909;
}
#mittelbereich  #inhalt h2 a {
color: #222;
font-weight:bold;
border:none;
}
#inhalt h3 {
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:1.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:-0.25em;
}
#inhalt h4 {
font-family:verdana,arial,sans-serif;
font-size:1.083em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:-0.25em;
}
#inhalt h5 {
font-family:verdana,arial,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:-0.25em;
}
#mittelbereich #inhalt .title {
margin-bottom:20px;
}
#mittelbereich #inhalt .title p {
font-family:'Lucida Grande','LucidaGrande','Lucida Sans',sans-serif;
font-size:9px;
line-height:18px;
text-transform:uppercase;
color:#9b9b9b;
font-weight:bold;
}
#mittelbereich #inhalt .title p a {
color:#9b9b9b;
border:none;
}
#mittelbereich #inhalt .title p a:hover {
text-decoration:underline;
color:#9b9b9b;
border:none;
}



/*Pagebar*/

#mittelbereich #inhalt .pagination  {
text-align:center;
}

#mittelbereich #inhalt .pagination .pagebar {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-bottom:10px;
padding-top:20px;
}
#mittelbereich #inhalt .pagination .pagebar a, .pageList .this-page {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#AEAEAE;
color:#FFFFFF;
padding:2px 6px;
text-decoration:none;
border:none;
}
#mittelbereich #inhalt .pagination .pagebar a:visited {
background-color:#AEAEAE;
padding:2px 6px;
text-decoration:none;
}
 #mittelbereich #inhalt .pagination .pagebar .break {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
padding:2px 6px;
text-decoration:none;
}
 #mittelbereich #inhalt .pagination .pagebar .this-page {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#222 none repeat scroll 0 0;
color:#b20909;
font-size:13px;
font-weight:bold;
padding:4px 8px;
vertical-align:top;
}
#mittelbereich #inhalt .pagination .pagebar a:hover {
background:#b20909 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}

/* Der Sidebarbereich*/

#sidebar {
width:300px;
float:left;
margin-top:3px;
}

#likebox-frame{
width: 298px;
height: 238px;
overflow: hidden;
border:1px solid #E8E8E8;
margin-top:5px;
}

#likebox-frame iframe{
margin-top: -1px;
margin-left: -1px;
}

#mainnav {
list-style:none;	
font-size:14px;
padding:0;
width:300px;
}

#mainnav ul {
margin-bottom:0;
}

#mainnav li {
background:transparent url("images/pew_dreieck.jpg") no-repeat top right;
margin-bottom:25px;
border-bottom:1px solid #e8e8e8;
border-left:1px solid #e8e8e8;
position:relative;
cursor:pointer;
padding-left:5px;
padding-bottom:5px;
}

#mainnav  ul li.del{
background:transparent url("images/pew_dreieck_unten.jpg") no-repeat top right;
margin-top:0px;
margin-bottom:10px;
border-bottom:1px solid #e8e8e8;
border-left:none;
position:relative;
cursor:pointer;
padding-left:5px;
padding-bottom:5px;
}

#mainnav h3 {
margin:0;
color:#222;
font-size:14px;
font-weight: normal;
text-transform: uppercase;
}
#mainnav a {
color:#222;
}
#mainnav a:hover {
color:#b20909;
}

.delicious {	
font-size:12px;
padding:0;
width:300px;
margin-bottom:25px !important;
}

.delicious ul {
list-style:none;
margin:0 !important;	
}

.delicious li {
margin-bottom:15px;
border-bottom:1px solid #e8e8e8;
position:relative;
cursor:pointer;
padding-top:5px;
padding-bottom:5px;
padding-left:6px;
}

.links {	
font-size:12px;
padding:0;
width:300px;
margin-top:25px;
}

.links ul {
list-style:none;	
font-size:12px;
margin-bottom:0 !important;
}

.links ul li ul.xoxo {
margin-bottom:0;
}


.werbung {
width: 298px;
height: 298px;
margin-bottom: 25px;
margin-top: 25px !important;
border: 1px solid #E8E8E8;	
}

.networking {
	margin-top:20px !important;
}

.gekauft{
/*padding:4px;*/
width:300px;
height:auto;
border:0px !important;
} 

.filmaddicts {
height:100px;
}

.links ul{
	list-style-type: none;
	list-style-image: none;
}

.links .linkcat {
	margin-bottom:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	border:0px !important;
}

.links li {
margin-bottom:15px;
border-bottom:1px solid #e8e8e8;
position:relative;
cursor:pointer;
padding-top:5px;
padding-bottom:5px;
padding-left:6px;
}

.links h2, .werbung h2{
background:transparent url("images/pew_dreieck_unten.jpg") no-repeat top right;
margin-top:0px;
margin-bottom:10px;
border-bottom:1px solid #e8e8e8;
border-left:none;
position:relative;
padding-left:6px;
padding-bottom:5px;
padding-top: 0px;
color:#222 !important;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}

.werbung h2 {
	margin-bottom:25px;
}

/*
#mainnav {
cursor:pointer;
height:230px;
width:242px;
margin-top:65px;
}
#mainnav ul {
list-style-type:none;
}
#mainnav li {
vertical-align:middle;
text-indent:-9999px;
margin-bottom:20px;
outline-color:invert;
outline-style:none;
outline-width:medium;
}
#mainnav  li a {
width:242;
display:block;
text-indent:-900em;
height:30px;
}
#mainnav  ul li.home a {
background:transparent url(images/pew_home.jpg) no-repeat;
}
#mainnav  ul li.about a {
background:transparent url(images/pew_about.jpg) no-repeat;
}
#mainnav  ul li.twitter a {
background:transparent url(images/pew_twitter.jpg) no-repeat;
}
#mainnav  ul li.flickr a {
background:transparent url(images/pew_flickr.jpg) no-repeat;
}

#mainnav  ul li.home a:hover {
background:transparent url(images/pew_home_hover.jpg) no-repeat;
}
#mainnav  ul li.about a:hover {
background:transparent url(images/pew_about_hover.jpg) no-repeat;
}
#mainnav  ul li.twitter a:hover {
background:transparent url(images/pew_twitter_hover.jpg) no-repeat;
}
#mainnav  ul li.flickr a:hover {
background:transparent url(images/pew_flickr_hover.jpg) no-repeat;
}

*/
/*
#toggle-view {
list-style:none;	
font-size:12px;
margin:0;
padding:0;
width:260px;
}
#toggle-view li {
margin-left:5px;
margin-bottom:25px;
border-bottom:1px solid #e8e8e8;
position:relative;
cursor:pointer;
	}
#toggle-view h3 {
margin:0;
color:#222;
font-size:16px;
font-weight: 100;
text-transform: uppercase;
}
#toggle-view span {
color:#9C0B06;
position:absolute;
right:0px; top:0;
font-size:13px;
}
	
#toggle-view p {
margin:5px 0;
display:none;
line-height: 16px;
}
	*/
/*Die Comments*/

ol {
list-style:none;
}

#comment {
margin-bottom:35px;

}

.commentlist li, #commentform input, #commentform textarea {
	font: 12px/16px Sans-Serif;

	}
.commentlist li {
margin:0pt;
padding:0pt;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentmsg {
background:#e8e8e8;
padding:15px;
border-bottom: 1px solid #ccc;
	}
	
.commentmsg p {
margin-bottom: 0px !important;
margin-top: 0px !important;
	}
	
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentmetadata {
	font-weight: normal;
		}
#commentform input {
background:transparent;
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: solid 1px #ccc;
	color:#222;
	}
#commentform textarea {
	background:transparent;
	width: 594px;
	padding: 2px;
	border: solid 1px #ccc;
	color:#222;
	}
#commentform #submit {
background:transparent;
	margin: 0;
	float: right;
		}

		
/*Footer*/

#footer {
border-top:1px solid #e8e8e8;
background:#fff;
margin-top:50px;
width:950px;
clear:both;
color:#AEAEAE;
text-align:center;
height:20px;
padding-top:10px;
}
#footer p {
font-family:'Lucida Grande','LucidaGrande','Lucida Sans',sans-serif;
font-size:9px;
line-height:18px;
text-transform:uppercase;
color:#AEAEAE;
}
#footer p a {
color:#AEAEAE;
border:none;
text-decoration:underline;
}
#footer p a:hover {
color:#AEAEAE;
border:none;
}

/*Kontaktformular*/

#kontaktformular input,label,textarea {
display:block;
}


#kontaktformular input {
background-color:#fff;
border:1px solid #e8e8e8;
border-width:0 0 1px;
color:#544B4C;
height:25px;
margin:0 15px 0 0;
padding:3px 10px;
width:320px;
}

#kontaktformular textarea {
border:1px solid #e8e8e8;
height:270px;
margin:5px 0;
padding:3px 10px;
width:540px;
}

#kontaktformular label {
color:#1E1A19;
margin:20px 0 0;
padding:10px 15px 0 0;
width:260px;
}

#kontaktformular input.wpcf7-submit {
background:url("images/kontakt_btn.png") no-repeat scroll 0 0 transparent;
border:medium none;
display:block;
height:51px;
margin:30px 0;
text-indent:-9999px;
width:223px;
}

#kontaktformular input.wpcf7-submit:hover {
background:url("images/kontakt_btn.png") no-repeat scroll 0 -51px transparent;
cursor:pointer;
}
#kontaktformular input:focus, #kontaktformular textarea:focus {
background:#b20909; 
color:#fff;
}




#kontaktformular input.wpcf7-submit:focus {
background:url("images/kontakt_btn.png") no-repeat scroll 0 -51px transparent;
cursor:pointer;
}