/*-------------------------------------------------*/
/* CSS for Website Carolus Magnus Summer School    */
/* Ralph P. Schorn 2006-12-31                      */
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/* General                                         */
/*-------------------------------------------------*/

body {

	margin: 0;
	padding: 0;
	background: #2D2D2D center url(bg.gif) repeat-y;
}

p {

	margin-bottom: 8px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}


/*-------------------------------------------------*/
/* Links                                           */
/*-------------------------------------------------*/

a {

	color:#000000;
	text-decoration: underline;
}

a:hover {

	color:#6666FF;
	text-decoration: underline;
}


/*-------------------------------------------------*/
/* Total Content Box                               */
/*-------------------------------------------------*/

#mainbox {

	width: 874px;
	margin-left: auto;
	margin-right: auto;
}


/*-------------------------------------------------*/
/* Header Region                                   */
/*-------------------------------------------------*/

#top {

	background: transparent url(top.gif) repeat-x;
	height: 40px;
	width: 874px;
	display: block;
}

#header {

	background: transparent url(header.jpg) no-repeat;
	height: 138px;
	width: 839px;
	margin-left: auto;
	margin-right: auto;
}

#headertext {

	padding-top: 35px;
	padding-left: 20px;
	font-family: sans-serif;
	font-size: 30px;
}

#headertext h1 {

	display: inline;
	font-size: 30px;
	color: #EEEEEE;
}

#headertext h2 {

	display: inline;
	font-size: 25px;
	color: #EEEEEE;
}


/*-------------------------------------------------*/
/* Actual content box                              */
/*-------------------------------------------------*/

#content {

	padding-top: 20px;
	padding-left: 18px;
	width: 839px;
	display: block;
}


/*-------------------------------------------------*/
/* Left box only first page                        */
/*-------------------------------------------------*/

#leftboxhome {

	width: 620px;
	float: left;
	display: block;
	background: transparent url(background_leftboxhome.jpg) no-repeat top right;
}


/*-------------------------------------------------*/
/* Left box                                        */
/*-------------------------------------------------*/

#leftbox {

	width: 620px;
	float: left;
	display: block;
	background: #F7F7F7;
}


/*-------------------------------------------------*/
/* Right box                                       */
/*-------------------------------------------------*/

#rightbox {

	width: 200px;
	float: right;
	display: block;
	background: #E0E0E0;
}

#rightbox br {

	line-height: 170%;
}

.contact {

	background: #E0E0E0;
	width: auto;
	text-align: right;
	font-family: tahoma, sans-serif;
	font-size: 8pt;
	line-height: 140%;
	padding-right: 0px;
	margin-bottom: 0px;
}

.eps-text {

	background: #E0E0E0;
	width: auto;
	text-align: right;
	font-family: tahoma, sans-serif;
	font-size: 9pt;
	line-height: 140%;
	padding-right: 0px;
	margin-bottom: 0px;
}


/*-------------------------------------------------*/
/* Title bar over left box                         */
/*-------------------------------------------------*/

.maintitle {

	background: #FFFFFF url(main-title.gif) no-repeat;
	width: 615px;
	height: 25px;
	padding-left: 5px;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 19px;
	margin: 0;
	color: #EEEEEE;
}


/*-------------------------------------------------*/
/* Title bar over right box                        */
/*-------------------------------------------------*/

.righttitle {

	background: #FFFFFF url(sub-title.gif) no-repeat;
	width: 200px;
	height: 25px;
	text-align: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 19px;
	margin: 0;
	float: right;
	width: 100%;
	color: #EEEEEE;
}


/*-------------------------------------------------*/
/* Miscellaneous things                            */
/*-------------------------------------------------*/

.center {

	background: #F7F7F7;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}


/*-------------------------------------------------*/
/* Navigation region                               */
/*-------------------------------------------------*/

#top ul {

	margin: 0;
	margin-right: 18px;
	float: right;
	padding-right: 0px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
}

#top li {

	display: inline;
}

#top ul li a {

	float: left;
	text-transform: lowercase;
	color: black;
	font-weight: bold;
	padding: 7px 6px 7px 6px;
	margin-left: 5px;
	text-decoration: none;
	border-bottom: solid #02667F 2px;
}

#top ul li a:hover {

	border-bottom: solid #01AFDA 2px;
}


/*-------------------------------------------------*/
/* Fonts                                           */
/*-------------------------------------------------*/

.Ueberschrift_01 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.Ueberschrift_02 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.Ueberschrift_03 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.Ueberschrift_04 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.text_oser_06 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-style: normal;
	line-height: 80%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.text_oser_08 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 80%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.text_oser_10 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	clear: none;
	float: none;
	clip: rect(auto,auto,auto,auto);
}

.text_oser_11 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.text_oser_12 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.text_oser_14 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.text_oser_16 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;	
}

.text_oser_18 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;	
}

.submit {

	height: 40px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
    background-color: #cccccc;
	border-bottom: 3px solid #006699;
	border-right: 3px solid #006699;
	border-top: 3px double #006699;
	border-left: 3px double #006699;
	padding: 1px;
}	

.input {

	height: 20px;
	width: 350px;
	font-family: "courier new", sans-serif;
	font-size: 9pt;
	font-weight: normal;
    background-color: #ffffff;
	border: 1px solid #000000;
}

.input_other {

	height: 16px;
	width: 250px;
	font-family: "courier new", sans-serif;
	font-size: 9pt;
	font-weight: normal;
    background-color: #ffffff;
	border: 1px solid #000000;
}	

.input_poster {

	height: 80px;
	width: 450px;
	font-family: "courier new", sans-serif;
	font-size: 9pt;
	font-weight: normal;
    background-color: #ffffff;
	border: 1px solid #000000;
}

.colour_grey {

    color: #999999;
}	

.colour_red {

    color: #FF0000;
}