/***********************************************/
/* film.css                             */
/* Drei Spalten Layout          */
/***********************************************/

/***********************************************/
/* OMS Styles                                  */
/***********************************************/ 

#oms {text-align:justify;}
#oms h1, h2, h3 {margin-top:5px; margin-bottom:10px;}
.alignCenter{text-align: center;}



/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
* {
	margin: 0;
	padding: 0;
}

body{
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 120%;
	margin: 0;
	padding: 0;
	background: #fff url(../dats_seite_index/hg_body.jpg) 330px 0 no-repeat;
}

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

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

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

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

a img{
	border: 0 none;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #336633;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #336633;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #336633;
}

h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #999966;
}


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

#container{
    color: #333;
	width: 100%;
	margin: 0 auto;
	background: url(../dats_seite_index/pic_hg_container.gif) 0 98px no-repeat;
}

#header{
    margin: 0;
	padding: 0;
	width: 100%;
}

#headlines_left{
	float: left;
	width: 300px;
	margin: 75px 0 0 0;
	padding: 0;
}

#headlines_left img{
	float: right;
}

#headlines_right{
    float: right;
	width: 180px;
	margin: 0;
	padding-top: 95px;
}

#content{
	float: left;
	width: 500px;
	margin: 0;
	padding-top: 10px;
	background: url(../dats_seite_index/hg_content.gif) 0 100% no-repeat;
}

/*------------- #nav styles ---------------*/
#nav {
	position: absolute;
	top: 45px;
	right: 35px;
	font-size: 0.8em;
}

#nav li{
	display: inline;
}

#nav a {
	text-decoration: none;
	display: block;
	float: left;
	padding: 3px 3px;
	color: #666;
	line-height: 1.5em;
}

#nav a:hover {
	color: #3366cc;
}

/***********************************************/
/* Components                                  */
/***********************************************/


/************* #globalNav styles **************/

#globalNav{
	margin: 0;
	padding: 0 10px 3px 0;
	text-align: right;
	font-size: 0.75em;
	color: #336633;
	background: #B6B692;
}

#globalNav a {
	color: #336633;
}

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

/************** .feature styles ***************/

.feature{
    clear: both;
	padding: 5px 10px 0 10px;
	margin: 0;
	font-size: 0.75em;
}

.feature p{
	padding: 0 0 5px 0;
}

.feature h1{
	padding: 10px 0 0 0;
}

.feature img{
	float: left;
	padding: 0 0 15px 0;
}

/*********** .story_left styles ***********/

.story_left{
	clear: both;
	font-size: 0.8em;
	margin: 0 10px 10px 10px;
	padding: 5px 10px 10px 10px;
	border: #999 1px solid;
	background: #F1F4F8;
}

.story_left h3{
	padding: 0 0 0.5em 0;
}

/************** .story_left_punkt styles *****************/

.story_left_punkt{
    clear: both;
	padding: 5px 10px 20px 10px;
	margin: 0;
	font-size: 0.75em;
}

.story_left_punkt h3{
	padding: 0 0 0 15px;
}

.story_left_punkt p{
	padding: 0 0 5px 15px;
	background: url(../dats_seite_index/ico_punkt_gruen.gif) 0 6px no-repeat;
}

.story_left_punkt img{
	float: left;
}


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

.lese_rechts {
	text-align: right;
	padding: 0 10px 0 0;
}

/************** .bno_left styles *****************/

.bno_left{
    clear: both;
	font-size: 0.8em;
	margin: 30px 0 0 0;
	padding: 0 0 10px 17px;
}


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

#footer_startseite{
	clear: both;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 1px 0 3px 0;
	font-size: 0.75em;
	color: #fff;
	background: #B6B692;
}

#footer_startseite a {
	color: #fff;
}

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

/*********** .relatedLinks styles ***********/

.relatedLinks{
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #666;
}

.relatedLinks p{
    padding: 0 0 5px 0;
	font-weight: bold;
	line-height: 1.8em;
}

.relatedLinks a{
	padding: 0 0 3px 13px;
	background: url(../dats_seite_index/ico_punkt_gelb.gif) 0 50% no-repeat;
}

.relatedLinks img{
	float: left;
	padding: 20px 5px 0 0;
}

/*********** .shopLinks styles ***********/

.shopLinks{
	clear: both;
	position: relative;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 0.8em;
	color: #666;
}

.shopLinks p{
    padding: 0;
}

.shopLinks a{
	padding: 0;
}

.shopLinks img{
	float: left;
}

/*********** .farb styles ***********/

.gruen{
	color: #336633;
}