Ondersteuning » Thema en CSS/opmaak » Theme zonder naam

Theme zonder naam

  • une2008

    (@une2008)


    14 jaren, 7 maanden geleden

    Hallo,

    Ik heb een probleem met mijn template…
    Ik heb veel gezocht achter een template maar niks naar mijn wens gevonden zonder verandering aan te brengen.

    Ik wil namelijk een theme met 3 columns.

    Ik heb een template gevonden die ik met kleine aanpassingen naar mijn wens kan maken, maar het probleem is dat ik niet zo goed met css kan werken.

    Voorbeeld (mijn website)

    Deze is de originele CCS van de theme:

    /*
Theme Name: Untitled
Theme URI:
Description: theme
Version: 1.0
Author:
Author URI:
Tags: fixed width, three columns, valid XHTML, widgets
*/

/* begin Page */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #384752;
}

.Main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}

.PageBackgroundGlare
{
	position: absolute;
	width: 100%;
	height: 361px;
	left: 0;
	top: 0;
}

.PageBackgroundGlareImage
{
	background-image: url('images/Page-BgGlare.png');
	background-repeat: no-repeat;
	height: 361px;
	width: 347px;
	margin: 0;
}

html:first-child .PageBackgroundGlare
{
	border: 1px solid transparent; /* Opera fix */
}

.PageBackgroundSimpleGradient
{
	position: absolute;
	background-image: url('images/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 250px;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 800px;
	min-width:11px;
	min-height:11px;
}

.Sheet-body
{
	position: relative;
	z-index:1;
	padding: 5px;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
{
	position:absolute;
	z-index:-1;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
{
	width: 10px;
	height: 10px;
	background-image: url('images/Sheet-s.png');
}

.Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 5px, 5px, auto);
}

.Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 5px, 5px);
}

.Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(5px, 5px, auto, auto);
}

.Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(5px, auto, auto, 5px);
}

.Sheet-tc, .Sheet-bc
{
	left: 5px;
	right: 5px;
	height: 10px;
	background-image: url('images/Sheet-h.png');
}

.Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 5px, auto);
}

.Sheet-bc
{
	bottom: 0;
	clip: rect(5px, auto, auto, auto);
}

.Sheet-cr, .Sheet-cl
{
	top: 5px;
	bottom: 5px;
	width: 10px;
	background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 5px);
}

.Sheet-cl
{
	left:0;
	clip: rect(auto, 5px, auto, auto);
}

.Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background-image: url('images/Sheet-c.png');
}

.Sheet
{
	margin-top: -5px !important;
}

.PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare
{
	min-width:800px;
}

/* end Box, Sheet */

/* begin Header */
div.Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 790px;
	height: 150px;
}

div.Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 790px;
	height: 150px;
	background-image: url('images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
	display : block;
	position: absolute;
	left: 218px;
	top: 10px;
	width: 562px;
}

h1.logo-name
{
	display: block;
	text-align: right;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
	font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
	font-size: 36px;
	text-decoration: none;
	padding:0;
	margin:0;
	color: #DAECF1 !important;
}

.logo-text
{
	display: block;
	text-align: right;
}

.logo-text, .logo-text a
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	padding:0;
	margin:0;
	color: #DAECF1 !important;
}
/* end Logo */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.artmenu, .artmenu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.artmenu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.artmenu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.artmenu li li
{
	float: none;
}

.artmenu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.artmenu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.artmenu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.artmenu:after, .artmenu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.artmenu, .artmenu ul
{
	min-height: 0;
}

.artmenu ul
{
	background-image: url(images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

/* menu structure */

.artmenu
{
	padding: 0px 0px 0px 0px;
}

.nav
{
	position: relative;
	height: 23px;
	z-index: 100;
}

.nav .l, .nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 23px;
	background-image: url('images/nav.png');
}

.nav .l
{
	left: 0;
	right:0px;
}

.nav .r
{
	right: 0;
	width: 790px;
	clip: rect(auto, auto, auto, 790px);
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
	clear: both;
}

.artmenu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 23px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}

.artmenu a .r, .artmenu a .l
{
	position:absolute;
	display: block;
	height: 69px;
	background-image: url('images/MenuItem.png');
}

.artmenu a .l
{
	left:0;
	right:0px;
}

.artmenu a .r
{
	width:400px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.artmenu a .t
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #C5D0D8;
	padding: 0 17px;
	margin: 0 0px;
	line-height: 23px;
	text-align: center;
}

.artmenu a:hover .l, .artmenu a:hover .r
{
	top:-23px;
}

.artmenu li:hover>a .l, .artmenu li:hover>a .r
{
	top:-23px;
}

.artmenu li:hover a .l, .artmenu li:hover a .r
{
	top:-23px;
}
.artmenu a:hover .t
{
	color: #ECF2F4;
}

.artmenu li:hover a .t
{
	color: #ECF2F4;
}

.artmenu li:hover>a .t
{
	color: #ECF2F4;
}

/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
	display: block;
	width: 1px;
	height: 23px;
	background-image: url('images/MenuSeparator.png');
}

/* end MenuSeparator */

/* begin ContentLayout */
.contentLayout
{
	position: relative;
	margin-bottom: 0px;
	width: 790px;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.Block-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}

.Block
{
	margin: 5px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 7px;
	margin-bottom: 0px;
}

.BlockHeader .t
{
	height: 30px;
	color: #75B8CC;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 7px;
	line-height: 30px;
}

.header-tag-icon
{
	display:inline-block;
	background-position:left top;
	background-image: url('images/BlockHeaderIcon.png');
	padding:0 0 0 22px;
	background-repeat: no-repeat;
	min-height: 18px;
	margin: 0 0 0 5px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:19px;
	min-height:19px;
}

.BlockContent-body
{
	position: relative;
	z-index:1;
	padding: 8px;
}

.BlockContent-tr, .BlockContent-tl, .BlockContent-br, .BlockContent-bl, .BlockContent-tc, .BlockContent-bc,.BlockContent-cr, .BlockContent-cl
{
	position:absolute;
	z-index:-1;
}

.BlockContent-tr, .BlockContent-tl, .BlockContent-br, .BlockContent-bl
{
	width: 18px;
	height: 18px;
	background-image: url('images/BlockContent-s.png');
}

.BlockContent-tl
{
	top:0;
	left:0;
	clip: rect(auto, 9px, 9px, auto);
}

.BlockContent-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 9px, 9px);
}

.BlockContent-bl
{
	bottom: 0;
	left: 0;
	clip: rect(9px, 9px, auto, auto);
}

.BlockContent-br
{
	bottom: 0;
	right: 0;
	clip: rect(9px, auto, auto, 9px);
}

.BlockContent-tc, .BlockContent-bc
{
	left: 9px;
	right: 9px;
	height: 18px;
	background-image: url('images/BlockContent-h.png');
}

.BlockContent-tc
{
	top: 0;
	clip: rect(auto, auto, 9px, auto);
}

.BlockContent-bc
{
	bottom: 0;
	clip: rect(9px, auto, auto, auto);
}

.BlockContent-cr, .BlockContent-cl
{
	top: 9px;
	bottom: 9px;
	width: 18px;
	background-image: url('images/BlockContent-v.png');
}

.BlockContent-cr
{
	right:0;
	clip: rect(auto, auto, auto, 9px);
}

.BlockContent-cl
{
	left:0;
	clip: rect(auto, 9px, auto, auto);
}

.BlockContent-cc
{
	position:absolute;
	z-index:-1;
	top: 9px;
	left: 9px;
	right: 9px;
	bottom: 9px;
	background-color: #324E57;
}

.BlockContent-body
{
	color:#A1BEC9;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.BlockContent-body a:link
{
	color: #93C7D7;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
	color: #E2EBEE;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
	color: #B8DAE5;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.BlockContent-body ul
{
	list-style-type: none;
	color: #A7B8C3;
	margin:0;
	padding:0;
}

.BlockContent-body li
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.BlockContent-body ul li
{
	padding:0px 0 0px 11px;
	background-image: url('images/BlockContentBullets.png');
	background-repeat:no-repeat;
	margin:0.5em 0 0.5em 0;
	line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:25px;
	min-height:25px;
}

.Post-body
{
	position: relative;
	z-index:1;
	padding: 13px;
}

.Post-tr, .Post-tl, .Post-br, .Post-bl, .Post-tc, .Post-bc,.Post-cr, .Post-cl
{
	position:absolute;
	z-index:-1;
}

.Post-tr, .Post-tl, .Post-br, .Post-bl
{
	width: 36px;
	height: 36px;
	background-image: url('images/Post-s.png');
}

.Post-tl
{
	top:0;
	left:0;
	clip: rect(auto, 18px, 18px, auto);
}

.Post-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 18px, 18px);
}

.Post-bl
{
	bottom: 0;
	left: 0;
	clip: rect(18px, 18px, auto, auto);
}

.Post-br
{
	bottom: 0;
	right: 0;
	clip: rect(18px, auto, auto, 18px);
}

.Post-tc, .Post-bc
{
	left: 18px;
	right: 18px;
	height: 36px;
	background-image: url('images/Post-h.png');
}

.Post-tc
{
	top: 0;
	clip: rect(auto, auto, 18px, auto);
}

.Post-bc
{
	bottom: 0;
	clip: rect(18px, auto, auto, auto);
}

.Post-cr, .Post-cl
{
	top: 18px;
	bottom: 18px;
	width: 36px;
	background-image: url('images/Post-v.png');
}

.Post-cr
{
	right:0;
	clip: rect(auto, auto, auto, 18px);
}

.Post-cl
{
	left:0;
	clip: rect(auto, 18px, auto, auto);
}

.Post-cc
{
	position:absolute;
	z-index:-1;
	top: 18px;
	left: 18px;
	right: 18px;
	bottom: 18px;
	background-color: #3A5964;
}

.Post
{
	margin: 5px;
}

/* Start images */
a img
{
	border: 0;
}

.article img, img.article
{
	margin: 1em;
}

.metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
	background-color:Transparent;
}

.article th, .article td
{
	padding: 2px;
	border: solid 1px #416471;
	vertical-align: top;
	text-align:left;
}

.article th
{
	text-align:center;
	vertical-align:middle;
	padding: 7px;
}

/* Finish tables */
/* end Box, Post */

/* begin PostMetadata */
.PostMetadataHeader
{
	padding:1px;
	background-color: #36535E;
	border-color: #2B424A;
	border-style: solid;
	border-width: 1px;
}
/* end PostMetadata */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
	font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CBE4EC;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
	font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CBE4EC;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #A6D1DE;
}

.PostHeader a:visited, .PostHeader a.visited
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #DBE6EB;
}

.PostHeader a:hover, .PostHeader a.hovered
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  text-decoration: underline;
  text-align: left;
  color: #C0DEE8;
}
/* end PostHeader */

/* begin PostIcons */
.PostHeaderIcons
{
	padding:1px;
}

.PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	color: #AABAC5;
}

.PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
	margin:0;
}

.PostHeaderIcons a:link
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #8FA4B3;
}

.PostHeaderIcons a:visited, .PostHeaderIcons a.visited
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	color: #8FA4B3;
}

.PostHeaderIcons a:hover, .PostHeaderIcons a.hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	color: #75B8CC;
}
/* end PostIcons */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #ABC5CF;
}

.PostContent
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #ABC5CF;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #79BACD;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #79BACD;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #B0BFC9;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #C3E0E9;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #79BACD;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 16px;
  text-align: left;
  color: #9ECDDB;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #9ECDDB;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 14px;
  text-align: left;
  color: #C5D7DD;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 12px;
  text-align: left;
  color: #C5D7DD;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 11px;
  text-align: left;
  color: #C5D7DD;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #B0BFC9;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;

}

.Post li
{
	padding:0px 0 0px 10px;
	line-height:1.2em;
}

.Post ol li, .Post ul ol li
{
	background: none;
	padding-left:0;
}

.Post ul li, .Post ol ul li
{
	background-image: url('images/PostBullets.png');
	background-repeat:no-repeat;
	padding-left:10px;
}

/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
	color:#060D0F;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-align: left;
}

blockquote
{
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 38px;
	background-color:#93C7D7;
	background-image:url('images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}

/* Finish blockuote */
/* end PostQuote */

/* begin PostIcons */
.PostFooterIcons
{
	padding:1px;
}

.PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	color: #B0BFC9;
}

.PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
	margin:0;
}

.PostFooterIcons a:link
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #92A7B5;
}

.PostFooterIcons a:visited, .PostFooterIcons a.visited
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	color: #92A7B5;
}

.PostFooterIcons a:hover, .PostFooterIcons a.hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	color: #79BACD;
}
/* end PostIcons */

/* begin Button */
.Button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:27px;
	margin:0;
	padding:0;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.Button .btn
{
	display:block;
	position:relative;
	float:left;
	height: 27px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	color: #000000;
}

.Button .btn .t
{
	display:block;
	height: 27px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 11px;
	line-height: 27px;
	text-decoration: none !important;
}

input, select
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.Button .hover, .Button:hover
{
	color: #E9F3F7;
	text-decoration: none !important;
}

.Button .active
{
	color: #EFF4F6;
}

.Button .btn .l, .Button .btn .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 81px;
	background-image: url('images/Button.png');
}

.Button .btn .l
{
	left:0;
	right:10px;
}

.Button .btn .r
{
	width:409px;
	right:0;
	clip: rect(auto, auto, auto, 399px);
}

.Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
{
	top: -27px;
}

.Button .btn.active .l, .Button .btn.active .r
{
	top: -54px;
}

/* end Button */

/* begin Footer */
.Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 790px;
	margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 10px;
	text-align: center;
}

.Footer .Footer-background
{
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-image: url('images/Footer.png');
	width: 790px;
	height: 150px;
	bottom:0;
	left:0;
}

.rss-tag-icon
{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/rssIcon.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	height: 25px;
	width: 32px;
}

.Footer .Footer-text p
{
	margin: 0;
}

.Footer .Footer-text
{
	display:inline-block;
	color:#0E1315;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	letter-spacing: 1px;
}

.Footer .Footer-text a:link
{
	text-decoration: none;
	color: #131D20;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.Footer .Footer-text a:visited
{
	text-decoration: none;
	color: #253941;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.Footer .Footer-text a:hover
{
	text-decoration: none;
	color: #0E2025;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#6AB2C8;
}

.page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#445764;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 157px;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 475px;
}
.contentLayout .content-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 632px;
}
.contentLayout .content-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 632px;
}
.contentLayout .content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 789px;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 157px;
}
/* end LayoutCell */

.commentlist, .commentlist li
{
	background: none;
}

.commentlist li li
{
	margin-left:30px;
}

.commentlist li .avatar
{
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	margin:1px;
	background: #fff;
}

.commentlist li cite
{
	font-size:1.2em;
}

#commentform textarea
{
	width: 100%;
}

img.wp-smiley
{
	border:none;
	margin:0;
	padding:0;
}

.navigation
{
	display: block;
	text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .article .aligncenter img, .aligncenter img.article, .aligncenter img, img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.alignright img, img.alignright
{
	margin: 1em;
	margin-right: 0;
}

.alignleft img, img.alignleft
{
	margin: 1em;
	margin-left: 0;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End */

.hidden
{
	display: none;
}

/* Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

    Dit is wat ik heb geprobeerd om het te veranderen naar mijn wens maar niet gelukt.
    Mijn probleem is dat ik rechter kolom niet rechts krijg maar komt gewoon onder en bij resolutie van de scherm te veranderen loopt de template niet goed.

    /*
Theme Name: Untitled
Theme URI:
Description: theme
Version: 1.0
Author:
Author URI:
Tags: fixed width, three columns, valid XHTML, widgets
*/

/* begin Page */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #384752;
}

.Main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}

.PageBackgroundGlare
{
	position: absolute;
	width: 100%;
	height: 361px;
	left: 0;
	top: 0;
}

.PageBackgroundGlareImage
{
	background-image: url('images/Page-BgGlare.png');
	background-repeat: no-repeat;
	height: 361px;
	width: 347px;
	margin: 0;
}

html:first-child .PageBackgroundGlare
{
	border: 1px solid transparent; /* Opera fix */
}

.PageBackgroundSimpleGradient
{
	position: absolute;
	background-image: url('images/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 250px;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 100%px;
	min-width:11px;
	min-height:11px;
}

.Sheet-body
{
	position: relative;
	z-index:1;
	padding: 5px;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
{
	position:absolute;
	z-index:-1;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
{
	width: 10px;
	height: 10px;
	background-image: url('images/Sheet-s.png');
}

.Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 5px, 5px, auto);
}

.Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 5px, 5px);
}

.Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(5px, 5px, auto, auto);
}

.Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(5px, auto, auto, 5px);
}

.Sheet-tc, .Sheet-bc
{
	left: 5px;
	right: 5px;
	height: 10px;
	background-image: url('images/Sheet-h.png');
}

.Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 5px, auto);
}

.Sheet-bc
{
	bottom: 0;
	clip: rect(5px, auto, auto, auto);
}

.Sheet-cr, .Sheet-cl
{
	top: 5px;
	bottom: 5px;
	width: 10px;
	background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 5px);
}

.Sheet-cl
{
	left:0;
	clip: rect(auto, 5px, auto, auto);
}

.Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background-image: url('images/Sheet-c.png');
}

.Sheet
{
	margin-top: -5px !important;
}

.PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare
{
	min-width:100%px;
}

/* end Box, Sheet */

/* begin Header */
div.Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 790px;
	height: 150px;
}

div.Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 100%px;
	height: 80px;
	background-image: url('images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
	display : block;
	position: absolute;
	left: 218px;
	top: 10px;
	width: 562px;
}

h1.logo-name
{
	display: block;
	text-align: right;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
	font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
	font-size: 36px;
	text-decoration: none;
	padding:0;
	margin:0;
	color: #DAECF1 !important;
}

.logo-text
{
	display: block;
	text-align: right;
}

.logo-text, .logo-text a
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	padding:0;
	margin:0;
	color: #DAECF1 !important;
}
/* end Logo */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.artmenu, .artmenu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.artmenu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.artmenu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.artmenu li li
{
	float: none;
}

.artmenu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.artmenu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.artmenu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.artmenu:after, .artmenu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.artmenu, .artmenu ul
{
	min-height: 0;
}

.artmenu ul
{
	background-image: url(images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

/* menu structure */

.artmenu
{
	padding: 0px 0px 0px 0px;
}

.nav
{
	position: relative;
	height: 23px;
	z-index: 100;
}

.nav .l, .nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 23px;
	background-image: url('images/nav.png');
}

.nav .l
{
	left: 0;
	right:0px;
}

.nav .r
{
	right: 0;
	width: 100%px;
	clip: rect(auto, auto, auto, 100%px);
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
	clear: both;
}

.artmenu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 23px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}

.artmenu a .r, .artmenu a .l
{
	position:absolute;
	display: block;
	height: 69px;
	background-image: url('images/MenuItem.png');
}

.artmenu a .l
{
	left:0;
	right:0px;
}

.artmenu a .r
{
	width:100%px;
	right:0;
	clip: rect(auto, auto, auto, 100%px);
}

.artmenu a .t
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #C5D0D8;
	padding: 0 17px;
	margin: 0 0px;
	line-height: 23px;
	text-align: center;
}

.artmenu a:hover .l, .artmenu a:hover .r
{
	top:-23px;
}

.artmenu li:hover>a .l, .artmenu li:hover>a .r
{
	top:-23px;
}

.artmenu li:hover a .l, .artmenu li:hover a .r
{
	top:-23px;
}
.artmenu a:hover .t
{
	color: #ECF2F4;
}

.artmenu li:hover a .t
{
	color: #ECF2F4;
}

.artmenu li:hover>a .t
{
	color: #ECF2F4;
}

/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
	display: block;
	width: 1px;
	height: 23px;
	background-image: url('images/MenuSeparator.png');
}

/* end MenuSeparator */

/* begin ContentLayout */
.contentLayout
{
	position: relative;
	margin-bottom: 0px;
	width: 100%px;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.Block-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}

.Block
{
	margin: 5px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 7px;
	margin-bottom: 0px;
}

.BlockHeader .t
{
	height: 30px;
	color: #75B8CC;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 7px;
	line-height: 30px;
}

.header-tag-icon
{
	display:inline-block;
	background-position:left top;
	background-image: url('images/BlockHeaderIcon.png');
	padding:0 0 0 22px;
	background-repeat: no-repeat;
	min-height: 18px;
	margin: 0 0 0 5px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:19px;
	min-height:19px;
}

.BlockContent-body
{
	position: relative;
	z-index:1;
	padding: 8px;
}

.BlockContent-tr, .BlockContent-tl, .BlockContent-br, .BlockContent-bl, .BlockContent-tc, .BlockContent-bc,.BlockContent-cr, .BlockContent-cl
{
	position:absolute;
	z-index:-1;
}

.BlockContent-tr, .BlockContent-tl, .BlockContent-br, .BlockContent-bl
{
	width: 18px;
	height: 18px;
	background-image: url('images/BlockContent-s.png');
}

.BlockContent-tl
{
	top:0;
	left:0;
	clip: rect(auto, 9px, 9px, auto);
}

.BlockContent-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 9px, 9px);
}

.BlockContent-bl
{
	bottom: 0;
	left: 0;
	clip: rect(9px, 9px, auto, auto);
}

.BlockContent-br
{
	bottom: 0;
	right: 0;
	clip: rect(9px, auto, auto, 9px);
}

.BlockContent-tc, .BlockContent-bc
{
	left: 9px;
	right: 9px;
	height: 18px;
	background-image: url('images/BlockContent-h.png');
}

.BlockContent-tc
{
	top: 0;
	clip: rect(auto, auto, 9px, auto);
}

.BlockContent-bc
{
	bottom: 0;
	clip: rect(9px, auto, auto, auto);
}

.BlockContent-cr, .BlockContent-cl
{
	top: 9px;
	bottom: 9px;
	width: 18px;
	background-image: url('images/BlockContent-v.png');
}

.BlockContent-cr
{
	right:0;
	clip: rect(auto, auto, auto, 9px);
}

.BlockContent-cl
{
	left:0;
	clip: rect(auto, 9px, auto, auto);
}

.BlockContent-cc
{
	position:absolute;
	z-index:-1;
	top: 9px;
	left: 9px;
	right: 9px;
	bottom: 9px;
	background-color: #324E57;
}

.BlockContent-body
{
	color:#A1BEC9;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.BlockContent-body a:link
{
	color: #93C7D7;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
	color: #E2EBEE;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
	color: #B8DAE5;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.BlockContent-body ul
{
	list-style-type: none;
	color: #A7B8C3;
	margin:0;
	padding:0;
}

.BlockContent-body li
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.BlockContent-body ul li
{
	padding:0px 0 0px 11px;
	background-image: url('images/BlockContentBullets.png');
	background-repeat:no-repeat;
	margin:0.5em 0 0.5em 0;
	line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:25px;
	min-height:25px;
}

.Post-body
{
	position: relative;
	z-index:1;
	padding: 13px;
}

.Post-tr, .Post-tl, .Post-br, .Post-bl, .Post-tc, .Post-bc,.Post-cr, .Post-cl
{
	position:absolute;
	z-index:-1;
}

.Post-tr, .Post-tl, .Post-br, .Post-bl
{
	width: 36px;
	height: 36px;
	background-image: url('images/Post-s.png');
}

.Post-tl
{
	top:0;
	left:0;
	clip: rect(auto, 18px, 18px, auto);
}

.Post-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 18px, 18px);
}

.Post-bl
{
	bottom: 0;
	left: 0;
	clip: rect(18px, 18px, auto, auto);
}

.Post-br
{
	bottom: 0;
	right: 0;
	clip: rect(18px, auto, auto, 18px);
}

.Post-tc, .Post-bc
{
	left: 18px;
	right: 18px;
	height: 36px;
	background-image: url('images/Post-h.png');
}

.Post-tc
{
	top: 0;
	clip: rect(auto, auto, 18px, auto);
}

.Post-bc
{
	bottom: 0;
	clip: rect(18px, auto, auto, auto);
}

.Post-cr, .Post-cl
{
	top: 18px;
	bottom: 18px;
	width: 36px;
	background-image: url('images/Post-v.png');
}

.Post-cr
{
	right:0;
	clip: rect(auto, auto, auto, 18px);
}

.Post-cl
{
	left:0;
	clip: rect(auto, 18px, auto, auto);
}

.Post-cc
{
	position:absolute;
	z-index:-1;
	top: 18px;
	left: 18px;
	right: 18px;
	bottom: 18px;
	background-color: #3A5964;
}

.Post
{
	margin: 5px;
}

/* Start images */
a img
{
	border: 0;
}

.article img, img.article
{
	margin: 1em;
}

.metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
	background-color:Transparent;
}

.article th, .article td
{
	padding: 2px;
	border: solid 1px #416471;
	vertical-align: top;
	text-align:left;
}

.article th
{
	text-align:center;
	vertical-align:middle;
	padding: 7px;
}

/* Finish tables */
/* end Box, Post */

/* begin PostMetadata */
.PostMetadataHeader
{
	padding:1px;
	background-color: #36535E;
	border-color: #2B424A;
	border-style: solid;
	border-width: 1px;
}
/* end PostMetadata */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
	font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CBE4EC;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
	font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CBE4EC;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #A6D1DE;
}

.PostHeader a:visited, .PostHeader a.visited
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #DBE6EB;
}

.PostHeader a:hover, .PostHeader a.hovered
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  text-decoration: underline;
  text-align: left;
  color: #C0DEE8;
}
/* end PostHeader */

/* begin PostIcons */
.PostHeaderIcons
{
	padding:1px;
}

.PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	color: #AABAC5;
}

.PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
	margin:0;
}

.PostHeaderIcons a:link
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #8FA4B3;
}

.PostHeaderIcons a:visited, .PostHeaderIcons a.visited
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	color: #8FA4B3;
}

.PostHeaderIcons a:hover, .PostHeaderIcons a.hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	color: #75B8CC;
}
/* end PostIcons */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #ABC5CF;
}

.PostContent
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #ABC5CF;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #79BACD;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #79BACD;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #B0BFC9;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #C3E0E9;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #79BACD;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 16px;
  text-align: left;
  color: #9ECDDB;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #9ECDDB;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 14px;
  text-align: left;
  color: #C5D7DD;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 12px;
  text-align: left;
  color: #C5D7DD;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 11px;
  text-align: left;
  color: #C5D7DD;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #B0BFC9;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;

}

.Post li
{
	padding:0px 0 0px 10px;
	line-height:1.2em;
}

.Post ol li, .Post ul ol li
{
	background: none;
	padding-left:0;
}

.Post ul li, .Post ol ul li
{
	background-image: url('images/PostBullets.png');
	background-repeat:no-repeat;
	padding-left:10px;
}

/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
	color:#060D0F;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-align: left;
}

blockquote
{
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 38px;
	background-color:#93C7D7;
	background-image:url('images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}

/* Finish blockuote */
/* end PostQuote */

/* begin PostIcons */
.PostFooterIcons
{
	padding:1px;
}

.PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	color: #B0BFC9;
}

.PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
	margin:0;
}

.PostFooterIcons a:link
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #92A7B5;
}

.PostFooterIcons a:visited, .PostFooterIcons a.visited
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	color: #92A7B5;
}

.PostFooterIcons a:hover, .PostFooterIcons a.hover
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	color: #79BACD;
}
/* end PostIcons */

/* begin Button */
.Button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:27px;
	margin:0;
	padding:0;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.Button .btn
{
	display:block;
	position:relative;
	float:left;
	height: 27px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	color: #000000;
}

.Button .btn .t
{
	display:block;
	height: 27px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 11px;
	line-height: 27px;
	text-decoration: none !important;
}

input, select
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.Button .hover, .Button:hover
{
	color: #E9F3F7;
	text-decoration: none !important;
}

.Button .active
{
	color: #EFF4F6;
}

.Button .btn .l, .Button .btn .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 81px;
	background-image: url('images/Button.png');
}

.Button .btn .l
{
	left:0;
	right:10px;
}

.Button .btn .r
{
	width:409px;
	right:0;
	clip: rect(auto, auto, auto, 399px);
}

.Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
{
	top: -27px;
}

.Button .btn.active .l, .Button .btn.active .r
{
	top: -54px;
}

/* end Button */

/* begin Footer */
.Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 100%px;
	margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 10px;
	text-align: center;
}

.Footer .Footer-background
{
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-image: url('images/Footer.png');
	width: 100%px;
	height: 150px;
	bottom:0;
	left:0;
}

.rss-tag-icon
{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/rssIcon.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	height: 25px;
	width: 32px;
}

.Footer .Footer-text p
{
	margin: 0;
}

.Footer .Footer-text
{
	display:inline-block;
	color:#0E1315;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	letter-spacing: 1px;
}

.Footer .Footer-text a:link
{
	text-decoration: none;
	color: #131D20;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.Footer .Footer-text a:visited
{
	text-decoration: none;
	color: #253941;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.Footer .Footer-text a:hover
{
	text-decoration: none;
	color: #0E2025;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#6AB2C8;
}

.page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#445764;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 171px;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 100%px;
}
.contentLayout .content-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 100%px;
}
.contentLayout .content-sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 100%px;
}
.contentLayout .content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 100%px;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 171px;
}
/* end LayoutCell */

.commentlist, .commentlist li
{
	background: none;
}

.commentlist li li
{
	margin-left:30px;
}

.commentlist li .avatar
{
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	margin:1px;
	background: #fff;
}

.commentlist li cite
{
	font-size:1.2em;
}

#commentform textarea
{
	width: 100%;
}

img.wp-smiley
{
	border:none;
	margin:0;
	padding:0;
}

.navigation
{
	display: block;
	text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .article .aligncenter img, .aligncenter img.article, .aligncenter img, img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.alignright img, img.alignright
{
	margin: 1em;
	margin-right: 0;
}

.alignleft img, img.alignleft
{
	margin: 1em;
	margin-left: 0;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End */

.hidden
{
	display: none;
}

/* Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 145px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

    Wie kan mij helpen om het te berwerken?
    Ik weet niet of ik het hhiet goed uitgelegd heb maar je kan mij altijd het vragen voor meer informatie.

    Bedankt!

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Thread starter une2008

    (@une2008)

    14 jaren, 7 maanden geleden

    Originele TEMPLATE

    Thread starter une2008

    (@une2008)

    14 jaren, 7 maanden geleden

    Sorry dat ik opnieuw hier een bericht plaats maar hier wil ik duidelijk mee maken dat ik DEZE TEMPLATE wil bewerken om gewoon voor alle resolutie scherm werk, als bredere beeld is dat de CENTER kolom vergroot en links en rechts kolomen blijven staan!

    Wie kan mij helpen??
    Eventueel stuur ik jou de gegevens voor adminpanel om eens te kijken?

    Danku

    Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    14 jaren, 7 maanden geleden

    Niet een van de meest makkelijke theme’s om mee aan de slag te gaan en boordevol spam links. Ik zou op zoek gaan aan een ander theme, misschien kun je hier iets mee: http://www.studiopress.com/demo/core/blog/layouts/split welke binnenkort te downloaden is vanaf http://wordpress.org/extend/themes/

    Thread starter une2008

    (@une2008)

    14 jaren, 7 maanden geleden

    Ik heb er geen ervaring mee…

    Ik heb alleen gezien wat ik nodig had en dat is perfect voor mij daarom wil ik die template gebruiken…

    Maar ik denk na even veranderingen dat het lukt ik denk 10 minute werkt voor ervaren persoon…

    De template dat je stuurt vindt ik een beetje te droog, er zit geen leven in het template.. daarom dat ik de template wil gebruiken die ik heb voorgesteld.

    BELANGRIJK VOOR MIJ: 100% breede template, kolom link 150px en kolom rechts 150px.

    Groeten en bedankt voor jullie tijd.

    henkholland

    (@henkholland)

    14 jaren, 7 maanden geleden

    Ah, jouw voorbeeldsite laat al zien wat ik het grote nadeel vind van een 100% brede layout: de tekstregels worden veel te lang en je oog heeft moeite om die horizontale lijn te volgen en aan het eind weer naar links, één regel lager. Heb je ooit een krant gezien met teksten over de hele breedte?

    Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    14 jaren, 7 maanden geleden

    Ja, ik ben er ook geen fan van. Hoe dan ook, het voorbeeld wat ik toonde mag dan wat droog zijn, het is makkelijker zoiets aan te passen naar je wensen, dan andersom. Heb je hier al http://wordpress.org/extend/themes/search.php?q=3+column gekeken?

    Thread starter une2008

    (@une2008)

    14 jaren, 7 maanden geleden

    henkholland

    Oké, je hebt wel gelijk, maar als ik nu de originela tamplate gebruik dus niet verzeten naar 100% is het dan in orde of is het boordevol spam links?? deze temaplte?

    Als echt niet kan met deze template dan zoek ik een andare.

    Bedankt iedereen

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Theme zonder naam’ is gesloten voor nieuwe reacties.

Weergaven