/* Style voor kathelijn.nl  by alstro webdesign */
@media screen
{
html,body  {
margin: 0px;
padding: 0px;
color: black;
margin: 0 auto;
height:100%;
background-image: url(../img/bg.png);
background-attachment: fixed;
font: 90%/1.4em Comic Sans MS,Helvetica; color:#000;
}

img {
  border: 1px solid #CF3205;}

.logo img {
  border-color: #eddda2;
  border-width: 1px;
  border-style: solid;
}

h3 {
  color: #CF3205;
  font-family: Comic Sans MS;
  font-size: 110%;
  margin: 10px 0;
  text-transform: uppercase;
}
h4 {
  color: #CF3205;
  font-family: Comic Sans MS;
  text-transform: uppercase;
  margin: 0px;
  font-size: 100%;
}
div#container {
	margin:0 auto;
	width:950px;
    background-image: url(../img/mainbg.jpg);
    }

div#top {
   	margin:0 auto;
	width:950px;
    height:30px;
 }
div#headertop {
  width: 950px;
  height: 10px;
  background-image: url(../img/top.jpg);
}
div#header {
  width: 950px;
  height: 147px;
  background-image: url(../img/header.jpg);
}
div#menu {
   width: 930px;
   padding: 0 10px;
   height: 30px;
 }

 div#menubalk {
    width: 930px;
    height: 26px;
    background-color: #cf3205;
    border-top-color: #362120;
    border-top-style: solid;
    border-top-width: 3px;
    border-bottom-color: #362120;
    border-bottom-style: solid;
    border-bottom-width: 1px;
 }
 .menublok {
   float: left;
   height: 26px;
   padding: 0 10px 0 20px;
   line-height: 26px;
   font-family: Comic Sans MS;
   font-weight: bold;
   font-size: 120%;
   text-transform: uppercase;
 }

div#main{
   width: 930px;
   padding: 0 10px;

 }


div#home {
   float: left;
   width: 510px;
   min-height: 520px;
   *min-height: 520px;
   height:auto !important;
   height: 520px;
   padding-left: 180px;
   padding-right: 10px;
   background: url(../img/homebg.jpg) no-repeat;
}
div#homeport {
   float: left;
   width: 550px;
   min-height: 520px;
   *min-height: 520px;
   height:auto !important;
   height: 520px;
   padding-left: 140px;
   padding-right: 10px;
   background: url(../img/homebg.jpg) no-repeat;
}

.portfolio {
   margin-left: 140px;
}
.referentie {
    width: 220px;
    height: 130px;
}
.update {
    width: 220px;
    height: 240px;
    background-image: url(../img/memo.jpg);
}
.foto {
  float: left;
  width: 115px;
  padding: 10px 5px 5px 0;
}
/*  blogmelder */

div#nieuwsadres {
  width: 170px;
  padding: 40px 20px 20px 30px;
}
div#nieuwscontent {
  height: 120px;
}


div#portveld {
  width: 540px;
  height: 95px;
  padding: 5px;
}
div#porttekst {
  float: left;
  width: 270px;
}
div#portfotos {
  float: left;
  width: 270px;
}
.portfoto {
  float: left;
  width:125px;
  padding: 3px;
}

.portfoto img {
  border-color: #CF3205;
  border-width: 1px;
  border-style: solid;
}
div#update {
  float: left;
  padding: 0 5px 5px 5px;
  width: 220px;
}

.portsub {
  width: 213px;
  height: 22px;
  line-height: 22px;
  padding-left: 10px;
  background-color: #eac367;
  border-left-color: #cd9245;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #cd9245;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #cd9245;
  border-top-style: solid;
  border-top-width: 1px;
}
.portsubb {
  width: 213px;
  height: 23px;
  line-height: 22px;
  padding-left: 10px;
  background-color: #eac367;
  border-color: #cd9245;
  border-style: solid;
  border-width: 1px;
}

div#footer {
   margin:0 auto;
   width: 950px;
   height: 30px;
   color: #cf904b;
   line-height: 26px;
   background-image: url(../img/bottom.jpg);
 }

#home a:link {
	color:#CF3205;
    font-weight: bold;
    text-decoration: none;
}
#home a:visited {
	color:#CF3205;
    font-weight: bold;
    text-decoration: none;
}
#home a:hover {
	color:#CF3205;
    font-weight: bold;
    text-decoration: underline;
}

.menulinks { text-decoration: none;color: #362120;cursor: pointer; }
.menulinks:visited { text-decoration: none;color: #362120;cursor: pointer;}
.menulinks:active { text-decoration: none;color: #362120;cursor: pointer;}
.menulinks:hover { text-decoration: underline;color: #362120;cursor: pointer;}

.sublinks { text-decoration: none;color: #CF3205;font-weight: bold;}
.sublinks:visited { text-decoration: none;color: #CF3205;font-weight: bold;}
.sublinks:active { text-decoration: none;color: #CF3205;font-weight: bold;}
.sublinks:hover { text-decoration: underline;color: #CF3205;font-weight: bold;}

.links { text-decoration: none;color: #CF3205;font-weight: bold;}
.links:visited { text-decoration: none;color: #CF3205;font-weight: bold;}
.links:active { text-decoration: none;color: #CF3205;font-weight: bold;}
.links:hover { text-decoration: underline;color: #CF3205;font-weight: bold;}

.paginalinks { text-decoration: none;color: #CF3205;font-weight: bold; margin-left: 140px;}
.paginalinks:visited { text-decoration: none;color: #CF3205;font-weight: bold; margin-left: 140px;}
.paginalinks:active { text-decoration: none;color: #CF3205;font-weight: bold; margin-left: 140px;}
.paginalinks:hover { text-decoration: underline;color: #CF3205;font-weight: bold; margin-left: 140px;}

.footerlinks { text-decoration: none;color: #cf904b;font-weight: normal;}
.footerlinks:visited { text-decoration: none;color: #cf904b;font-weight: normal;}
.footerlinks:active { text-decoration: none;color: #cf904b;font-weight: normal;}
.footerlinks:hover { text-decoration: underline;color: #a78d74;font-weight: normal;}
}