/* Standard-Formatierungen HTML */
body {
	font: .7em Tahoma, Arial, sans-serif;
	line-height: 1.7em;
	color: #454545;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-image: url(images/hg.gif);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
a {
	color: #000000;
	background: inherit;
}
a:hover {
	color: #000000;
	background: inherit;
	font-weight: bold;
}
p {
	margin: 0 0 5px 0;
}
h1 { font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul {
	margin: 0;
	padding : 0;
	list-style : none;
	text-align: left;
}
img {
	border: 0;
	margin-right: 20px;
	text-align: center;
}
hr{ height:1px;}

/* Gliederung der Inhalte */
#content { margin: 10px auto; width: 960px; }
#logo { margin: 0 0 10px 0; }
#headslogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info {
	line-height: 20px;
	float: right;
	color: #808080;
	background: #fff;
	margin: 12px 5px 7px 0;
	text-align: right;
	height: 74px;
}


/* horizontales Haupt-Menü */
#mainmenu{ padding: 3px 0; margin: 0; float: left; }
#mainmenu li{ list-style: none; display: inline; margin: 0; }
#mainmenu li a{
	text-decoration: none;
	padding: 4px 22px;
	margin-right: 2px;
	font-weight: bold;
	color: #fff;
	background-color: #FF9900;
	background-image: url(images/ecke.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#mainmenu li a:hover{
	color: #000000;
	background-color: #FFC833;
	background-image: url(images/ecke.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#mainmenu li a.current{
	color: #000000;
	padding: 6px 22px;
	background-color: #FF9933;
	background-image: url(images/ecke.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#mainmenu .key { text-decoration: underline; }

/* Hauptmenu - Tutorialsangebot */
#toptuts {
	clear: left;
	float: left;
	width: 640px;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 59px;
	background-color: #FFC833;
	background-image: url(images/toptutsbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#toptuts li a {
	background-image: url(images/punkt.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 12px;
	color: #000000;
}
#toptuts li a:hover {
	background-image: url(images/punkt.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 12px;
	color: #333333;
	font-weight: bold;
}

/* Professional Expert */
#profexp {
	float: right;
	text-align: right;
	background: #fff url(images/expertbg.jpg) no-repeat;
	color: #000;
	padding: 32px 20px 12px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 270px;
}
	/* profexp form styling */
form, form p { margin: 0; padding: 0; line-height: 25px; }
.profexp { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }

/* Linker Abschnitt */
#left {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
}
.subheader {
	margin: 0 0 10px 0;
	padding: 8px;
	color: #808080;
	border-bottom: 1px solid #ccc;
	background-color: #f4f4f4;
	background-image: url(images/topschatten.gif);
	background-repeat: repeat-x;
	}
	
.subheader_angebot {
	margin: 0 0 5px 0;
	padding: 8px;
	color: #000;
	border-bottom: 1px solid #ccc;
	background-color: #f4f4f4;
	background-image: url(images/topschatten.gif);
	background-repeat: repeat-x;
}
	
.subheader2 {
	margin: 0 0 10px 0;
	padding: 8px;
	color: #000000;
	border-bottom: 1px solid #ccc;
	background-color: #FFC833;
	background-repeat: repeat-x;
	}
	
.subheader3 {
	margin: 0 0 10px 0;
	padding: 8px;
	color: #000000;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f4f4f4;
	background-repeat: repeat-x;
	}
	
.links_inhalt {
		margin: 0px 0 10px 0;
		background: #fff url(images/topschatten.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}
.spiele_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
.angebote {
	float: left;
	width: 186px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 15px;
	}		
		
/* Rechter Abschnitt */
#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}
.rechts_Abschnitte {
	border: 1px solid #ccc;
	padding: 8px;
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;
}
.rechts_AbschnitteW {
	border: 1px solid #ccc;
	color: #454545;
}

.rechts_Flash_Abschnitt {
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
	background: #eee;
	color: #454545;
	padding-left:4px;
}

.image { float: left; margin: 0 9px 3px 0; }

/* footer Abschnitt */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
#footer .right { float: right; }

/* Zusatz */
#caroBild { margin-right: 10px; }
.toptus {color: #000000}
.willkommen {color: #000000; font-weight: bold; }
hr{height:1px;}

#angebotPic{ border: 0; margin:0; padding:0 }

#schulungenPic {
	margin:0; 
	padding:0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#werbeflaeche_szg {
	margin-left:15px;
	margin-top:5px;
	width:270px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 5px;
	float:left;
	height:350px;
}
#werbeflaeche_figd {
	margin-left:15px;
	margin-top:5px;
	width:270px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 5px;
	float:left;
	height:250px;
}
#werbeflaeche_flashstar{
	margin-left:15px;
	margin-top:5px;
	width:270px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 10px;
}
#werbeflaeche_onebyone{
	margin-left:15px;
	margin-top:5px;
	width:270px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 5px;
	float:left;
	height:350px;
}
#werbeflaeche_comhamburg{
	margin-left:15px;
	margin-top:5px;
	width:270px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 5px;
	float:left;
	height:250px;
}
#werbeflaeche_pcc{
	margin-left:15px;
	margin-top:5px;
	width:270px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 5px;
	float:left;
	height:250px;
}
#werbeflaeche_medienreich{
	margin-left:15px;
	margin-top:5px;
	width:270px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 5px;
	float:left;
	height:250px;
}
.hervorhebung {
	background-color: #FECE62;
	color: #000;
	border: 1px solid #F90;
	padding: 3px;
}