html, body {height:100%;}
img {margin:0;padding:0;border: none; float:left;border:3px solid #ffffff;}

ul {margin:0;padding:0; list-style-image:url(images/bullet.gif)}	
ol {margin:10px 40px 25px 20px;padding:0px;line-height:25px;list-style-image:url(images/bullet_org.gif)}	/* top  right bottom  left */
p {font-size: 1em;margin: 0 0 1em 0;padding: 0;line-height:1.6em;}
h1 {font-size: 1.8em;line-height: 1.4em;margin: 0 0 0.5em 0;padding: 0;}
h2 {font-size: 1.4em;line-height: 1.4em;margin: 0 0 0.5em 0;padding: 0;}
h3 {font-size: 1.4em;line-height: 1.5em;margin: 0 0 0.3em 0;padding: 0;font-weight:normal;}
h4 {font-size: 1.5em;line-height: 1.5em;margin: 0 0 0.3em 0;padding: 0;font-weight:normal;}
h5 {font-size: 1.2em;line-height: 1.5em;margin: 0 0 0.3em 0;padding: 0;font-weight:normal;}
h6 {font-size: 20px;line-height: 1.3em;margin: 0 0 0.5em 0;padding: 0;}
a,	a:link,	a:active {color:#ae0004;text-decoration: none;}
a:hover {color:#7f0305;text-decoration: underline;}

.hidden {display:none;}
.center {margin:0 auto;}
.clear {clear:both;height:1px;margin:0;padding:0;font-size: 15px;line-height: 1px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
	
/* Hides from IE-mac \*/
 html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.margin-bottom {margin-bottom:20px;}
.left {float:left;display:inline;}
.right {float:right;display:inline;}


body {margin: 0;padding: 0;font-family: Georgia, "Times New Roman", Times, serif;text-align: left;font-size:14px;color:#3b3a3a;background:#ffffff url(images/body1.gif) repeat-x top left;}
#wrapper {min-height:100%;position:relative;}
* html #wrapper {height:100%}

#container{margin:0 auto;width:990px;padding:0px 15px 80px 15px;}


#header{margin:0;position:relative;height:131px;
		background-image:url('images/logo1.gif');
	background-repeat: no-repeat;
	background-position: top;

}
#header h1 {display:block;position:relative;float:left;top:2px;left:0px;height:35px;width:390px;margin:0;	padding:0;text-decoration:none;}
#header h1 a {display:block;height:120px;width:350px;font-family: Georgia, "Times New Roman", Times, serif;color:#333333;font-size:32px;}
.hcol {color: #ae0004;}

#ads {margin: 10px 0px 0px 0px;float:right;}

#logo {
       
			float: left; 
			width: 100%;
				
	height:200px;
	border: 0px solid #000000;
	background-color: #000066;
	background-image:url('../Bilder/TOPHintergrund.gif');
	background-repeat: no-repeat;
	background-position: top;

}

#Firmierung{
	float: right; 
 	top:37px;
	left:457px;
	text-align: center;
	font-size: 10px;
	z-index:1;
	border: 0px solid #000000;
	color: #000000;
}

#Anschrift{
	float: left; 
 	top:36px;
	left:31px;
	width:390px;
	border: 0px solid #000000;
	color: #000000;
 			font-family: "Lucida Bright";
			font-size:13px;
			text-align: center;
}

#hintergrundbild li:before {
 content: "Das Geschenk zum neuen Computer";
}
#hintergrundbild {
       
			float: right; 
			width: 250px;
				height:170px;
				margin: 5px 40px 25px 0px;/* top  right bottom  left */
	border: 0px solid #000000;
	


	background-image:url('../bilder/geschenkgutschein.gif');
	background-repeat: no-repeat;
	background-position: top;

}

#wordblock {
       
			float: left; 
			width: 50%;
				
				margin: 0px 0px 0px 0px;/* top  right bottom  left */
	border: 0px solid #000000;
	
}

#excelblock {
       
			float: right; 
			width: 49.9%;
				
				margin: 0px 0px 0px 0px;/* top  right bottom  left */
	border: 0px solid #000000;
	
}

#content {margin:0px;padding:15px 0px 20px 0px;}/* oben - rechts - unten - links */
#main {float:left;padding-top:10px;display:inline;width:650px;}
#main2 {float:left;padding-top:10px;display:inline;width:490px;}
#softwaremain {float:left;padding-top:10px;display:inline;width:850px;}
		
.normal h1 {padding:0px 0px 5px 0px;margin:0px 0px 20px 0px;line-height:1em;font-size:2.2em;font-weight:bold;	text-transform:uppercase;letter-spacing:1px;border-bottom:1px dotted #ccc;}
.normal h2, h4, h5 {clear:both;padding:0px 0px 0px 35px;margin:0px 0px 7px 0px;line-height:1.2em;font-size:1.5em;letter-spacing:1px;
font-weight:normal;background:url(images/back.gif) no-repeat center left;}

.normal  h3 a, .normal h2 a, .normal  h1 a {color:#111111;}
.normal h3 a:hover, .normal h2 a:hover, .normal h1 a:hover {color:#7f0305;text-decoration: underline;}
.normal ul{margin:10px 0px 15px 55px;padding:0px 0px 0px 0px;}
.normal ul li {padding:0px 0px 0px 0px;margin:0px 0px 10px 0px;}
.normal ul li a {text-transform:none;}
.normal ul li a:hover {color:#dd9f00;text-decoration:none;}
	
.block {margin-bottom:25px;padding: 5px;border:2px solid #e5e6e8;background:#dff3fc url(images/bachground_block.gif) repeat-x top left;}
.softwareblock {margin-bottom:25px;padding: 5px;border:2px solid #e5e6e8;background:#ddf2fc;}
.block_sehbehinderung {width:950px;margin-bottom:25px;padding: 5px;border:2px solid #e5e6e8;background:#ddf2fc;font-size:1.8em;font-weight:bold;}
.weihnachtenblock {
color: #fe0b00;
font-size:1.2em;
margin-bottom:25px;padding: 5px;
border:2px solid #e5e6e8;
background:#dff3fc url(images/bachground_block.gif) repeat-x top left;

}


#middlebar {float:left;padding-top:10px;padding-left:15px;display:inline;width:180px;}	
#middlebar2 {float:right;padding-top:10px;padding-left:5px;display:inline;width:180px;}	

/* Sidebar */	
	
#sidebar {float:right;display:inline;margin:-15px 0px 0px 0px;width:300px;border-left:1px solid #ffffff;}
#sidebar2 {float:left;display:inline;margin:-15px 0px 0px 10px;width:300px;border-left:1px solid #ffffff;}
#softwaresidebar {float:right;display:inline;margin:-15px 0px 0px 0px;width:120px;border-left:1px solid #ffffff;}
	
.sideblock {width:270px;margin-bottom:0px;padding:0 15px 15px 15px;}
.softwaresideblock {width:120px;margin-bottom:0px;padding:0 15px 15px 15px;}
.sideblock ul {margin:10px 0px 20px 20px;}
.sideblock li {margin-bottom:5px;}
	
.part1 {background:#ae0004; color:#ffffff;}
.games {overflow:hidden;height:100%;width:270px;}
#softwaregames {overflow:hidden;height:100%;width:120px;}
	
.part2 {padding:0 30px 20px 0px;background:#dff3fc url(images/bachground_block.gif) repeat-x top left;}
	
.sideblock h2{padding:10px 0px 0px 0px;font-weight:normal;font-size:1.4em;}

	
ul.sidelist, ul.subnavlist {margin:0;list-style:none;padding-bottom:12px;}
ul.sidelist li, ul.subnavlist  li {margin:0;display:inline;}
ul.sidelist li a, ul.subnavlist li a{border:1px solid #f0f4d3;display:block;color:#000000;font-size:1.1em;background:#dff3fc url(images/bachground_block.gif) repeat-x top left;padding: 5px 5px 7px 7px;margin-bottom:5px;}
ul.sidelist li a:hover{text-decoration:none;background:#ffffff;border:1px solid #999999;color:#ae0004;}
	

span.small {line-height:18px;font-size:0.7em;color:#9c9f83;}
	
	
#footer{position:relative;margin-top:-100px;height:100px;min-width:930px;color:#000000;background:#999999 url(images/footer1.gif) repeat-x top left;}
	
.footer-block {clear:both;margin:0 auto;text-align:left;padding:65px 0px 0 0px;width:900px;font-size:0.9em;}
.footer-block p{float:left;padding:0px;margin:0px;margin-top:-10px;}
.footer-block ul{padding:0px;float:right;margin:0px;margin-top:-10px;list-style:none;}
.footer-block ul li{float:left;list-style:none;margin:0;margin-left:1em;}
.footer-block a {color:#000000;}
.footer-block a:hover {color:#7f0305;text-decoration: underline;}