html{
padding: 0px;
margin: 0px;
}
body{
background-image: url("img/bg.jpg");
/*background-attachment:fixed;*/
background-color: #212527;
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #FFF;
}
a{
text-decoration: none;
color:#78C;
}
a:hover{
text-decoration: underline;
}
img{
border: none;
}
#titel{
/*position: relative;*/
height: 50px;
width: 300px;
background-image: url('img/logo2.png');
background-repeat: no-repeat;
margin: 0px;
margin-top: 5px;
margin-left: 10px;
float: left;
}
#titel a{
width:300px;
height: 50px;
display: block;
}
#container{
width: 950px;
margin: auto;
/*background-color:#222528;*/
/*border:#666 solid 1px;*/
padding: 5px;
background-image: url("img/bg_trans.png");
margin-top: 50px;
margin-bottom: 40px;
}
#loginlogout a{
position: absolute;
top: 0px;
right: 5px;
font-size: 9px;
color:#444;
}
#content{
margin: 5px;
padding: 0px;
font-size:12px;
/*margin-right: 250px;*/
}
#header{
/*background-color: #080808;/*#282C2F;
height: 30px;*/
margin: 0px;
padding: 0px;
margin-bottom: 0px;
text-align: center;
/*background-image: url("img/header.jpg");
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border:#666 solid;*/
clear: both;
background-image: url('img/header_trans.png');
background-position: 0px -30px;
position: fixed;
top: 0px;
left: 0px;
height: 70px;
width: 100%;
z-index: 999;
font-weight: bold;
}
#headersmall{
margin: auto;
max-width: 1200px;
height: 50px;
}
#header ul{
/*margin: auto;
width: 100%;*/
text-align: right;
text-decoration: none;
padding: 0px;
margin: 0px;
vertical-align: top;
max-width: 880px;
float: right;
margin-top: 15px;
margin-right:10px;
}
#header li, #header li a{
font-size: 16px;
color:#EEE;
text-align: center;
text-decoration: none;
/*float: left;*/
display: inline;
/*text-transform: uppercase;*/
padding-left: 4px;
padding-right: 2px;
}
#header li a:hover{
/*color: #0066FF;*/
text-decoration: underline;
}
.page_item{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #666;
}
.page_item_1{
border: none;
}
#menu{
text-align: left;
/*width: 200px;¨*/
height: 100%;
background-color:#666666;
color:#999999;
text-transform: uppercase;
text-decoration: none;
}
#menu li a {
text-decoration: none;
}
#sidebar{
/*background-color: #009966;/* #212527;*/
width: 200px;
padding: 5px;
margin-left: 690px;
/*float: right;*/
}
#content p{
margin: 0px;
line-height: 20px;
color:#CCC;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 10px;
}
h2, h2 a{
color: #CCC;
text-transform: uppercase;
text-decoration: none;
/*font-weight: normal;*/
padding: 0px;
margin: 0px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px #555 solid;
}
h3, h3 a{
color: #AAA;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
/*font-weight: normal;*/
padding: 0px;
margin: 0px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
}
.entry{
padding: 5px;
}
.postborder{
border: 1px #555 solid;
padding: 5px;
margin-bottom: 15px;
}
.post small{
padding-left: 15px;
color:#999999;
}
#content .postmetadata{
font-size: 10px;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
margin: 2px;
margin-top: 0px;
}
.commentlist{
padding: 5px;
margin: 0px;
}
#commentform{
padding: 10px;
padding-top: 5px;
}
#commentform p {
padding: 2px;
margin: 0px;
}
#commentform input, #commentform textarea{
background-color:#333;
color: #EEE;
border: 1px solid #555;
}
#commentform #submit{
font-weight: bold;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
}
#commentform #submit:hover{
background-color:#666666;
}
.widgettitle{
font-size: 12px;
}
#sidebar .widget{
/*margin: 5px;*/
/*background-color:#FEFEFE;*/
background-image: url("img/bg_trans.png");
padding: 2px;
padding-bottom: 5px;
margin-bottom: 10px;
text-decoration: none;
list-style-type: none;
display: block;
width: 246px;
color: #AAA;
border: 1px #555 solid;
}
#sidebar .widget h2{
margin: 0px;
border-bottom: 1px #555 solid;
}
#sidebar ul{
margin: 0px;
padding: 0px;
}
#sidebar li{
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 14px;
display: block;
width: 246px;
line-height: 18px;
vertical-align: middle;
text-decoration:none;
color: #CCC;
}
#sidebar li a{
display: block;
width: 236px;
text-decoration:none;
color:#CCC;
padding-left: 10px;
padding-bottom: 1px;
padding-top: 1px;
}
#sidebar li a:hover{
background-color:#555;
}
#twitter_update_list li{
font-size: 12px;
padding-top:4px;
padding-bottom: 3px;
margin-left: 10px;
width: 230px;
border-bottom: 1px #999 solid;
}
#twitter_update_list li a{
display: inline;
color: #99A;
}
#twitter_update_list li a:hover{
background:none;
}
.postmetadata {
clear: left;
}
#content .commentlist{
font-size: 12px;
color:#666;
list-style-type: none;
margin: 0px;
padding: 10px;
font-weight:bold;
}
#content cite{
color:#000066;
}
#content .commentlist li{
padding: 10px;
color: #CCC;
background-color:#272727;
}
#content .commentlist .alt{
background-color:#222;
}
#content .commentlist em{
color:#FF0000;
font-weight: bold;
}
#content .commentlist p{
font-size: 12px;
color:#CCC;
padding-bottom: 0px;
font-weight: normal;
}
#footer{
margin: auto;
/*max-width: 1200px;*/
text-align: center;
color: #999999;
padding: 5px;
margin-top: 5px;
margin: 0px;
padding: 0px;
font-size:10px;
background-image: url('img/footer_trans.png');
position: fixed;
bottom: 0px;
width: 100%;
height: 60px;
z-index: 999;
}
#smallfooter{
max-width: 1200px;
margin: auto;
margin-top: 40px;
}
#footer h2{
display: none;
height: 0px;
}
#footer ul{
list-style: none;
padding: 0px;
margin: 0px;
}
#footer li{
display: inline;
}
#footer .links{
display: inline;
font-size: 11px;
}
#footer .links a{
color: #AAA;
margin-left: 5px;
margin-right: 5px;
}
#footer p{
margin: 0px;
padding: 0px;
}
#intro{
color:#FFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
padding-bottom: 10px;
/*line-height: 250px;
vertical-align: text-bottom;*/
text-align: center;
position: relative;
top: 220px;
}
.portfolio{
width: 910px;
text-align: center;
}
#links{
float: left;
width: 660px;
overflow:hidden;
}
#rechts{
float: right;
width: 260px;
overflow:hidden;
/*margin-left: 660px;*/
}
#intro-picture{
width: 650px;
height: 300px;
background-color:#222528;
padding-right: 0px;
margin-right: 0px;
}
#intro-blog{
width: 515px;
height: 440px;
float: left;
padding-bottom: 2px;
}
#intro-blog, #intro-blog a{
text-decoration: none;
color: #000000;
}
#intro-blog a{
display: block;
/*height: 100px;*/
padding-left: 7px;
padding-bottom: 5px;
padding-top: 2px;
}
#intro-blog a:hover{
color: #FFFFFF;
}
#intro-blog ul{
margin: 0px;
padding: 0px;
}
#intro-blog ul li{
margin: 0px;
padding: 0px;
margin: 2px;
width: 510px;
overflow: hidden;
}
#intro-blog p{
font-size: 12px;
padding: 0px;
padding-left: 0px;
margin: 0px;
color:#666;
display: block;
height: 100px;
}
#intro-gallery{
width: 125px;
height: 442px;
float: left;
}
#intro-banner{
width: 250px;
height: 230px;
background-image: url("img/banner09.jpg");
}
#intro-categorie{
width: 250px;
height: 250px;
float: left;
padding: 0px;
padding-bottom: 5px;
}
#intro-categorie ul,#intro-andere ul{
margin: 0px;
padding: 0px;
}
#intro-categorie li,#intro-andere li{
list-style-type: none;
margin: 0px;
padding: 0px;
/*padding-left: 10px;*/
font-size: 14px;
display: block;
width: 246px;
line-height: 18px;
vertical-align: middle;
text-decoration:none;
padding-left: 2px;
}
#intro-categorie li a,#intro-andere li a{
display: block;
width: 236px;
text-decoration:none;
color:#333;
padding-left: 10px;
padding-bottom: 1px;
padding-top: 1px;
}
#intro-categorie li a:hover,#intro-andere li a:hover{
background-color:#AAA;
}
#intro-andere{
width: 250px;
/*height: 100px;*/
min-height: 172px;
float: left;
padding-bottom: 5px;
font-size: 12px;
}
#intro-zoeken{
width: 250px;
height: 60px;
float: left;
}
.vensterke{
background-color:#FEFEFE;
margin: 5px;
overflow: hidden;
}
#searchform{
margin: 0px;
padding: 5px;
text-align: center;
}
#searchform input{
border: 1px solid #555;
color: #CCC;
padding: 2px;
margin: 0px;
background-color: #333;
}
#searchform #searchsubmit{
padding: 2px;
}
.blogpagenumber {
width: 500px;
margin: auto;
border-bottom: 1px solid #999;
margin: 5px;
font-size: 12px;
margin-left: auto;
margin-right: auto;
}
#intro-blog a{
color: #FFF;
}
.blogpagenumber{
color: #CCC;
}
.blogpagenumber a{
border: 1px solid #999;
border-bottom: 0px;
color: #CCC;
padding: 3px;
width: 20px;
height: 11px;
display: inline-block;
text-align: center;
float: right;
background-color: #222528;
}
.tabelement{
overflow: hidden;
}
#intro-picture{
background-color:#222528;
}
#wpstats{
visibility: hidden;
}
.tabelement2 img{
}
.tabelement2 h4{
}
.tabelement2 a{
width: 210px;
height: 120px;
padding: 0px;
margin: 0px;
}
.tabelement2{
display: inline-block;
width: 210px;
height: 120px;
position: relative;
margin: 3px;
padding: 0px;
}
.tabelementText{
position:absolute;
text-align: right;
padding: 5px;
background-image: url("img/bg_trans01.png");
font-size: 12px;
color: white;
margin: 5px;
display: block;
right: 0px;
bottom: 0px;
}
.current_page_item a{
color:yellow !important;
font-size: 30px;
}
#pf_side{
width: 140px;
float: left;
font-size: 14px;
color: #FFF;
}
#pf_side a{
color: #FFF;
text-decoration: none;
}
#pf_side h3{
/*font-size: 14px;*/
}
#pf_side h3 a{
color: #AAA;
/*font-size: 12px;*/
text-transform: uppercase;
text-decoration: none;
/*font-weight: normal;*/
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#pf_side ul{
list-style: none;
padding: 0px;
margin: 0px;
padding-left: 10px;
padding-bottom: 10px;
}
#pf_content{
float: right;
width: 750px;
position: relative;
}
#pf_content .thumb{
display: inline-block;
width: 120px;
height: 120px;
padding: 1px;
margin: 0px;
float: left;
}
#pf_content .thumb img{
height: 120px;
width: 120px;
padding: 0px;
margin: 0px;
}
/*
#pf_content .picture a{
border: 1px solid blue;
}
#pf_content .picture a:hover{
border: 1px solid white;
}
*/
#pf_content .vorige{
width: 49%;
height: 100%;
background-image: url("img/doorzichtig.png");
background-repeat: no-repeat;
float: left;
display: block;
}
#pf_content .volgende{
width: 49%;
height: 100%;
background-image: url("img/doorzichtig.png");
float: right;
display: block;
text-align: left;
}
#pf_content .nav{
position:absolute;
top:0; left:0;
width:100%; height:100%;
}
#pf_content .picture img{
z-index: 10;
border: 1px gray solid;
}
#pf_content .volgende:hover{
background:url(img/next.png) center right no-repeat;
}
#pf_content .vorige:hover{
background:url(img/prev.png) center left no-repeat;
}
.intro_post_thumbs{
padding: 0px;
margin: 0px;
}
.tabelement2 a{
width: 219px;
height: 146px;
padding: 0px;
margin: 0px;
}
.tabelement2{
display: inline-block;
width: 219px;
height: 146px;
position: relative;
margin: 0px;
margin-top: 10px;
padding: 0px;
}
.tabelementText{
position:absolute;
text-align: center;
padding: 0px;
background-image: url("img/bg_trans02.png");
font-size: 14px;
font-weight: normal;
color: white;
margin: 0px;
display: block;
right: 4px;
bottom: 3px;
line-height: 18px;
vertical-align: middle;
overflow: hidden;
}
.tabelementText a{
/* font-weight: bold;*/
color: white;
text-decoration: none;
width: 206px;
display: block;
height: 18px;
padding: 5px;
margin: 0px;
}
.tabelement{
overflow: hidden;
display: none;
}
.intro_blog_post_right{
width: 50px;
height: 146px;
display: block;
position: absolute;
z-index: 10;
top: 0px;
right: 0px;
}
.intro_blog_post_right a{
display: block;
background-color: none !important;
background-image: url('img/intro_thumb_right.png');
background-position: 50% 50%;
width: 50px;
height: 146px;
}
.intro_blog_post_right a:hover{
background-image: url('img/intro_thumb_right_hover.png');
background-color: none;
}
.intro_blog_post_left{
width: 50px;
height: 146px;
display: block;
position: absolute;
z-index: 10;
top: 0px;
left: 0px;
}
.intro_blog_post_left a{
display: block;
background-color: none !important;;
background-image: url('img/intro_thumb_left.png');
background-position: 50% 50%;
width: 50px;
height: 146px;
}
.intro_blog_post_left a:hover{
background-image: url('img/intro_thumb_left_hover.png');
background-color: none;
}