body {
	background-color: #f2f2f2;
	margin:0px;
	padding:0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #00006e;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00006e;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

li.liste {
	margin-left: 10px;
}


hr {
	border: 1px dashed #c0c0c0;
}

a {
	color: #00C;
	text-decoration: none;
}

.newsl {
	font-size: 12px;
	color: #900;
}

.text {
	font-size: 12px;
}

a:hover {
	text-decoration: underline;
}

#container {
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	height: 850px;
	width: 840px;
}

#header {
	background-color: #ffffff;
}

#firma {
	z-index: 1;
	position: absolute;
	width: 450px;
	top: 20px;
	margin-left: 110px;
}

#steinacher {
	float: left;
	margin-right: 10px;
	font-size: 24px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

#info {
	margin-top: 6px;
	font-size: 18px;
	color: #959595;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

#twitter {
	position: absolute;
	margin-left: 710px;
	margin-top: 10px;
}

#navigation {
	position: absolute;
	top: 70px;
	margin-left: 120px;
}

ul#mainnavi {
	margin: 0px;
	padding: 0px;
	width: 700px;
	list-style-type: none;
}

#mainnavi li {
	width: 135px;
	float: left;
	text-align: center;
	border-right: 1px solid #333;
}

#mainnavi li a {
	font-size: 14px;
	color: #494949;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-decoration: none;
}


#mainnavi li a:hover {
	text-decoration: underline;
}

#mainnavi a#current {
	color: #00006e;
}

#maincontent {
	 width: 823px;
	 margin: 10px auto 0px auto;
	 height: 440px;
}

#content_oben {
	height: 10px;
}

#content_mitte {
	 width: 823px;
	 height: 420px;
	 background-image: url(images/content_mitte.gif);
	 background-repeat: repeat-y;
}

#img_news {
	float: left;
	margin-right: 10px;
}

#news {
	height: 100px;
	background-color: #f2f2f2;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}

#call {
	height: 100px;
	background-color: #f2f2f2;
	width: 350px;
}

#call_print {
	height: 100px;
	background-color: #f2f2f2;
	width: 350px;
	margin-left: 19px;
}

#space {
	height: 30px;
} 

#space_macbook {
	height: 10px;
} 

#space_kurse {
	height: 10px;
}

#details_home {
	background-color: #f2f2f2;
	margin-left: 50px;
}

#details_webdesign{
	background-color: #f2f2f2;
	margin-left: 30px;
}

#details_gkurs {
	background-color: #f2f2f2;
	margin-left: 30px;
}

#content_links {
	float: left;
	margin-left: 20px;
	 width: 380px;
	 height: 360px;
	 background-color: #f2f2f2;
	 padding-top: 0px;
}

#content_links_kurse {
	float: left;
	margin-left: 20px;
	 width: 380px;
	 height: 420px;
	 background-color: #f2f2f2;
}

#content_links_analytics {
	float: left;
	margin-left: 20px;
	 width: 780px;
	 height: 420px;
	 background-color: #f2f2f2;
}

#content_links_webdesign {
	float: left;
	margin-left: 20px;
	 width: 7500px;
	 height: 420px;
	 background-color: #f2f2f2;
}

#web_analytics {
	position: absolute;
	margin-left: 425px;
}

#content_links_print {
	float: left;
	 width: 380px;
	 height: 420px;
	 background-color: #f2f2f2;
	 margin-left: 1px; 
}


#content_rechts_gkurs {
	float: left;
	margin-left: 20px;
	 width: 380px;
	 height: auto;
	 text-align: left;
	 margin-top: 25px;
}

#content_rechts_print {
	float: left;
	margin-left: 42px;
	 width: 380px;
	 height: auto;
	 text-align: right;
	  margin-top: 70px;
}

#content_rechts_cms {
	width: 400px;
	height: 360px;
	margin-left: 422px;
	background-color: #f2f2f2;
	padding-top: 30px;
	text-align: right;
}

#content_rechts_web {
	width: 400px;
	height: 360px;
	margin-left: 420px;
	background-color: #f2f2f2;
	padding-top: 60px;
	text-align: center;
}

#kurs_mitte {
	 height: 330px;
	 background-image: url(images/kurs_mitte.jpg);
	 background-repeat: repeat-y;
}

#kurs_mitte_excel {
	 height: 350px;
	 background-image: url(images/kurs_mitte.jpg);
	 background-repeat: repeat-y;
}

.formular {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
} 

#content_rechts {
	width: 400px;
	height: 360px;
	margin-left: 420px;
	background-color: #f2f2f2;
	padding-top: 30px;
	text-align: center;
}


#content_ipad {
	width: 400px;
	height: 360px;
	margin-left: 120px;
	background-color: #f2f2f2;
	padding-top: 30px;
	text-align: center;
}

#content_analytics{
	width: 400px;
	height: 200px;
	margin-left: 420px;
	background-color: #f2f2f2;
	padding-top: 30px;
	text-align: center;
}

#content_macbook {
	width: 400px;
	height: 280px;
	margin-left: 420px;
	background-color: #f2f2f2;
	padding-top: 130px;
	text-align: center;
}

#content_unten {
	 height: 10px;
	 background-image: url(images/content_mitte.gif);
	 background-repeat: repeat-y;
}

#abstand {
	height: 15px;
}

#buttons {
	 width: 823px;
	 height: 200px;
	 margin: 0px auto 0px auto;
	 text-align: center;
}

#angebot1 {
	 width: 270px;
	 float: left;
	 height: 190px;
}

#angebot2 {
	 width: 270px;
	 float: right;
	 margin-right: 7px;
	 height: 190px;
}

#angebot3 {
	 width: 270px;
	 float: right;
	 height: 190px;	
}


#angebot_oben1 {
	 height: 8px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}


#angebot_mitte1 {
	 height: 154px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}

#angebot_title1 {
	font-family: Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 color: #00006e;
	 padding-bottom: 5px;
}

#angebot_link1{
	 padding-right: 10px;
	 text-align: right;
	 padding-top: 10px;
}

#angebot_link1 a {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: #494949;
	 text-decoration: none;
}

#angebot_link1 a:hover {
	 text-decoration: underline;
}

#angebot_unten1 {
	 height: 8px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}



#angebot_oben2 {
	 height: 8px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}


#angebot_mitte2 {
	 height: 154px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}

#angebot_title2 {
	font-family: Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 color: #00006e;
	 padding-bottom: 5px;
}

#angebot_link2{
	 padding-right: 10px;
	 text-align: right;
	 padding-top: 10px;
}

#angebot_link2 a {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: #494949;
	 text-decoration: none;
}

#angebot_link2 a:hover {
	 text-decoration: underline;
}

#angebot_unten2 {
	 height: 8px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}


#angebot_oben3 {
	 height: 8px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}

#angebot_mitte3 {
	 height: 154px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}

#angebot_title3 {
	font-family: Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 color: #00006e;
	 padding-bottom: 5px;
}

#angebot_link3 {
	 padding-right: 10px;
	 text-align: right;
	 padding-top: 10px;
}

#angebot_link3 a {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: #494949;
	 text-decoration: none;
}

#angebot_link3 a:hover {
	 text-decoration: underline;
}

#angebot_unten3 {
	 height: 8px;
	 background-image: url(images/button_mitte.gif);
	 background-repeat: repeat-y;
}

#angebot_nummer {
	 font-size: 40px;
	 font-family: Arial, Helvetica, sans-serif;
	 color: #3fc100;
	 font-weight: bolder;
	 border: 1px solid #000;
}



#footer {
	 background-color: #ffffff;
	 height: 50px;
	 margin: 0px auto 0px auto;
	 text-align: left;
	 margin-top: 6px;
	 font-size: 12px;
	 color: #494949;
	 font-family: Arial, Helvetica, sans-serif;
}

#valide {
	position: absolute;
	margin-left: 630px;
	top: 760px;
}

#css {
position: absolute;
	margin-left: 740px;
	top: 760px;
}

#copy {
margin-left: 10px;
}

.ipad {
	font-size: 30px;
	color: #494949;
}