/* - - - - - - - - - - - - - - - - - - - - -
Author : Christoph Sasse
URL : http://www.karafillidis.com/websheet.css

TOC:
	CSS
	ID STYLES
	CLASS STYLES
	HEADINGS
	PARAGRAPHS
	LISTS
	IMAGES
	BREAK
	LINKS
	FORMS
	iFRAMES
	MISC
Created : Nov 2005
Modified : 
by : 
- - - - - - - - - - - - - - - - - - - - - */
/* ----- CSS ----- */
*
{
	margin:0;
	padding:0;
}

html
{
       /* margin:12px 0 0;*/
}

body
{
	position: relative; top: 12px;
	background:url(images/body_bg_07.jpg) no-repeat center top #E9EFE4;
	font:11px Georgia, Times New Roman, Helvetica, serif;
	margin:0 24px;
	text-align:center;
}
/* ----- ID STYLES ----- */
#hulle
{
	background:url(images/bg_falte_13.jpg) repeat-y -34px #FFF;
	margin:0 auto;
	text-align:left;
	width:700px;
}

#head
{
	background: repeat-x url(images/head_liner_02.jpg) 0px -7px  #E9EFE4;
	height:58px;
	width:700px;
}

#side_col
{
	float:left;
	font-size:12px;
	margin-bottom:1px;
	padding:2px 8px 1px 4px;
	width:140px;
}

#main
{
	float:left;
	padding-left:8px;
	position:relative;
	width:480px;
}

#footer
{
	background:url(images/foot_bg_06.jpg) no-repeat 0 -40px #E9EFE4;
	clear:left;
	color:#666;
	height:45px;
	margin-bottom:4px;
	padding:20px 20px 0 0;
	text-align:center;
}
/* ----- CLASS STYLES ----- */
.article
{
	margin:8px 0 8px 2px;
	padding-bottom:16px;
	width:480px;
}
/* ----- HEADINGS ----- */
#main h1
{
	font-size:24px;
	padding: 0px 0 4px 0;
	line-height: 120%;
}


#main h1:first-letter
{
	font-size:28px;
}


#main h2
{
	padding:4px 4px 6px 8px;
}

#side_col h2
{
	padding:12px 4px 6px;
}

#main h3, #main h4, #main h5, #main h6
{
	padding:4px 4px 4px 10px;
}
/* ----- PARAGRAPHS ----- */
p
{
	font:11px Verdana, sans-serif;
}

#main p
{
	color:#333;
	line-height:150%;
	padding:0 12px;
}

#side_col p
{
	color:#333;
}

#footer p
{
	font-size:xx-small;
	line-height:170%;
}
/* ----- LISTS ----- */
#side_col ul
{
	background:#f9f9f9;
	line-height:170%;
	list-style:none;
	margin-left:8px;
	text-align:left;
	width:90%;
}

#side_col ul ul
{
	padding:0 0 4px;
}

#side_col ul li
{
	border-bottom:1px dotted #ccc;
	padding:1px 0;
	text-decoration:none;
	width:120px;
}

#side_col ul ul li
{
	border-bottom:none;
	padding:1px 0;
	text-decoration:none;
}

#main ol,#main ul
{
	color:#333;
	font:11px Verdana, sans-serif;
	padding:8px 0 8px 40px;
	line-height: 150%;
}

#main li
{
	margin-bottom:2%;
}

#main ul ul
{
	padding:6px 62px 2px 16px;
}

#head ul
{
	height:1.5em;
	list-style:none;
	padding-left:8px;
	position:absolute;
	top:10px;
	width:700px;
}

#head li
{
	color:#333;
	float:left;
	font-size:14px;
	list-style-type:none;
	padding-top:14px;
	width:140px;
}

#head a
{
	background:transparent;
	display:inline;
	font-weight:700;
	height:40px;
	padding:10px 40px 12px 8px;
	text-decoration:none;
}

#head a.home,#head a.project,#head a.link
{
	position:relative;
}

#head a.me
{
	left:8px;
	position:relative;
}

/*
#head a.text
{
	left:1px;
	position:relative;
}
*/

#head a:hover
{
	background:url(images/nav_hover_rd.gif) no-repeat 0 1px;
	color:#000;
/* font-style:italic; */
	height:40px;
	text-align:center;
}
/* ----- IMAGES ----- */
img a
{
	border:0;
	text-decoration:none;
}
img,img a:hover
{
	border:none;
}
/* ----- BREAK ----- */
hr
{
	border:none #fff;
	border-bottom:dotted 1px gray;
	color:#FFF;
	margin:12px 0;
}
/* ----- LINKS ----- */
a
{
	background:#ffff33;
	color:#000;
	text-decoration:none;
}

a:hover
{
	background: #ffff7f;
}

a:visited
{
	background: #ffff4c;
	text-decoration:none;
}

.download-pdf
{
	background:#ff4f52;
	color:#fff;
	padding:0 3px 2px;
	text-decoration:none;
}

a:hover.download-pdf
{
	background: #ff3134;
}

a:visited.download-pdf
{
	background: #7f7f7f;
}

#side_col a
{
	background:none;
	text-decoration:none;
}

#side_col li:hover
{
	background:#F5F5F5;
	text-decoration:none;
}

#side_col ul ul li:hover
{
	background:#f2f2f2;
	text-decoration:none;
}

#home .home,#me .me,#text .text,#project .project,#link .link,#home .home:hover,#me .me:hover,#text .text:hover,#project .project:hover,#link .link:hover
{
	background:url(images/nav_active_rd.gif) no-repeat 0 1px;
	color:#fff;
	font-style:italic;
}

#footer a
{
	background:none;
	color:#333;
	text-decoration:none;
}

#footer a:hover
{
	color:#000;
	text-decoration:underline;
}

#footer .lightgray,#footer a.lightgray,#footer .lightgray:hover
{
	color:#999;
}
/* ----- iFRAMES ----- */
iframe
{
	border:none red;
	height:320px;
	margin-left:-18px;
	overflow:hidden;
	text-align:left;
	width:106%;
}
/* ----- FORMS ----- */
fieldset
{
	border:solid silver 1px;
	padding:8px 0 12px;
}

legend
{
	color:#000;
	font:14px Gerogia, serif;
	padding:0 2px 2px;
}

label.left
{
	float:left;
	margin-right:.3em;
	text-align:right;
	width:5em;
}

input
{
	background:#F5F5F5;
	border-bottom:1px solid #ccc;
	border-left:1px solid #999;
	border-right:1px solid #ccc;
	border-top:1px solid #999;
}

input.right
{
	clear:both;
	float:left;
	margin-left:5.3em;
	margin-right:.3em;
	width:auto;
}

textarea
{
	border-bottom:1px solid #ccc;
	border-left:1px solid #999;
	border-right:1px solid #ccc;
	border-top:1px solid #999;
	height:180px;
	overflow:hidden;
	width:80%;
}

input[type=text],select
{
	float:left;
}

form br
{
	clear:both;
}

label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]
{
	cursor:pointer;
	margin-left:5px;
}

form
{
	padding:8px 0 24px;
}
/* ----- MISC ----- */
#hiddendiv
{
	display:none;
}

a.jockelink
{
	background:none;
	color:inherit;
	text-decoration:none;
}