/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: "kaffeesatz-2",sans-serif;
	font-size:14px;
	background-image: url(../bilder/hintergrund.gif);
	color:#FFFFFF;
	margin-top:0;
	margin-bottom:0;
    }
	
	#global {
	width: 770px;
	}

a:link, a:visited, a:hover {
	color:#27bbeb;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color:#d1f12e;
	text-decoration:none;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: "kaffeesatz-2",sans-serif;
	margin: 0px;
}

h1{
 font: 100 normal 26px "kaffeesatz-2",sans-serif;
 color: #27bbeb;
 padding-top: 0px;
 padding-left: 50px;
}

h2{
 font: 100 normal 20px "kaffeesatz-2",sans-serif;
 color: #27bbeb;
}

h3{
 font:100 normal 16px "kaffeesatz-2",sans-serif;
 color: #ffffff;
}

h4{
 font: 100 normal 14px "kaffeesatz-2",sans-serif;
 line-height:160%;
 color: #999999;
}

h5{
 color: #334d55;
}

h6{
 font:100 normal 26px "kaffeesatz-2",sans-serif;
 color: #cadb75;
 padding-top: 0px;
 padding-left: 50px;
}

h7{
 font:100 normal 20px "kaffeesatz-2",sans-serif;
 font-variant:small-caps;
 color: #FFFFFF;
 padding-top: 0px;
 padding-left: 0px;
 display:inline;
}

h8{
 font:100 normal 16px "kaffeesatz-2",sans-serif;
 color: #27bbeb;
 padding-top: 0px; 
 padding-left: 50px;
}

.label{
	font:100 normal 20px "kaffeesatz-2",sans-serif;
	line-height:160%;
	color: #27bbeb;
	float:left;
	display:inline;
}

.blue{
	font:100 normal 14px "kaffeesatz-2",sans-serif;
	line-height:160%;
	color: #27bbeb;
}

.green{
	font:100 normal 14px "kaffeesatz-2",sans-serif;
	line-height:160%;
	color: #d1f12e;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	float:left;
	margin: 0;
	padding: 10px 0px 0px 0px;
	width: 770px;
	display:inline;
}


#content{
	float:left;
	background-color:#FFFFFF;
	border-top: 10px solid #ffffff;
  	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	width: 750px;
	display:inline;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*************** #header styles **************/

#header{
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}


/*************** #title styles **************/

#title{
	background-color:#FFFFFF;
	background-image: url(../bilder/title_off.jpg);
	width: 750px;
	height: 75px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

/*************** #verlauf styles **************/

#verlauf{
	background-color:#FFFFFF;	
	background-image: url(../bilder/hintergrund_content_off.jpg);
	padding: 0px 0px 0px 0px;
}


/************* #Navi styles **************/

#Navi{
	background-color:#FFFFFF;
	background-image: url(../bilder/hintergrund_navi.jpg);
	color: #ffffff;
	font-variant:small-caps;
	width: 700px;
	height: 25px;
	padding: 5px 0px 0px 50px;
}

#Navi a {
	color: #FFFFFF;
	padding: 0px 0px 0px 0px; 
}

#Navi a:hover {
	color: #27bbeb;
	padding: 0px 0px 0px 0px; 
}

/************** .links styles ***************/

.links{
	float:left;
	line-height:160%;
	width:525px;
	display: inline;
}

.links h2{
	text-align: left;
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 0px;		
}

.links h3{
	text-align: left;
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 0px;		
}

.links h4{
	text-align: left;
	border-right:1px dotted #27bbeb;
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 25px;		
}

.links img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0 15px 15px 0;
	border:1px dotted #27bbeb;
	display:inline;
}


/************** .rechts styles ***************/

.rechts{
	line-height:160%;
	margin: 0px 0px 0px 545px;
}

.rechts h2{
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;		
}

.rechts h3{
	text-align: left;
}

.rechts h4{
	text-align: left;
	border-bottom:1px dotted #27bbeb;

}

.rechts img{
	float:left;
	margin: 0 5px 15px 0;
	border:1px dotted #27bbeb;
	display:inline;
}


/************* #siteInfo styles ***************/

#footer{
	float:left;
	background-color:#FFFFFF;
	background-image:  url("../bilder/hintergrund_footer.jpg");
	color: #cccccc;
	width: 750px;
	height: 116px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	display:inline;
}


/************* #siteInfo styles ***************/

#siteInfo{
	float:left;
	background-color:#FFFFFF;
	background-image:  url("../bilder/hintergrund_siteInfo.jpg");
	color: #cccccc;
	width: 700px;
	height: 30px;
	padding: 85px 50px 0px 0px;
	margin-top: 0px;
	margin-left: 0px;
	display:inline;
}


/************* #schattenUnten styles ***************/

#schattenUnten{
	float:left;
	background-image: url(../bilder/schatten_u.jpg);
	width: 750px;
	height: 30px;
	padding: 10px 10px 10px 10px;
	display:inline;
}

/************* #abstandUnten styles ***************/

#abstandUnten{
	float:left;
	width: 750px;
	height: 20px;
	display:inline;
}

/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

#headlines p{
	padding: 0px 0px 0px 0px;
}