/* CSS Document */

html, body {
	background-color:#f0f0f3;
	margin:7px;
	color:#292c3d;
	font-family:Arial, Helvetica, sans-serif, ;
	font-weight:normal;
	font-size:12px;
	scrollbar-3dlight-color:#FFFFFF;
	acrollbar-arrow-color:#f0f0f3;
	scrollbar-darkshadow-color:#f0f0f3;
	scrollbar-face-color:#f0f0f3;
	scrollbar-highlight-color:#f0f0f3;
	scrollbar-shadow-color:#f0f0f3;
	scrollbar-track-color:#f0f0f3;
	
}


/******* hyperlink and anchor tag styles *******/


a:link{
	color: #FFffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}

a:visited{
	color: #FFffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover{
    color:#5b6480;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}

a:active{
    color:#5b6480;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}


/***********************************************/

a.alternativ:link{
	color:#5b6480;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

a.alternativ:visited{
	color:#5b6480;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;

}

a.alternativ:hover{
	color:#292c3d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;

}

a.alternativ:active{
	color:#292c3d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;

}

a.alternativ:mailto{
	color:#292c3d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}
/******* hyperlink and anchor tag styles *******/

h1{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
 color: #FF8c1e;
 margin: 0px;
 padding: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}


h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
}


h5{
	color:#292c3d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 25px;
	font-weight: normal;
}


h6 {
	color:#292c3d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 10px;
	font-weight: normal;
}


/********* form and related tag styles *********/


#wrapper {
	width:760px;
	margin:0 auto;
	text-align: left;
	position: relative;
}


#navigationoben{
	position: absolute;
	top: 3px;
	left: 562px;
	width: 170px;
	height: 12px;
}


#navigationmitte{
	position: absolute;
	top: 4px;
	left: 260px;
	width: 491px;
	height: 12px;
}


#navigationprofil{
	position: absolute;
	top: 4px;
	left: 255px;
	width: 491px;
	height: 12px;
	z-index: 12;
}


#navigationbeispiele a{
	color:#5b6480;
	font-weight:bold;
	background-color: #e5e5ed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

#navigationbeispiele a:{
	color:#292c3d;
	font-weight:bold;
}
#navigationbeispiele a:hover{
	color:#ffffff;
	font-weight:bold;
	background-color: #5b6480;
	font-family: Arial, Helvetica, sans-serif;
}
/************** frame *****************/
#frame {
	position:absolute;
	background-color:#292c3d;
	top:-2px;
	left:0px;
	width:760px;
	height:534px;
	border-style:solid;
	border-width:thin;
	margin:-1px;
	padding:0px;
	visibility: visible;
	z-index: 2;
			}
			
#header {
			width:100%;
			height:100px;
			
}

#navigation1 {
	position:absolute;
	background-color:#292c3d;
	top:0px;
	left:0px;
	width:760px;
	height:24px;
	margin:0px;
	padding:0px;
	z-index: 4;
	visibility: visible;
			}
			
#navigation2 {
	position:absolute;
	background-color:#292c3d;
	top:174px;
	left:0px;
	width:760px;
	height:24px;
	margin:0px;
	padding:0px;
	z-index: 5;
	visibility: visible;
			}

#navigation3 {
	position:absolute;
	background-color:#292c3d;
	top:508px;
	left:0px;
	width:760px;
	height:24px;
	margin:0px;
	padding:0px;
	z-index: 11;
	visibility: visible;
			}

#navigationbeispiele {
	position:absolute;
	top:258px;
	left:3px;
	width:183px;
	height:42px;
	margin:0px;
	padding:0px;
	z-index: 15;
	}

#inhaltlinks {
	position:absolute;
	background-color:#FFFFFF;
	top:198px;
	left:0px;
	width:189px;
	height:312px;
	margin:0px;
	padding:0px;
	z-index: 6;
	visibility: visible;
	background-color: #ffffff;
}

#inhaltbildlinks {
	position:absolute;
	width:193px;
	height:312px;
	margin:0px;
	padding:0px;
	visibility: visible;
	z-index: 3;
}

#inhalttextlinks {
	position:absolute;
	top:22px;
	left:16px;
	width:160px;
	height:177px;
	margin:0px;
	padding:0px;
	z-index: 1;
	visibility: visible;
}

#inhaltrechts {
	position:absolute;
	top:198px;
	left:189px;
	width: 571px;
	height: 312px;
	background-color:#e5e5ed;
	z-index: 9;
	visibility: visible;
}

#inhaltbildrechts {
	position:absolute;
	top:36px;
	left:71px;
	width: 417px;
	height: 264px;
}

#inhalttextrechts {
	position:absolute;
	top:36px;
	left:71px;
	width: 420px;
	height: 247px;
	z-index: 10;
	visibility: visible;
}
			
#webportrait {
	position:absolute;
	top:24px;
	left:0px;
	width:760px;
	height:150px;
	visibility: visible;
	z-index: 7;
}

/************** styles *****************/

.beispielnichtaktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #EDEDF3;
	font-weight: bold;
	background-color: #e5e5ed;
}

.beispielaktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	font-weight: bold;
	background-color: #ffad56;
}

.navigationaktiv {
	color:#FF8c1e;
	font-family:Arial, Helvetica, sans-serif, ;
	font-size:11px;
	font-weight:bold;
}

.mittelblau {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5b6480;
}

.zuklein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 10px;
	color:  #292c3d;
}
.zugross {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color:  #000033;
}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:  #292c3d;
}
.verdana14 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color:  #292c3d;
}
.verdana0 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color:  #292c3d;
}
.weiss {

	color:#FFFFFF;
}
.arial {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:  #292c3d;
}
.verdana18 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:  #292c3d;
}

.h1liste {
    font-family: Arial, Helvetica, sans-serif;
 	font-size: 18px;
	line-height: 22px;
    color: #FF8c1e;
    margin: 0px;
    padding: 0px;
}

.h2liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -10px;
}


.fliesskleiner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:  #292c3d;
}


.ueberschriftpopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	font-variant: small-caps;
}