/*-----------------------------------------------------------------------------------------------
 CSS RESET (http://meyerweb.com/eric/tools/css/reset/)
-----------------------------------------------------------------------------------------------*/
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	font: 15px/21px Arial, Helvetica, FreeSans, sans-serif;
	background-image: url(img/common/background.jpg);
}

a{
	color: #1b8be2;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
a:hover{
	color: #353535;
}
a:active{
	color: #e2001a;
	position: relative;
	top: 1px;
}
a:focus {
	outline: none;
}
a:visited{
	
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
sub{
	vertical-align: sub;
	font-size: 75%;
}
sup{
	vertical-align: super;
	font-size: 75%;
}
cite{
	font-style: italic;
}
cite:before{
	quotes: "\201E" "\201C";
	content: open-quote
}
cite:after{
	quotes: "\201E" "\201C";
	content: close-quote
}


/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 30px;
	/*font-size: 0.001em;
	text-indent: -100000em;
	background-repeat: no-repeat;*/
	margin: 0px 0px 21px 0px;
	line-height: 30px;
}

h2 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 4px;
	background-image: url(img/common/underline_opt.png);
	background-repeat: no-repeat;
	background-position: 0px 22px;
}

h3 {
	font-size: 16px;
	margin: 0px 0px 0px 0px;
}

h3 span{
	color: #7a7a7a;
}

h4 {
	font-size: 15px;
	margin: 0px 0px -21px 0px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 15px;
}


/* `Paragraphs
----------------------------------------------------------------------------------------------------*/
p{
	margin: 21px 0px;
	color: #333;
}
ul{
	margin: 21px 0px;
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
	list-style: decimal;
	color: #666666;
}

ul {
	list-style-type: none;
}

li {
	margin-left: 30px;
	list-style-image: url(img/common/dot_opt.png);
}

form{
	margin: 21px 0px;
}

/* `Inputs
----------------------------------------------------------------------------------------------------*/
label{
	display: block;
}
input[type="text"]{
	display: block;
	padding: 5px;
	width: 610px !important;
	width: 620px;
	border: 1px solid #ffffff;
	font-size: 15px;
	margin: 0px 0px 20px 0px;
}
textarea{
	display: block;
	width: 610px !important;
	width: 620px;
	padding: 5px;
	height: 250px;
	border: 1px dotted #ffffff;
	font-size: 15px;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	margin: 0px 0px 20px 0px;
}
input[type="text"]:hover,
textarea:hover{
	border: 1px dotted #353535;
}
input[type="text"]:focus,
textarea:focus{
	border: 1px solid #1b8be2;
	padding: 5px;
	/*background-color: #fafafa;*/
}
input[type="submit"]{
	cursor: pointer;
	display: block;
	width: 310px;
	border: none;
	background-color: #1b8be2;
	color: #ffffff;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
input[type="submit"]:hover,
input[type="submit"]:focus{
	background-color: #353535;
}
input[type="submit"]:active{
	position: relative;
	top: 1px;
}
input.f3-form-error,
textarea.f3-form-error{
	border: 1px solid #ff0000;
}

/* COMMON CLASSES
----------------------------------------------------------------------------------------------------*/
.caeciliastd{
	font-size: 18px;
	line-height: 24px;
	color: #7a7a7a;
}
.mp-stage .caeciliastd{
	color: #000000;
	margin-top: 0px;
	max-width: 600px;
}
.csc-textpic-caption{
	font-size: 11px;
	line-height: 16px;
	font-style: italic;
	color: #888888;
}

.req{
	color: #e2001a;
	font-size: 11px;
	font-style: italic;
	vertical-align: top;
	line-height: 10px;
}
.form-submit{
	text-align: right;
}
.error{
	font-weight: bold;
	color: #e2001a;
	padding: 10px;
	border: 2px solid #e2001a;
	background-color: #ffffff;
}
.sidebar-navi{
	list-style-type: none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.sidebar-navi li{
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.sidebar-navi li p{
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}
.sidebar-navi li a{
	font-weight: normal;
	font-size: 12px;
}

.small{
	font-size: 12px;
	line-height: 18px;
}
.screenreader{
	display: none;
}
.notop-marge{
	margin-top: 0px;
}
.clear{
	clear: both;
}