/* Common stylesheet */

/*******
 Global
 *******/
body
{
	background-color: #ffffff;
	width: 90%;
	margin: 10px auto;
	margin-top: 20px;
	max-width: 50em;
}
a:link
{
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
a:visited
{	color: #666;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}
h1
{
	font-size: 120%;
	color: #666;
	font-weight: bold;
	font-family: sans-serif;
}
h2
{
	font-size: 110%;
	color: #666;
	text-decoration: underline;
	font-family: sans-serif;
}
address
{
	white-space: pre;
	font-size: 90%;
	margin-left: 10px;
	font-style: italic;
}
td.contact
{
	font-size: 90%;
	font-style: italic;
	padding-left: 10px;
}
ul
{
	list-style-type: square;
}

/*************
 Content body
 *************/
div#body
{
	margin-right: 13em;
	text-align: justify;
}

/****************************
 Header mit Iconsammelsurium
 ****************************/
div#header-container
{
	font-family: sans-serif;
}

div#header-top
{
	/* Override with page specific CSS */
	background-color: #eee;
	background-image: url(/images/verlauf-grau);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 10px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div#header-top-right
{
	text-align: right;
	float: right;
	margin-right: 10px;
}
#header-top-right a:link, #header-top-right a:visited
{
	color: #000;
}
div#header-bottom
{
	background-color: #eee;
	border: 1px solid #ccc;
	border-top: 0 none;
	padding: 5px;
	margin-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#header-bottom table, .main-box table
{
	margin: 5px 5px 5px 15px;
}
#header-bottom td, .main-box td
{
	text-align: center;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 15px;
	font-size: 90%;
}
#header-bottom td:hover, #header-bottom a:link, #header-botton a:hover, #header-bottom a:visited, .main-box td:hover
{
	color: #000;
}
#header-bottom img, .main-box img
{
	border: 0 none;
}

/*********** 
 Hauptseite
 ***********/
div.main-box
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
	font-family: sans-serif;
	line-height: 130%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div#description-box1, div#description-box2
{
	color: #666;
	text-align: center;
	margin-bottom: 20px;
/*	visibility: hidden;*/
}

.main-box a:visited
{
	color: #000;
}

/*****************
 Right side boxes
 *****************/
div#info-boxes
{
	float: right;
	width: 12em;
}
div.info-box
{
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	font-size: 80%;
	font-family: sans-serif;
	line-height: 130%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#info-boxes ul
{
	padding-left: 20px;
}

.info-box a:link, .info-box a:visited
{
	color: #000;
	text-decoration: none;
}

.info-box a:hover
{
	color: #000;
	text-decoration: underline;
}

img#download
{
	margin: 10px auto;
	border: 0 none;
}

/**********
 Signature
 **********/
hr#footer-line
{
	border-top: 2px solid #ccc;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	clear: both;
}
div#footer
{
	line-height: 150%;
	color: #666;
	font-size: 80%;
	text-align: center;
}