/* eric meyer reset */
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,
b, u, i, center, 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-size: 100%;  vertical-align: baseline;  background: transparent;
  }

ol, ul {  list-style: none;}
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 1px; }

/* remember to highlight inserts somehow! */
ins {  text-decoration: none; }
del {  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {  border-collapse: collapse;   border-spacing: 0; }

/* --end of reset-- */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #000;
	margin:0; 
	padding:0;	
}

* { margin: 0; padding: 0; }

a {text-decoration: none;}
a:hover { color:#000; background-color: #dc241f; text-decoration: none; }
p a:hover { color:#000; background-color: #dc241f; text-decoration: none; }
a img{ border:0; }

p a {color: rgb(222,88,88); text-decoration: none; }

h1 { font-size: 26px; font-weight: bold; margin: 0 0 11px 0; text-shadow: 1px 1px 3px #500; }
h2 {color: #600; font-size: 18px; font-weight: normal; margin: 0 0 11px 0;}
h3 { height:44px; border-bottom: 1px solid #dc241f; width: 666px; margin-bottom: 13px; }
h4 { font-size: 14px; color: #dc241f; margin-bottom:7px; }
h5 { font-size: 18px; font-weight: normal; color: #500; padding: 0 0 5px 0; margin-bottom: 5px; text-shadow: -1px -1px 0 #e00; border-bottom: 1px solid #e00; }

p { font-size: 13px; line-height: 1.6em; font-family: Helvetica, sans-serif; margin-bottom: 1em; color: #F4F4F4; }

/* structure */	
#container { padding: 0 0 111px 0; margin: 2% auto 0; auto; }
#content { height:525px; overflow: hidden; width: 747px; margin: 0 auto; }
#bumper{ height: 20px; background-image: url(../images/interface/menuline.gif); background-repeat: repeat-x; }
#menu { margin: 0 auto; width: 700px; }

/* menu and links */
#menu a:link, #menu a:visited {	display: block;	float:left;	margin: 0 8px 0 0;	height: 25px;	width: 100px; }
#menu a:hover {	background-color:#dc241f; color: #000; padding: 0; margin: 0 8px 0 0; }

.link1 {
	background-image: url(../images/interface/but_katja_black.png);
	background-repeat: no-repeat;
}
.link1:hover {
	background-image: url(../images/interface/but_katja_red.png);
}

.link2 {
	background-image: url(../images/interface/but_publicaties_black.png);
	background-repeat: no-repeat;
}
.link2:hover {
	background-image: url(../images/interface/but_publicaties_red.png);
}

.link3 {
	background-image: url(../images/interface/but_contact_black.png);
	background-repeat: no-repeat;
}
.link3:hover {
	background-image: url(../images/interface/but_contact_red.png);
}

.link4 {
	background-image: url(../images/interface/but_cv_black.png);
	background-repeat: no-repeat;
}
.link4:hover {
	background-image: url(../images/interface/but_cv_red.png);
}

/* end of menu */

#pubnav a, #pubnav a:visited {color:#FF3300;}

#pubnav a:hover {color:#000;}

.publicatie, #pubgroot {
	background-color: #dc241f;
	width: 130px;
	height: 400px;
	margin-right: 19px;
	text-align: center;
	clear: none;
	float: left;
	padding: 10px 0 0 0;
	background-image: url(../images/interface/background_publicaties.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: scroll;
}

.black  {
	font-size:11px;
	color: #ffe;
	margin-top: 15px;
}

.publicatie:hover, a.publicatie a:hover {
	background-image: none;
}

#pubgroot {
	width: 757px;
	height: 400px;
}

#pubcontent p { font-size: 15px; line-height: 1.5em; color: #ffe; padding: 0 11px; }
#pubcontent a { color:#000000; border: 0px;}

#pubcontent {
	width: 690px;
	height: 313px;
	margin: 15px auto;
    padding: 12px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align:left;
}



.klein {
	margin-right:10px;
	vertical-align: bottom;
}

.right {
	clear: none;
	float: right;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}


.left {
	clear: none;
	float: left;
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.publink {
	font-weight: bold;
	padding: 5px;
	font-size: 13px;
}
.fifty {
	width: 45%;
	float: left;
	margin-right: 22px;
	margin-left: 5px;
}

.aktiv	{ font-weight: bold; padding: 5px; font-size: 13px;	color: #fff; }
.logo {	text-align: center; height: 444px; overflow: hidden; }
.logo a:hover img {background: none; }

a.back { 
	color: #200; 
	border: 1px #200 solid;
    text-decoration: none; 
	width: 688px;
        margin: 3px auto;
	padding: 5px; 
	display: block;
	}
	
a.back:hover {color: #fff; border: 1px #fff solid; background: none;}

#contact {margin: 0 11px; width: 300px;}
#contact h4 {font-size: 17px; color: #f00; margin: 0 0 5px 0; padding: 0 0 5px 0; ;}
#contact P {font-size: 16px; letter-spacing: 1px; line-height: 24px;}