/* main css file */


/* General Settings */

body { margin: 0; padding: 5px; }

#top { margin: 5px; /* margin-bottom: 20px; */ padding: 0; }


#content {
	margin-left: 180px; margin-right: 5px; padding: 10px; min-width: 500px;
	border: 1px dashed #aaa;
}
#content a { font-weight: bold; text-decoration: none; color: blue; }
#content a:hover { text-decoration: underline; }


/* Navigation (more important than content) */

#left { margin-left: 5px; float: left; padding: 0; width: 160px; }
#left ul, #nav { 
	margin: 0; padding: 2px; /*border: 1px solid black;*/ background-color: #c6003f; text-align: center;
}
#nav { padding: 10px; }
#left ul li, #nav li { 
	margin: 2px; margin-bottom: 5px; padding: 0; list-style: none;
}
#nav li { display: inline; padding: 5px; }
#left ul li a, #left ul li .active, #nav li a, #nav li .active { 
	display: block; padding: 0; text-decoration: none; font-weight: bold;
	/*border: 1px solid black;*/
	color: black; background-color: #c6003f;
}
/* fix because some browser display image-links with border */
#left ul li a img, #left ul li .active img, #nav li a img, #nav li .active img {
	border-style: none;
}

#nav li a, #nav li .active { display: inline; padding: 5px; }
#left ul li a:hover, #left ul li .active, #nav li a:hover, #nav li .active { 
	/*border-color: white; border-left-color: black; border-top-color: black;*/ background-color: #a4001d;
	text-decoration: none;
}
#left ul li a:active, #left ul li .active, #nav li a:active, #nav li .active { 
	background-color: #82000b;
}


/* common classes and definitions */

*[title] { border-bottom: 1px dotted black; cursor: help; }
h1 { font-weight: bold; color: blue; text-align: center; font-family:"Comic Sans MS",Arial,Helvetica,serif; }
h2 { font-weight: bold; color: blue; }
.larger { font-size: larger; }
.smaller { font-size: smaller; }
fieldset { margin-bottom: 20px; border: thin dotted green; }
fieldset legend { font-weight: bold; font-size: larger; color: white; background-color: green; }
.white { color: white; font-weight: bold; }
.center { text-align: center; }
.allcenter { text-align: center; margin: 0 auto; }
.right { text-align: right; }
.justify { text-align: justify; }
.error { padding: 10px; color: red; border: 5px solid red; }
.info { padding: 10px; color: green; border: 5px solid green; }
.script { padding: 10px; color: blue; border: 3px solid blue; height: 200px; overflow: scroll; }
.backlink a { padding: 5px; border: 2px solid blue; }
.form p { font-weight: bold; font-size: larger; }
.form li { margin: 7px; padding: 0; list-style: none; }
.form li label { margin-bottom: 5px; display: block; }
.form li input { margin-right: 5px; margin-bottom: 5px; }
.form li input + label { display: inline; }
.clear { clear: both; }

/* other content definitions */

#news fieldset { border: thin dotted black; color: black; background-color: #FFF383; }
#news fieldset legend { background-color: black; color: #FFF383; }
#archiv fieldset { color: black; background-color: #BDFFBD; }
#archiv fieldset legend { color: #BDFFBD; background-color: green; }
#archiv fieldset legend:hover { color: green; background-color: #BDFFBD; }
#archiv fieldset legend a { color: #BDFFBD; }
#archiv fieldset legend a:hover { text-decoration: none; color: green; background-color: #BDFFBD; }
#gb .entry { border: thin dotted black; color: black; background-color: #BDFFBD; margin-bottom: 20px; padding: 5px; }

/* CVJM specific */

body { font-family: Arial,Helvetica,serif; }
#content { background-image:url(images/stdback.gif); }
#c14 { background-image:url(images/c14back.gif); }
#js { background-image:url(images/jsback.gif); }
#group #descr { margin-bottom: 30px; text-align: center; }
#group #pic { float: right; margin-left: 20px; }
#group #prog { max-width: 450px; }

/* admininstration area definitions */

#loginform { text-align: center; }
#loginform p { text-align: left; margin-top: 10px; }
#loginform a { font-weight: bold; text-decoration: none; color: blue; }
#loginform a:hover { text-decoration: underline; }



/* -------------------------------------------------------------------------------------------------- */

#left ul, #left ul li a, #left ul li .active, #nav, #nav li a, #nav li .active { 
	-moz-border-radius: 15px; /* no valid css - will be replaced by border-radius with css3 */
}
