@charset "utf-8";
/* CSS Document */
/* Author Max Gehrke */

/*
 * So the content wont slide to the left,
 * if a table is longer than the height of the screen,
 * we enable the scrollbar on all sites
 */
html { 
	overflow-y: scroll; 
}

body {
	/* Background Settings */
	/*background-image: url(site-background.jpg);*/
	background-repeat: repeat;
	background-position: center;
	background-position: top;
	background-color: #E3ECEE;
	
	/* Font Settings */
	font-size: 12pt;
	color: black;
	
	/* Borders */
	border-color: #FFF;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	
}


/* Style of links */
a {
	color: #6CA2B5;
	text-decoration: underline;	
	font-weight: bold;
}


/* Horizontal lines */
hr.infinity {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C3B998; /* light gold */
    margin: 1em 0;
    padding: 0; 
    content: '§';
    text-align: center;
}

	hr.infinity:after {
		content: '∞';
		display: inline-block;
		position: relative;
		top: -20px;
		padding: 0 10px;
		background: #E3ECEE; /* light blue */
		color: #C3B998; /* light gold */
		font-size: 18pt;
	}



/* root_site setup */
div#root_site_container {
	width: 1200px;
	text-align: center;
	margin: 0 auto; /* center the div */
	height: auto; /* slide automatically */

}

	h3 {
		color: #262A30;
		text-align: center;
		margin-bottom: 0px;
		font-size: 8pt;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	h1 {
		margin-top: 15px;
		text-align: center;
		letter-spacing: 3px;
		text-transform: uppercase;
		color: #262A30;
		margin-bottom: -10px;
	}

	div.bluesquare_one{
	    width: 70px;
	    height: 70px;
	    background: inherit;
	    border: 2px solid #8AD7D4;
	   	transform: rotate(45deg);
	   	position: relative;
	   	margin: 0 auto;
	   	margin-top: -40px;
	   	left: -32px;
	   	z-index: -10;
	}

	div.bluesquare_two{
	    width: 70px;
	    height: 70px;
	    background: inherit;
	    border: 2px solid #8AD7D4;
	   	transform: rotate(45deg);
	   	position: relative;
	   	margin: 0 auto;
	   	margin-top: -74px;
	   	left: 32px;
	   	z-index: -10;
	}

	p#undercaption {
		text-align: center;	
		color: #444951;
		font-size: 10pt;
		margin-top: -25px;
		margin-bottom: 30px;
	}

	p#author {
		text-align: center;
		color: #927340;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 10pt; 

	}

	p#datum {
		margin-top: -10px;
		margin-bottom: 30px;
		text-align: center;
		color: #B7BDC8;
		font-size: 10pt;
		font-weight: bold;
	}

	p#willkommen {
		margin-bottom: 40px;
		color: #707070;
		font-size: 14pt;
		line-height: 1.5;
	}
	
	div#content_main_container {
		text-align: left;
		width: 670px;
		margin: 0 auto;
		height: auto;

		color: #707070;
		font-size: 14pt;
		line-height: 1.5;
	}

		div.f_letter {
			text-align: center; 
			width: 100%;
			height: auto;
			margin: 0 auto; 
			margin-top: 30px;
			margin-bottom: -5px;

			color: #927340;
			font-size: 22pt; 
			font-weight: bold;
		}

		div.a_letter {
			text-align: center; 
			width: 100%;
			height: auto;
			margin: 0 auto; 
			margin-top: 30px;
			margin-bottom: -5px;

			color: #80868B;
			font-size: 22pt; 
			font-weight: bold;
		}

		div.goldsquare{
		    width: 45px;
		    height: 45px;
		    background: inherit;
		    border: 1px solid #C3B998;
		   	transform: rotate(45deg);
		   	position: relative;
		   	margin: 0 auto;
		   	margin-top: -45px;
		   	margin-bottom: 30px;
		}

		/* vertical lines */
		hr.vertical-top {
			width: 0px;
			height: 15px;
		    border-left: 1px solid #C3B998; /* light gold */
		    margin-top: -15px;
			margin-bottom: -20px;
			position: relative;
			left: 0.5px;
		}

		hr.vertical-bottom {
			width: 0px;
			height: 15px;
		    border-left: 1px solid #C3B998; /* light gold */
			margin-top: -22px;
			position: relative;
			left: 0.5px;
		}

		p.question {
			text-align: center;
			color: #585E67;
			font-weight: bold;
			font-size: 18pt;
			margin-top: -10px;
		}


				/* Next two styles are for a square formular
				 * around some content 
				 */

				/* currently not in use 13.03. */

				p.caption_formular {
					margin: 0 auto;
					width: 120px;
					text-align: center;
					color: #927340;
					font-weight: bold;
					background: #E3ECEE;
					margin-top: -55px;
					padding-bottom: 20px;

				}

				div.formular_container {
					width: 410px;
					margin: 0 auto;
					height: auto; /* slide automatically */

			    	border: 1px solid #C3B998;
			    	padding-left: 100px;
			    	padding-right: 100px;
			    	padding-top: 40px;
			    	padding-bottom: 40px;

			    	margin-top: 50px;

				}

			div.style_inputformular {
				width: 415px;
				margin: 0 auto;
				height: auto; /* slide automatically */

			}

			form label.form_label {
				width: 180px;
				float: left;
				font-weight: bold;

			}

			form input.form_input {
				width: 220px;
			}

			form input.submit_button {
				border:none;
				width: 400px;
				height: 40px;
			}


div.error_message {
	text-align: center;
	color: darkred;
	font-weight: bold;

}