/* Done by Stefan Zeugner, 2006 */

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

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

body {
    font-size: 85%; /* 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: verdana, arial, helvetica, sans-serif;
}
code, pre, tt {
    font-family: Courier, "Courier New", monospace;
}

#content h1 {
    color: #660000;
}

#content h2 {
    text-align: left;
    line-height: 1.6;
    color: #660000;
}

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

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

#content li {
	margin-bottom: 0.2em;
	margin-top: 0.4em;
}

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

a:hover {
    color: #990000;
    background-color: transparent;
}

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

img {
    border-color: #660000;
}

/* ----- 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:#990000;
    font-size:105%;
    border:#990000 2px solid;
    padding: 5px 10px 10px 10px;
    background-color: #FFCCCC;
    background-image: url('../img/common/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;
    /* font-size:100%; */
    border:#333333 1px solid;
    padding: 5px 5px 5px 10px;
    background-color: #DDDDDD;
	font-family: Courier, "Courier New", monospace;
    /* background-image: url('../img/common/sidebar_background.png');
    background-repeat: repeat; */
}


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

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

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


/* ------------ HEADBAR ------------ */
#headnav {
    color: inherit;
/*  background-color: #660000;
    min-height: 100px; */
} 
#headimg {
    text-align: right;
    color: inherit;
    background-color: #660000;
    height: 25px;
    width: 100%;
}

#headimg img {
    border: 0px;
    margin: 0px 10px;
} 
#headmenu {
    background-color: #660000;
    bottom: 0px;
    right: 0px;
    margin-top: 0px;
    text-align: left;
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    top: 3px;
    margin-bottom: 15px;
    white-space: nowrap;
    line-height: normal;
}
#headmenu a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 40px;
    border-right: 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: #990000;
}
#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('../img/common/sidebar_background.png');
    background-repeat: repeat;
    /* font-size: smaller;*/
    color: #990000;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 10px;
} 


#sidebar a {
    color: #990000;
} 
#sidebar ul {
    list-style-position: outside;
} 
#sidebar li {
    position: relative;
    margin-left:-15px;
    line-height: 200%;
	margin-bottom: 0px;
	margin-top: 0px;
} 
#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;
}

/* ------------- PRINTING --------- */
@media print{
	#header, #headmenu, #headimg, #sidebar {
		visibility:hidden;
		height:0;
		width:0;
	}
	div.contwithside{
		margin-left:0px;
	}
}

/* ------------- 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;
}

/* ------------ SPECIALS FOR IE6 ---------------- */

.browserwarning {
	color: red; 
	border-width: 2px; 
	border-color: red; 
	border-style: dashed; 
	padding: 10px; 
	font-size: 130%; 
	margin: 20px;
}