/* Done by Stefan Zeugner, 2006 */

/* ----------- GENERAL LAYOUT ----------- */

html {
    font-size: 100%; /*reset standard size to default (16px)*/
}

body {
    font-size: 93%; /* now reset actual font size to less (typically 13.6px)*/
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: white;
    line-height: 1.6;
}

body, input, textarea, select, option {
    font-family: helvetica, verdana, arial, sans-serif;
}
code, pre, tt {
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	background-color: #EEEEEE;
	color: #000000;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	padding-right: 1px;
}
code a, code a:visited {
	text-decoration:none;
	color:#000000;
}
code a:hover, code a:active {
	color: #0000CC;
}

h1 {
    color: #000099;
}

h2 {
    text-align: left;
    line-height: 1.6;
    color: #000099;
	font-size: 130%;
}

h3 {
    text-align: left;
    line-height: 1.6;
    color: #000099;
}

h4 {
    text-align: left;
    line-height: 1.6;
} 

a, a:visited {
    color: #000099;
    background-color: transparent;
}

a:hover {
    color: #6666FF;
    background-color: transparent;
}

a:active {
    color: #000099;
    background-color: transparent;
}

img {
    border-color: #000099;
}

/* ----- general class tags ----- */
.center {
    text-align: center;
}

.right {
    text-align: right;
}

table.excel {
    border-collapse: collapse;
    empty-cells: show;
    border: 1px solid;
    line-height:1.2;
    text-align: center;
}

.alertbox {
    /* for use with <p> or <div> */
	position: relative;
    width:70%;
    margin-left:15%;
    max-width:650px;
    text-align:center;
    color:#000099;
    font-size:105%;
    border:#000099 2px solid;
    padding: 5px 10px 10px 10px;
    background-color: #CCCCFF;
    /* background-image: url('../images/sidebar_background.png'); */
    background-repeat: repeat;
}

.codebox {
    /* for use with <p> or <div> */
	position: relative;
    width:70%;
    margin-left:2%;
    max-width:650px;
    text-align:left;
    color:#000000;
    border:#333333 1px solid;
    padding: 5px 5px 5px 10px;
    background-color: #DDDDDD;
	font-family: Courier, "Courier New", monospace;
    /* background-image: url('../images/sidebar_background.png');
    background-repeat: repeat; */
}


/* ######### PAGE FOOTER-HEADER-SIDEBAR-STUFF ############## */

#container {
    min-width: 400px;
    max-width: 1200px;
}

#content li {
	margin-bottom: 0.2em;
	margin-top: 0.4em;
}
#content h4 {
	margin-top: 1em;
	margin-bottom: 0.2em;
}
#content hr {
	margin-top: 1em;
	margin-bottom: 0.8em;
}

#content p {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}


#headmenu, #footer {
    font-size: 100%; /*set header size to 13.6pt */
} 


/* ------------ HEADBAR ------------ */
#headnav {
    color: inherit;

} 
#headimg {
    text-align: right;
    color: inherit;
    background-color: inherit;
    height: 25px;
	position: relative;
    width: 100%;
	
}

#headimg img {
    border: 0px;
    margin: 0px 10px;
	
} 

#headtop {
	text-align:right;
	font-size:83%;
	vertical-align:bottom;
	margin-left: 500px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	color: #999999;
	white-space: nowrap;
	line-height:1em;
}


#headtop a {
    color: #999999;
    background-color: transparent;
}

#headmenu {
    background-color: #333399;
    bottom: 0px;
	right:0px;
    margin-top: 0px;
    text-align: left;
    width: inherit;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    top: 3px;
    margin-bottom: 15px;
    min-width:400px;
	white-space: normal;
    line-height: normal;
	padding-left: 2%;
	border-right: thin solid #FFFFFF;
}
#headmenu a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 40px;
    border-left: thin solid #FFFFFF;
	
}



#headmenu a.lang {
    padding-left: 10px;
    padding-right: 10px;
    border-style: none;
} 
/* #headmenu a.lang img {
    border-style: none;
}*/

#headmenu a:hover {
    background-color: #666699;
}
#headmenu a.lang:hover {
    background-color: transparent;
}

/* ------------ SIDEBAR ------------ */

#sidebar {
    float: left;
    padding: 5px;
    margin-right: 5px;
    margin-left: 5px;
    min-width: 155px;
    background-position: top left;
    /* background-image: url('../images/sidebar_background.png'); 
    background-repeat: repeat; */
	background-color: #CCCCFF;
    /* font-size: smaller;*/
    color: #000099;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 10px;
} 


#sidebar a {
    color: #000099;
} 
#sidebar ul {
    list-style-position: outside;
} 
#sidebar li {
    position: relative;
    margin-left:-15px;
    line-height: 200%;
} 
#content {
    /* float: top; */
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

div.contwithside {
    /* actually an option for div 'content' */
    margin-left:170px;
}

/* ------------ FOOTER ------------ */

#footer{
    font-size: 83%;
    color: #999999;
    margin-top: 30px;
}

#footer a {
    color: #999999;
    background-color: transparent;
}


div.leftfooter{
    float: left; 
    padding-right: 20%;
}
div.rightfooter{
    /* float: center; */
    text-align: right;
}


/* ------------- PHOTO GALLERY (PICASA) --------- */

#tn_title, #diatitle {
	font-size: 150%; 
	color: #000000; 
}
#tn_tiptext, #dianavi a {
	font-size: 100%; 
	color: #979797; 
}
#diaheader p {
	margin-top: .1em;
	margin-bottom: .1em;
}
@media print{#header, #sidebar{visibility:hidden; height:0;}}