/* CSS Document */
body {
  	font-family: Verdana,sans-serif;
  	color: #666666;
  	margin:0px;
  	background-image:  url(../images/hg.jpg);
}

a{
	color: #666666
	text-decoration: none;
}

a:link{
	color: #666666;
	text-decoration: none;
}

a:visited{
	color: #666666;
	text-decoration: none;
}

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

h1{
 	font-family: Verdana,sans-serif;
 	font-size: 120%;
 	color: #666666;
 	margin: 0px;
 	padding: 5px 0px 5px 10px;
}

h2{
 	font-family: Verdana,sans-serif;
 	font-size: 114%;
 	color: #666666;
 	margin: 0px;
 	padding: 0px;
}

h3{
 	font-family: Verdana,sans-serif;
 	font-size: 100%;
 	color: #e42322;
}

h4{
 	font-family: Verdana,sans-serif;
 	font-size: 100%;
 	font-weight: bold;
 	color: #666666;
 	margin: 0px;
 	padding: 0px;
}

h5{
 	font-family: Verdana,sans-serif;
 	font-size: 100%;
 	color: #666666;
 	margin: 0px;
 	padding: 0px;
}

ul{
 	list-style-type: square;
}

ul ul{
 	list-style-type: disc;
}

ul ul ul{
 	list-style-type: none;
}

label{
	font-family: Arial,sans-serif;
 	font-size: 100%;
 	font-weight: bold;
 	color: #666666;
}

/************* #Typo styles **************/

.bold{
	font-weight: bold;
}

.red{
	color: #e42322;
	font-weight: bold;
	font-size: 70%;
	}

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

#head{
         margin: 0px;
         height: 115px;
         text-align: left;
         background-color: #e42322;
}
#head .brand p{
	margin: 0px;
	padding-top: 10px;
	color: #FFFFFF;
	font-size: 140%;
}
#head .brand img{
	float: left;
	padding-left: 14px;
	padding-right: 20px;
}

#content{
         width: 830px;
         margin-left: 16px;
         background-color: #FFFFFF;
}

#content .content-left{
         width: 530px;
         background-color: #FFFFFF;
}

#content .content-right{
         width: 290px;
         background-color: #FFFFFF;
         float: right;
}
#content .foot{
         font-size: 65%;
		 color: #669acd;
		 padding: 10px 0px 10px 0px;
		 text-align: center;
         background-image:  url(../images/hg.jpg);
}

/************* #Nav styles **************/

#Nav{
         width: 830px;
         height: 23px;
		 margin-left: 16px;
         margin-top: 16px;
		 border-bottom-color: #e42322;
		 border-bottom-style: solid;
		 border-bottom-width: 5px; 
}

#Nav a {
		font-size: 70%;
		font-color: #757575;
		text-decoration: none;
}

.navi {
		width: 106px;
		height: 19px;
		background-image: url(../images/navi-hg.jpg);
		float: left;
		margin-right: 2px;
		
		padding-top: 4px;
		text-align: center;
		
		font-weight: bold;
}
.navi-aktiv {
		width: 106px;
		height: 19px;
		background-image: url(../images/navi-aktiv.gif);
		float:left;
		margin-right: 2px;
		
		padding-top: 4px;
		text-align: center;
		
		font-size: 75%;
		font-weight: bold;
		color: #FFFFFF;
}
.navi-text {
		height: 19px;
		float: right;
		padding-right: 15px;
		font-size: 100%;
}
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	height: 50px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	text-transform: uppercase;
	color: #FFFFFF;

}

/************* #breadCrumb styles *************/

#siteMap{
		font-size: 80%;
		padding: 5px 0px 5px 10px;

		margin-left: 16px;
		background-color: #FFFFFF;
		padding-left: 16px;
		width: 814px;
}

/*************** #pageName styles **************/

#pageName{
         width: 814px;
         font-size: 90%;
		 padding-left: 16px;
		 padding-top: 15px;
		 padding-bottom: 12px;
         margin-left: 16px;
         background-color: #FFFFFF;
}

/************** Gestaltungs-Raster styles ***************/

/************* Sicherheit *************/
.security{
         width: 280px;
         height: 165px;
         background-color: #F1F1F1;
}

.security h3{
         color: #666666;
         text-align: left;
         font-size: 80%;
         padding: 8px 0px 0px 10px;
}

.security p{
         font-size: 70%;
         padding: 0px 8px 10px 10px;
}
/************* Aktuell *************/
.current{
         width: 270px;
         height: 135px;
         font-size: 70%;
         padding: 10px 0px 10px 8px;
         background-color: #FFFFFF;

         border-style: solid;
         border-width: 1px;
         border-color: #e42322;
}

.current-head{
         width: 65px;
         font-size: 80%;
         color: #e42322;
         text-align: center;

         background-color: #FFFFFF;

         border-left-style: solid;
         border-left-width: 1px;
         border-left-color: #e42322;
         border-right-style: solid;
         border-right-width: 1px;
         border-right-color: #e42322;
         border-top-style: solid;
         border-top-width: 1px;
         border-top-color: #e42322;
}

.current p{
	padding: 0px 8px 10px 10px;
    font-size: 70%;
}
/************** .ad styles *****************/
.ad{
		width: 280px;
		background-color: #FFFFFF;
		margin-bottom: 10px;
		text-align: center;
		height: auto;

}
/************** .story styles *****************/

.story{
		padding: 0px 0px 0px 16px;
		font-size: 80%;
		background-color: #FFFFFF;
}

.story p{
		padding: 0px 20px 10px 0px;
}
/************* .aticle ***************/
.article{
		padding: 0px 20px 10px 16px;
		font-size: 80%;
		background-color: #FFFFFF;
}

.article p{
		padding: 0px 0px 0px 0px;
}
.article img{
         width: 150px;
         height: 101px;
         padding: 0px 10px 0px 0px;
		 float: left;
}