@charset 'utf-8';

/* 
CSS Reset by Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}


/* 
HTML5 elements basic styling by Peter Kröner
http://www.peterkroener.de/firefox-4-was-gibt-es-neues-fuer-webentwickler/
*/

command, datalist, source {
  display: none;
}
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
figure, menu {
  margin-top: 1em;
  margin-bottom: 1em;
}
dl menu, menu dl, menu menu, menu ol, menu ul {
  margin-top: 0;
  margin-bottom: 0;
}


/* 
Useful basic stylings based on Stefan Nitzsche’s work
http://nitzsche.info
*/

html {
  overflow-y: scroll;
}

body {
  background-color: #fff;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.ie7 address {
  font-style: normal;
}

.hideme {
  position: absolute;
  left: -999em;
  top: -999em;
}

label, 
input[type=button],
input[type=submit], 
button {
  cursor: pointer;
}

q:lang(de) {
  quotes: '„' '“' '‚' '‘';
}

q:lang(en) {
  quotes: '“' '”' "‘" "’";
}

abbr[title] {
  border-bottom: 1px dotted #888 !important;
  cursor: help;
}

a abbr {
  cursor: pointer !important;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/ 
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
/* End hide from IE-mac */

img { 
  -ms-interpolation-mode: bicubic; 
}




/* Spamschlucker-Struktur:

id subpage
--- class wrapper
------ id headerwrapper
--------- id headercenter
------ id top
--------- id statistikbereich
------------ class links
------------ class rechts
--------- id main
------------ id sidebar
------------ id content
--- id footerwrap (class wrapper)
*/


/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
margin:0;
padding:0;
}

/*Structured layout mainpage*/

.wrapper{ 
width:100%;
position:relative;
display:table;
background: #efd;
}

#subpage .wrapper{
background: #ecffe8
}


body{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
line-height:23px;
position:relative;
color:#777;
}


#top{
position:relative;
width:960px;
margin:0 auto;
}

#statistikbereich{
z-index: 5;
background-color : #fff;
margin-top : 14px;
padding : 2px 2px 2px 4px; 
border : 1px solid #005500;
border: 1px solid #c4c8cc;
-moz-box-shadow: 2px 2px 2px #888;
-moz-border-radius: 3px;
-webkit-box-shadow:1px 2px 2px #888;
-webkit-border-radius: 3px;
}

#main{
padding-top: 15px;
width:940px;
position: relative;
margin: 0 auto;
overflow: hidden;
}


#content{
width:610px;
margin:0;
overflow: hidden;
position:relative;
float:left;
padding-top : 0px;

}



#sidebar{
width:280px;
overflow: hidden;
margin-right:50px;
position:relative;
float:left;
}

.fullwidth #content{width:940px;}

#footerwrap, #subpage #footerwrap{
background: #222;
}

#footer{
width:940px;
position: relative;
padding-top: 30px;
margin: 0 auto;
}



/* Spamschlucker id headerwrapper


id headercenter
--- h1
--- class claim


*/


#headerwrapper {
width : 100%;
background: #efd url(http://www.spamschlucker.org/themes/site_themes/amaryllis/amaryllis.png) 100% 50% no-repeat;
margin : 0;
padding : 0px;
border-bottom : 1px solid #008e00;
-moz-box-shadow: 5px 5px 7px #575;
-webkit-box-shadow: 5px 5px 7px #575;
}


#headercenter {
text-align : center;
margin: auto;
padding: 0;
border: 0px #778800 solid;
margin-top : 0px;
}
#headercenter h1 {
font-size : 65px;
text-shadow: -1px -1px 3px #080, 1px 1px 13px #0f0;
}
#headercenter .claim {
padding-left : 50%;
text-align : left;
margin-left : -45px;
font-weight : bold;
color : #030;
font-size : 16px;
/* text-shadow: 2px 2px 2px #888; */
}

/*BANNER*/
#banner {
margin: 0 210px 0 0;
padding: 25px 10px 0px 10px;
border: 0;
}





#headerwrapper a {
color : #a9ff9a;
}

#headerwrapper a:hover {
color:#05430a;
text-shadow: -1px -1px 3px #080, 1px 1px 13px #0f0;

}



/* Spamschlucker d top

id top
--- id statistikbereich
------ class links
------ class rechts
--- id main
------ id sidebar (eigenes css)
------ id content (eigenes css)

*/



#statistikbereich h1 {
text-align : center;
letter-spacing: 0.4px;
font-weight:normal;
padding-bottom:5px;
font-family:"Trebuchet MS", Arial, Helvetica, san-serif;
font-size : 22px;

}
#statistikbereich .links {
width : 50%;
float : left;

}

#statistikbereich .rechts {
margin-left : 50%;
}

#statistikbereich p {
margin : 0px;
padding : 0px;
font-size : 12px;
color : #888;
}


table.tabelle {
border-collapse: collapse;
padding : 0px;
margin : 0px 3px 2px 2px;

}
#statistikbereich table.tabelle {
height : 160px;
}

#statistikbereich table.tabelle {
width : 460px;
}
#content table.tabelle{
width : 100%;
font-size : 10px;
}


.tabelle td {
border-collapse: collapse;
background-color : #efd;

border-top : 1px solid grey;
text-align : center;
}
.tabelle th {
text-align : right;
padding-right : 5px;
padding-bottom : 0;
margin-bottom : 2px;
font-weight : bold;
}


/*pagination*/


#top #pagination {
clear:both;
padding:0 0 60px 0;
position:relative;
z-index:3;
}
#top #pagination a{
border:1px solid #666666;
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
padding:3px 6px;
text-decoration:none;
width:auto;
}
#top #pagination a:hover{

border:1px solid #FF9000;
}
#top #pagination strong{
border:1px solid #666666;
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
padding:3px 6px;
text-decoration:none;
width:auto;
background: #666666;
border:1px solid #222;
color:#fff;
font-size:11px;
padding:3px 6px;
}

#top #pagination p{

}



#top a, h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{
text-decoration:none;
border:none;
color:#050;

} 

#top a:hover, h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
text-decoration:none;
border:none;
color:#020;
text-shadow : 2px 2px 5px #8b8;

} 



#top .lightbox_image{
background:transparent url(../images/magnify.png) no-repeat center center;
}

/* #top .text_area{width:600px;} */



/* Spamschlucker sidebar

id sidebar
--- class box box_small


*/




#sidebar .navbox{
margin:0;
padding:0 0 10px 0;
}

#sidebar .kommentarbox{
margin:0;
padding:0 0 10px 0;
}

#sidebar h3{
padding:20px 0 4px;
border-bottom:1px solid #d6d6d6;
}

#sidebar .navbox a{
display:block;
line-height:16px;
padding:9px 10px;
background:transparent url(../images/bullet_orange.png) no-repeat scroll left center;
border-bottom:1px solid #d6d6d6;
}
#sidebar .kommentarbox a{
display:block;
line-height:16px;
padding:3px 10px;
background : none;
border-bottom:1px solid #d6d6d6;
margin-top : -3px;
}




.wrapper .navbox3{margin:0;}

.wrapper .navbox_small{width:280px;}

.wrapper .navbox_mini{
width:160px;
margin-right:20px;
}

.navbox_small h3{
padding:15px 0 4px 0;
}




#sidebar ul, #sidebar ol{margin-left:0px;}

#sidebar li{list-style-type:none;}






/* Spamschlucker content

id content
--- class entry blogentry
------ class date
------ post_data
--- class entry commententry


*/


/*blog*/
.entry{
position: relative;
padding-bottom:30px;
clear:both;
float:left;
width: 100%;
}

.entry blogentry a, a:hover, a:link, a:visited{
margin : 0; padding : 0; display:inline;
}

.entry .box{padding-bottom:0;}

.post_data{
border-left:none;
border-right:none;
font-size:11px;
line-height:22px;
padding:3px 1px;
position:relative;
float:left;
width:608px;
margin-bottom: 17px;
}

.post_data .categories{
float:left;
width : 500px;
}

.post_data .author{float:right;}

.blogentry h2{
width:490px;
padding:5px 0 0 0;
}


.entry h2{
padding:5px 0 0 0;
}

#top h2 a:link, a:hover{
line-height : 1.4em;
}

.entry .date{
height:44px;
position:absolute;
right:0;
text-align:center;
width:112px;
top:8px;
}

.entry .day{
font-size:36px;
font-weight:bold;
line-height:45px;
display: block;
width:55px;
position: absolute;
top:0;
left:0;
height:40px;
}

.entry .month{
display:block;
font-size:18px;
left:60px;
line-height:1em;
position:absolute;
text-transform:uppercase;
top:6px;
width:50px;
}

.entry .year{
display:block;
font-size:14px;
font-weight:bold;
left:60px;
letter-spacing:2px;
line-height:1em;
position:absolute;
top:25px;
width:53px;
}









/*comments*/


.commentlist{
margin-bottom:20px;
float:left;
width:100%;
}

#top .commentlist #comment{width:70%;}


.commentlist li{
width:100%;
clear:both;
float:left;
padding:0;
list-style-type:none;
padding:20px 0 0 0;
position:relative;
}
.commentlist .children, .commentlist .children li{border:none;}

.gravatar{
float:left;
width:60px;
padding:0px 10px;
text-align: center;
}

.gravatar img{
display:block;
padding:5px;
}

.comment_content{
float:left;
width:524px;
padding-bottom:20px;
}

.commentmetadata{
float:right;
padding-right:10px;
}

.commentmetadata a, .comment-edit-link, .comment-reply-link{
text-decoration: none;
font-size:10px;
}

#top .comment-reply-link{border:none;}

.comment-edit-link{padding-left:10px;}

.says{display:none;}

.author_name{
font-weight:bold;
font-style:normal;
font-size:15px;
float:left;
}

.comment_text{clear:both;}

.comment-reply-link{
text-align: center;
display: block;
}

.commentlist #respond{padding-left:80px;}

#cancel-comment-reply-link{
text-decoration: none;
margin-left:15px;
font-size: 10px;
}

.commentlist .children{
padding:0 0 0 70px;
}
.commentlist .children li .comment_content{width:454px;}

.commentlist .children .children li .comment_content{width:384px;}

.commentlist .children .children .children li .comment_content{width:314px;}

.commentlist .children .children .children .children li .comment_content{width:244px;}

.commentlist .children .children .children .children .children li .comment_content{padding:0;}

.comment_nav{
position: relative;
top:-13px;
font-size: 10px;
z-index: 4;
}

.comment_nav a{
text-decoration: none;
}

.comment_prev{float:left;}
.comment_next{float:right;}


.entry img {
display : block;
padding : 2px;
margin:10px auto 10px auto;
border : 5px solid #eee;
}



#main img{
float:left;
margin-bottom: 5px;
display: inline;
}

#content img {
float : none;
display : block;
padding : 2px;
margin : 10px auto 10px auto;
border : 5px solid #eee;
}


.quelle
{
background-color : #ddd;
margin : 4px 20px 4px 20px;
padding : 3px 2px 3px 7px;
border-top : 1px solid #bbb;
border-left : 1px solid #bbb;

}

.more-link {
display:block;
line-height:16px;
padding:9px 0 0;
width:72px;
}


blockquote {
font-size:12px;
font-style:italic;
margin:0 0 20px;
padding:10px 20px 10px 41px;
}



blockquote p{
padding:11px 0px;
}

blockquote{
margin:0 0 22px 5px;
padding:0 15px;
}



.post_data{
border:1px solid #d6d6d6;
border-left:none;
border-right:none;
}

.entry .date{color:#8D8D8D;}

.entry .day{
border-right:1px solid #cacaca;
}



.more-link{
background:transparent url(../images/bullet_orange.png) no-repeat scroll right 15px;
}


.gravatar img{
border:1px solid #D6D6D6;
}


#commentform{padding-bottom:20px;}

.commententry
{
padding : 5px 6px 4px 12px;
background-color : white;
}



/* Spamschlucker footer

id footerwrapper
---- id footer

*/

/*footer*/


#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a
{
color:#cbcbcb;
text-decoration: none;
font-size: 12px;
}

#footer .box_custom_footer{
width:220px;
margin-right:0;
}

.footerbox
{
float : left;
margin:0;
padding:0 0 10px 0;
overflow : hidden;
position : relative;

}

#footer .footerbox h4{
text-transform: uppercase;
font-size: 16px;
letter-spacing:1.3px;
}

#footer .footerbox ul{
list-style-type: none;
list-style-position: outside;
margin:0;
} 

#footer .footerbox ul li a{
display:block;
padding:3px 10px;
line-height:22px;
position: relative;
}

#footer .custom_button{
width:150px;
padding:10px 60px 10px 10px;
display: block;
text-align: center;
border: none;
}


.custom_button strong{
display: block;
font-size: 20px;
font-weight: normal;
letter-spacing:1px;
}

.custom_button span{
display: block;
font-size: 14px;
font-weight: normal;
letter-spacing:0.5px;
}

#sitesearch_footer{
padding-top:20px;
position: relative;
}

.box_custom_footer p{
font-size:11px;
line-height: 17px;
padding:10px 0;
}

#footer #s{
border: none;
width:160px;
padding:8px 50px 8px 10px;
color:#ccc;
}

#footer #searchsubmit{
border: none;
display:block;
height:35px;
position:absolute;
right:3px;
text-indent:-9999px;
top:47px;
width:35px;
cursor: pointer;
padding:0;
outline: none;
}

.wrapper #footer .social_bookmarks{
border:none;
display: block;
float: left;
width:100%;
}
.wrapper #footer .social_bookmarks li{
float:left;
margin:0;
width:16px;
margin-right:7px;
}

.wrapper #footer .social_bookmarks li a{
height:16px;
width:16px;
display: block;
float:left;
text-indent: -9999px;
border:none;
padding:0;
}



/*footer*/
#footer{
color: #cbcbcb;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a
{color:#cbcbcb;}

#footer .footerbox ul{
border-top:1px solid #4a4a4a;
} 

#footer .footerbox ul li a{
border-bottom:1px solid #4a4a4a;
background: transparent url(../images/bullet_grey.png) center left no-repeat;
}

#footer .footerbox ul li a:hover{
background: #262626 url(../images/bullet_grey.png) center left no-repeat;
color:#fff;
}

#footer .custom_button{
background: #494949 url(../images/mail.png) 170px center  no-repeat;
color: #fff;
}

#footer .custom_button:hover{
background-color: #666;
}

#footer #s{
background: #494949;
color:#ccc;
}

#footer #searchsubmit{
background: transparent url(../images/search.png) 2px center  no-repeat;
border-left:1px solid #222;
}

.wrapper #footer .social_bookmarks .rss a{background: transparent url(../images/rss_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .facebook a{background: transparent url(../images/facebook_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .twitter a{background: transparent url(../images/twitter_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .flickr a{background: transparent url(../images/flickr_16.png) 0 0  no-repeat;}


/*generic*/
.rounded{
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px;
}

input, select, textarea{
font-size:13px;
font-family: Arial, Helevtica, Verdana, sans-serif;
position:relative;
outline: none;
}


.wrapper a{text-decoration:none;}

.wrapper a:hover{text-decoration:none;}
.wrapper a{

color : #128412;
}

.wrapper a:hover{
color : #003e00;
text-shadow : 0px -2px 2px #9affa9;}


a img, a:hover img{
border:none;
text-decoration:none;
z-index: 2;
position: relative;
outline: none;
}

p{ padding: 0 0 1em 0}



h1,h2,h3,h4,h5,h6, legend{
letter-spacing: 0.4px;
font-weight:normal;
padding-bottom:5px;
line-height:1.4em;
position: relative;
font-family:"Trebuchet MS", Arial, Helvetica, san-serif;
}

h1{clear:both; font-size:38px;font-weight:bold;}
h2{font-size:36px; clear:both;}
h3, legend{font-size:22px; clear:both;}
h4{font-size:16px; clear:both;}
h5{font-size:14px; clear:both;}
h6{font-size:13px; clear:both;}

.floatleft{float:left;}

.floatright{float:right;}

.clearboth{clear:both;}

.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}


.meta{
display:block;
position:relative;
top:3px;
font-size:11px;
line-height:14px;
}

.pp_details .pp_nav a.pp_arrow_previous, .pp_details .pp_nav a.pp_arrow_next {margin-top:8px;}

.pp_details .pp_nav {
margin:-3px 0 0;
}

.lightbox_video, .lightbox_image{
position: absolute;
z-index: 1;
top:0;
left:0;
background:transparent url(../images/video.png) no-repeat center center;
}

#top .ie6_lightbox, #footerwrap .ie6_lightbox{
position: relative;
border:none;
}

/*CONTACT FORM*/	

#searchsubmit, #send, #top #submit{cursor:pointer;}



.text_input, .text_area{
padding:4px;
font-family: Arial, Helevtica, Verdana, san-serif;
width:300px;
font-size:11.5px;
background-color : #fff;
border : 3px solid blue;

}

#send, #submit{
padding:4px 20px;
font-family: Arial, Helevtica, Verdana, san-serif;
font-size:11.5px;
}

.hidden{display:none;}



fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{padding-left:7px;}
.blocklabel{
display:block;
padding:10px 0 0 0;
}



/*CONTACT FORM*/	
#send, #top #submit{cursor:pointer;}




input, select, textarea{color:#777;}




h1,h2,h3,h4,h5,h6, legend{color:#222;}





/*CONTACT FORM*/	

.text_input, .text_area{
border:1px solid #D6D6D6;
border : 1px solid #bbb;
}

#send, #submit{
border:1px solid #D6D6D6;
border : 1px solid #bbb;
background: #004400;
color: #efd;
}


#submit:hover, #send:hover{
background: #eee;
color: #222;
}


	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #FF9000;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}