body {
height: 99%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

html {
height: 99%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

body 
{
 font-family:Verdana;
 font-size:12px;
 background-color:#8f99ae;
 text-align:center;
}

h1 {
font-size:36px;
color:#1f345e;
font-weight:bold;
margin:0px;
}
h2 {
font-size:20px;
color:#1f345e;
font-weight:bold;
}
h3 {
font-size:14px;
color:#000000;
font-weight:bold;
}

img {
	border:none;
}

p {
margin-top:0px;
font-size:11px;
}

/* Für Quellcode-Beispiele im Text */
code
{
 font-size:14px;
 color:#0000cc;
}

/* Der Kasten mit dem Quellcode */
pre
{
 font-size:14px;
 color:#0000cc;
 padding:5px;
}

/* Für Quellcode-Beispiele im Text */
.copySmall
{
 font-size:10px;
}


a:hover
{ 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}

a:active
{ 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}

a:visited
{ 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}

a:link
{ 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}

/* Die Hyperlinks im Content Bereich */
a.downloadLinks:visited
{ 
  color:#1f345e;
  text-decoration:none;

}
a.downloadLinks:link
{ 
  color:#1f345e;
  text-decoration:none;

}
a.downloadLinks:hover
{ 
  color:#1f345e;
  text-decoration:none;
}

a.downloadLinks:active
{ 
  color:#1f345e;
  text-decoration:none;
}

/* Die Hyperlinks zu den TutorialChapters */
a.tutorialChapterThumbs img {
	border:1px solid #1f345e;
}



/* Die Hyperlinks im Titel */
a.head1:visited
{ 
	font-size:36px;
	color:#1f345e;
	font-weight:bold;
	text-decoration:none;
}
a.head1:link
{ 
	font-size:36px;
	color:#1f345e;
	font-weight:bold;
	text-decoration:none;
}
a.head1:hover
{ 
  color:#1f345e;
  text-decoration:none;
}

a.head1:active
{ 
  color:#1f345e;
  text-decoration:none;
}





/* Die Hyperlinks im Footer */
a.footer:visited
{ 
  color:#ffffff;
  text-decoration:none;
}
a.footer:link
{ 
  color:#ffffff;
  text-decoration:none;
}
a.contentText:hover
{ 
  color:#ffffff;
  text-decoration:none;
}

a.contentText:active
{ 
  color:#ffffff;
  text-decoration:none;
}

#contentWrapper {
	width:900px;
	margin:0px auto;
	text-align:left;
	position:relative;
	border:1px solid #252739;
	min-height: 100%; /* Mindesthöhe in modernen Browsern */
	height: auto !important; /* !important-Regel für moderne Browser */
	height: 100%; /* Mindesthöhe in IE (<7) */
	overflow:hidden;
	background-color:#ffffff;
}


/* Der header*/
#header {
	height: 120px;
	background-color:#dee1e7;
}

#gabiLogo {
	float:left;
	background-color:none;
	margin:10px;
}

#peLogo {
	
	float:right;
	margin:5px;
	padding:0px;

}

#lbpLogo {
	
	float:right;
	clear:right;
	margin:10px 5px 5px 5px;	
	padding:0px;
}

/* Die Titelzeile */
#title {
	padding: 0px;
	text-align: center;
	background-color: none;
	color: #1f345e;
	position:absolute;
	left:200px;
	top:70px;
}

/* spacer  */
#spacer {
border-top:1px solid #252739;
color:#cccccc;
background-color:#a5aebf;
text-align:center;
padding:0px;
margin:0px;
height:10px;
}

/* sunflowerBanner */
#sunflowerBanner{
float:right;
background-color:#c4bd48;
text-align:right;
padding:0px;
margin:0px;
width:100%;
height:0px;
visibility:hidden;
}


/* tutorialContentDownloadLinks*/
#tutorialContentDownloadLinks{
border:none;
text-align:left;
padding:0px;
margin:40px 0px 0px 25px;
color:#8f99ae;
clear:both;
}



/* footer */
#footer{
border-top:1px solid #252739;
background-color:#404040; /*#a5aebf;*/
padding:0px;
margin:0px;
color:#000000;
position:absolute;
bottom:0px;
height:40px;
width:900px;
}

/* footerContact*/
#footerContact {
border:none;
float:right;
background-color:none;
margin:10px 10px 0px 0px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}

/* footerFeedbackLink*/
#footerFeedbackLink{
border:none;
float:left;
background-color:none;
margin:10px 0px 0px 10px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}


/* Der Inhalt */
#content {

background-color:#ffffff;
padding:0px;
color:#000000;

position:relative;
/*border:1px solid #000;*/
}

/* Der Inhaltstext */
#contentText{
background-color:none;
padding:5px;
/*height:300px;*/

}

/* tutorialButton1 */
#tutorialButton1 {
border:1px red;
background-color:none;
margin:0px 0px 0px 5px;
/*width:260px;
height:360px;
position:absolute;*/
}

/* tutorialButton1 */
#tutorialButton_1 {
border:1px red;
background-color:none;
margin:0px;
width:260px;
height:360px;
position:absolute;
left:250px;
top:125px;
}

#flashMedia {
	margin-top: 40px;
	text-align:center;
}
#flashNoUpdate{
	border:1px solid #1f345e;

}



.tutorial1VideoThumbnails {
	float:left;
	margin-left:25px;
	border:none;
}

.tutorial1VideoThumbnails img{
	border:1px solid;
}