/*
Theme Name: Xener
Theme URI: http://www.xener.nl
Description: Gemaakt vanuit Starkers.
Version: 1.0
Author: Giel Peeters
Author URI: http://www.gielpeeters.nl/
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
font-family:Georgia;
background-color:#fff;
}

#containerheader {
width:100%;
background-color:#004a62;
}

#header {
width:800px;
margin:0 auto 0 auto;
height:40px;
}

#header h1 {
float:left;
width:350px;
color:#ccc;
line-height:230%;
}

#header h1 a {
color:#ccc;
}

#header ul {
list-style: none;
float:right;
width:400px;
height:30px;
}

#header li {
float:right;
}

#header li a {
padding:4px;
padding-left:8px;
padding-right:8px;
margin:5px;
margin-left:20px;
background-color:#1c5c71;
color:#fff;
text-decoration:none;
border:1px dotted #ccc;
display:block;
}

#header li a:hover {
border:1px solid #ccc;
}

#logo {
width:100%;
height:100px;
background-image:url('images/logoXeneR.png');
background-repeat:no-repeat;
background-position:center;
}

#containerhome {
width:100%;
background-color: #33a5cb;
}

#home {
width:800px;
margin:0 auto 0 auto;
height:185px;
padding:5px;
}

#home li {
width:225px;
height:140px;
text-align:center;
lline-height:100px;
float:left;
margin:20px;
}

#home li a {
width:220px;
height:26px;
background-color:#33a5cb;
text-decoration:none;
border:4px solid #1c5c71;
color:#1c5c71;
color:#fff;
display:block;
padding-top:110px;
}

#home li a:hover, #home li.current_page_item a {
background-color:#53c5eb;
border:4px solid #000;
color:#000;
}

li.page-item-20  {
background-image:url('images/bg1.png');
background-repeat:no-repeat;
background-position:4px 4px;
}

li.page-item-18 {
background-image:url('images/bg2.png');
background-repeat:no-repeat;
background-position:4px 4px;
}

li.page-item-77 {
background-image:url('images/bg3.png');
background-repeat:no-repeat;
background-position:4px 4px;
}

li a {
opacity: 0.70;
filter: alpha(Opacity=70);
-moz-opacity: 0.7;
}

li a:hover, li.current_page_item a {
opacity: 0.80;
filter: alpha(Opacity=80);
-moz-opacity: 0.8;
}

#containercontent {
float:left;
width:100%;
background-color: white;
background-image:url('images/bg_content.png');
}

#content {
width:800px;
margin:0 auto 0 auto;
}

#links {
float:left;
width:450px;
background-image:url('images/bg_links.gif');
background-repeat:repeat-y;
padding:15px;
min-height:300px;
}

#rechts {
float:right;
width:310px;
padding:5px;
}

#footer {
border-top:1px solid #aaa;
text-align:center;
float:left;
width:100%;
min-height:120px;
background-image:url('images/footer.png');
background-repeat:repeat-x;
line-height:200%;
overflow:hidden;
}

/* Fonts */

#content h1 {
line-height:30px;
font-size:16px;
background-image:url('images/h1.png');
background-repeat:no-repeat;
background-position:right;
}

#content h2, #content h3 {
font-size:14px;
margin-top:15px;
}

#content p {
font-size:13px;
line-height:150%;
margin-bottom:10px;
}

#content li {
font-size:13px;
line-height:150%;
list-style-type: disc;
margin-left:15px;
}

#content a {
color:#007197;
text-decoration:none;
border-bottom:1px dotted;
}

#content a:hover {
color:#4a4a6b;
border-bottom:1px solid;
}

#footer {
font-family:Arial,Verdana;
font-size:10px;
color:#555;
line-height:400%;
}

#footer a {
text-decoration:none;
color:#555;
border-bottom:1px solid #aaa;
}

#footer a:hover {
text-decoration:none;
color:#000;
border-bottom:1px solid #555;
}