/* foxberghof default.css
by iris manhold
last modified 080816 */

/* TOC
html elements
container
header
main
menu
footer
images
general classes
*/

/*
colors:
header #cf5513
headers #
main #ffeac5
*/

/* html elements */

body  {
	font-size : 95%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	background : #f04e09 url(../images/bkgr4.gif) repeat;
	margin : 0;
	padding : 0;
	text-align : center;
	}

a:link  {color : #00c; background: transparent;}
a:visited {color : #900; background: transparent;}
a:active {color : #06f; background: transparent;}

abbr {border-bottom : none;}

acronym {
	border-bottom : 1px dashed #aaa;
	cursor : help;
	}

blockquote, caption, cite, q  {font-style : italic;}

blockquote {
	border-left : 1px dashed #bbb;
	padding-left : 5px;
	}

dt {
	font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top : 1em;
	margin-bottom : .3em;
	}

dd {
	padding : .2em 0 .2em .5em;
	border-left : 3px solid #e6bf99;
	}

h1 {
	font : bold 125% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	}

h2 {
	font : bold 115% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	border : 1px solid #999;
	background : #e6bf99;
	margin-top : 2em;
	margin-right : -20px;
	margin-left : -20px;
	padding-left : 1em;
	}

h2 a {text-decoration : none;}	/* when h2 is a link */
h2 a:hover {text-decoration : underline;}

h2 a:link.name {color : #000; background: transparent;} /* when h2 is an internal reference */
h2 a:visited.name {color : #000; background: transparent;}
h2 a:hover.name {text-decoration : none;}
h2 a:active.name {color : #000; background: transparent;}

h3 {
	font : bold 105% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	text-align : right;
	margin-top : 2em;
	border-bottom : 1px solid #900;
	}

h3 a {text-decoration : none;}	/* when h3 is a link */
h3 a:hover {text-decoration : underline;}

h3 a:link.name {color : #000; background: transparent;} /* when h3 is an internal reference */
h3 a:visited.name {color : #000; background: transparent;}
h3 a:hover.name {text-decoration : none;}
h3 a:active.name {color : #000; background: transparent;}

h4 {
	font : bold 100% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left : 0.5em;
	letter-spacing : 0.2em;
	}

ol li {padding-top : 0.5em;}

ul.links li {padding-top : 1em;}

/* container */

#container {
	width : 100%;
    padding : 0;
	margin : 0;
	}

/* header */

#header {
    padding : 10px;
	margin : 0;
	background : #cf5513;
	}

h1#title {
	position : relative; /* to fix disappearing title */
	font : bold 160% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	letter-spacing : 0.2em;
    padding : 5px 15px 0 5px;
	margin : 0;
	}

#title a {
	color : #000;
	text-decoration : none;
	}

#strapline1 {
	font : bold italic 110% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	float : right;
    padding : 0 5px 10px 15px;
	margin : 0 240px 0 30px;
	}

#strapline2 {
	font : normal 100% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear : both;
	text-align : center;
    padding : 0;
	margin : 0 240px 0 80px;
	}

/* main */

#main {
	min-height : 400px;
	min-height : 400px;
	text-align : left;
	margin : 0 245px 0 30px;
    padding : 1px 50px 10px 50px;
	background : #ffeac5;
/*	background : #ffeac5 url(../images/snowflake-bkgr.gif) repeat;*/
	}

/* menu */

#menu {
	font : normal 85% Verdana, Geneva, Arial, Helvetica, sans-serif;
	position : absolute;
	top : 10px;
	right : 10px;
	width : 220px;
	margin : 0;
    padding : 0;
	background : #fff;
	border : 1px solid #000;
	}

#menu h2 {
	margin : 0;
    padding : 0;
	}	

#menu h3 {
	font : bold 120% 'Book Antiqua', Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	margin: .5em;
    padding : 0;
	}	

#menu p {
	margin-top : .5em;
	margin-bottom : .5em;
    padding : 0 5px;
	}	

#menu ul {
	text-align : left;
	}	

/* footer */

#footer {
	clear : both;
	width : 100%;
    padding : 0;
	margin : 0;
	background : #cf5513;
	}

#footercontent {
    padding : 10px;
	margin : 0;
	font : normal .8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	}

/* images */

#main img {
	padding : 10px;
	}

.butterfly {
	position : absolute;
	top : 55px;
	left : 10px;
	width : 70px;
	margin : 0;
    padding : 0;
	}
	
img.right {float : right;}

img.left {float : left;}

img.leftmargin {
	float : left;
	margin-right : 10px;
	}

img.center {text-align : center;}

img.frame {
	margin : 5px;
	padding : 5px;
	background : #f8ecbf;
	border : thin #999 dashed;
	}

/* general classes */

.back {
	background : #eee url(../images/arrowleft.gif) 0 .2em no-repeat;
	heigth : 9px;
	}
	
.back a {
	padding-left : 20px;
	font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.center {text-align : center;}

.clear {clear : both;}

.clearright {
	clear : right;
	padding : .2em;
	margin-top : .5em;
	}

.clearleft {
	clear : right;
	padding : .2em;
	margin-top : .5em;
	}

.larger  {font : normal 110% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.right  {text-align : right;}

.small  {font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.smallcenter {
	text-align : center;
	font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.smallright {
	text-align : right;
	font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.transparent {display : none;}

.white {
	background : #fff;
	border : thin #999 dashed;
	padding : 10px;
	}

.whitemargin {
	background : #fff;
	border : thin #999 dashed;
	padding : 10px;
	margin : 0 10%;
	}