* {
	margin: 0;
	padding: 0;
	vertical-align:bottom; /* alle Browser gleich eingestellt (img in div vertical-Problem) */
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url(io-graphics/io-site-bg.jpg) repeat-y top center;
}
#head_image {
	margin-left: 50px;
	margin-top: 50px;
}
p {
	line-height: 1.4;
}
h1 strong, h2 strong, h3 strong {
	color: #990000;
}
a img{
	border: none;
}
#maincontainer {
	width: 968px;
	margin: 0 auto;
	text-align: left;
}
#flag_con { text-align: right; margin-top: 5px; }
#col_content {
	width: 560px;
	background: url(io-graphics/io-ball.gif) no-repeat 50px 45px;
	float: left;
}
#col_sidebar { width: 375px; float: left; margin-left: 30px; 
}
#col_sidebar h2 {
	color: #FFFFFF;
	margin: 47px 40px 10px;
	text-align: left;
	font-size: 1.4em;
}
#col_sidebar p { color: #CCCCCC; margin: 0px 40px 1em; text-align: justify; font-size: 1.1em; 
}
#col_sidebar p img {
	float: left;
	margin-right: 7px;
}
#col_sidebar img.clearer {
	margin-left: 40px;
	padding-bottom: 20px;
	margin-top: -10px;
}
#col_sidebar a {
	color: #990000;
}
#col_sidebar a:hover {
	color: #FFCC33;
}
#col_sidebar a.readmore {
	color: #990000;
}
#col_sidebar a.readmore:hover {
	color: #FFCC33;
}
#col_sidebar div#flashcontent { padding: 40px 40px 0px; width: 228px; height: 168px; 
}
#col_sidebar div#flashcontent2 { padding: 40px 40px 0px; width: 228px; height: 140px; 
}

ul#navi {
	list-style-type: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 178px;
	margin-left: 75px;
	padding-bottom:20px;
}
ul#navi li {
	display: inline;
}
ul#navi li a { padding: 2px 9px; color: #990000; 
}
ul#navi li a:hover {
	color: #FF9900;
}
ul#navi li a#active {
	color: #333333;
}

#col_content h1, #col_content h2 {
	color: #333333;
	font-size: 1.8em;
	margin: 50px 0px 15px 50px;
}
#col_content h2 {
	margin: 75px 0px 15px 50px;
	clear: both;
}
#col_content h3.presse {
	font-size: 1.1em;
	padding: 30px 0px 15px 50px;
	clear: both;
}
#col_content p {
	margin: 0px 0px 1.2em 50px;
	font-size: 1.1em;
	text-align: justify;
	color: #666666;
}
#col_content p strong {
	color: #333333;
}
#col_content p img {
	float: left;
	margin: -5px 15px 0px -17px;
}
#col_content p img.hugepicture{
	margin: -5px 0px 50px -17px;
}
#col_content p img#big_picture {
	margin: -5px 15px 0px 0px;
}
#col_content div#flashcontent {
	float: left;
	padding: 5px 15px 5px 50px;
	width: 240px;
	height: 217px;
}
#col_content a {
	color: #990000;
}
#col_content a:hover {
	color: #F29400;
}
a.infobox { padding: 25px 0 0 35px; }





h3#warning {
	color: #FF0000;
	font-size: 1.4em;
	padding: 0px 75px 0.5em;
}
form#mailform div {
	margin-left: 50px;
}
label {
	font-size: 1.1em;
	font-weight: bold;
}
.input_textfield {
	width: 500px;
	margin-bottom: 1.5em;
	overflow: auto;
	background-color: #333333;
	font-size: 1.1em;
	padding: 5px;
	color: #FFFFFF;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
}