/* CSS Document | Olivia Engelen | www.olivia-engelen.de */

/* CSS Document | Olivia Engelen | www.olivia-engelen.de */


/* TAGS */

body{
	margin:0px;
	padding:0px;
	border:none;
	background-image:url(../images/basics/bg_pattern.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#2d2d2d;
	line-height:100%;
}


H1{
	color:#FF0042;
}

H2{
	font-size:1.0em;
	color:#FF0042;
}

a{
	color:#FF0042;
	text-decoration:none;	
		outline-style: none;	
}

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

li{
	list-style-image:url(../images/basics/li_element.gif);
}

/* DIVS */

#CONTAINER{
	text-align:left;
	width:1000px;
	font-size:0.7em;
}

#HEADER{
	width:990px;
	margin:0px 0px 0px 25px;
	
}

#HELLO{
	background-image:url(../images/basics/hi.jpg);
	background-repeat:no-repeat;
	height:120px;
	margin:25px 0px 0px 0px;
	width:460px;
	float:left;
}

#NAVI{
	margin:0px 50px 0px 0px;
	padding-top:116px;
	width:460px;
	float:right;
}


#accordion{
	margin:0px 0px 0px 25px;
	padding:25px 0px 0px 0px;
	clear:both;
	width:990px;
	z-index:1;
}

#COL1{
	width:460px;
	float:left;
	margin:0px 0px 0px 0px;
	z-index:1;
	
}

#COL2{
	margin:0px 50px 0px 0px;
	width:460px;
	float:right;
	z-index:1;
}

.HEADING{
	border-bottom: 1px solid transparent;
	*border-bottom: none;
	*margin-bottom:-1px;
}



#FOOTER{
	height:21px;
	width:100%;
	margin:0px 0px 0px 0px;
	background-image:url(../images/basics/footer.gif);
	background-repeat:no-repeat;	
	background-color:#FF0042;
	position: fixed; 
	bottom: 0px;
	z-index:3;
}

.footer_text{
	font-size:0.7em;
	margin-left:370px;
	color:#ffffff;
}

.footer_text a{
	color:#ffffff;
}

.img_border{
	border-bottom:1px solid #333333;
}


#PRELOADER{
	display:none;
}

.abstand_thumbs{
	margin:0px 10px 10px 0px;
	border:1px solid #00ff96;
}

.abstand_thumbs:hover{
	border:1px solid #ff0042;
}


.abstand_thumbs_2{
	margin:0px 10px 10px 0px;
	border:1px solid #00ff96;
}

.content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	width:431px;
	padding:10px;
}

/* NAVI */

#NAVI ul{
	margin:0px;
	padding:0px;
}

#NAVI li{
	display:inline;
	line-height:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	list-style-image:none;
}

/**** styling NAVI Home ****/
.navi_home{
	float:left;
}

.navi_home span {
	display:none;
}
.navi_home:link, .navi_home:visited {
	display:			block;
	width:				99px;
	height:				28px;
	background:			url(../images/basics/home.jpg);
	border:none;
}

.navi_home:hover, .navi_home:active, .navi_home:focus {
	background-image:	url(../images/basics/home_over.jpg);
	border:none;
}


.navi_home_active{
	display: block;
	width: 99px;
	height: 28px;
	background: url(../images/basics/home_over.jpg);
	border:none;
	float:left
}

.navi_home_active span {
	display:none;
}

/**** styling NAVI contact ****/
.navi_contact{
	float:left;
	margin-left:10px;
}

.navi_contact span {
	display:none;
}
.navi_contact:link, .navi_contact:visited {
	display:			block;
	width:				91px;
	height:				28px;
	background:			url(../images/basics/contact.jpg);
	border:none;
}

.navi_contact:hover, .navi_contact:active, .navi_contact:focus {
	background-image:	url(../images/basics/contact_over.jpg);
	border:none;
}


.navi_contact_active{
	float:left;
	display:			block;
	width:				91px;
	height:				28px;
	background:			url(../images/basics/contact_over.jpg);
	border:none;
	margin-left:10px;
}

.navi_contact_active span {
	display:none;
}


/**** styling NAVI links ****/
.navi_links{
	float:left;
	margin-left:10px;
}

.navi_links span {
	display:none;
}
.navi_links:link, .navi_links:visited {
	display:			block;
	width:				60px;
	height:				28px;
	background:			url(../images/basics/links.jpg);
	border:none;
}

.navi_links:hover, .navi_links:active, .navi_links:focus {
	background-image:	url(../images/basics/links_over.jpg);
	border:none;
}


.navi_links_active{
	float:left;
	display: block;
	width: 60px;
	height: 28px;
	background:url(../images/basics/links_over.jpg);
	border:none;
	margin-left:10px;
}



.navi_links_active span {
	display:none;
}

/**** styling NAVI references ****/
.navi_references{
	float:left;
	margin-left:10px;
}

.navi_references span {
	display:none;
}
.navi_references:link, .navi_references:visited {
	display:			block;
	width:				114px;
	height:				28px;
	background:			url(../images/basics/references.jpg);
	border:none;
}

.navi_references:hover, .navi_references:active, .navi_references:focus {
	background-image:	url(../images/basics/references_over.jpg);
	border:none;
}


.navi_references_active{
	float:left;
	display:			block;
	width:				114px;
	height:				28px;
	background:			url(../images/basics/references_over.jpg);
	border:none;
	margin-left:10px;
}

.navi_references_active span {
	display:none;
}


/**** styling NAVI rss ****/
.navi_rss{
	float:left;
	margin-left:28px;
}

.navi_rss span {
	display:none;
}
.navi_rss:link, .navi_rss:visited {
	display:			block;
	width:				31px;
	height:				28px;
	background:			url(../images/basics/rss.jpg);
	border:none;
}

.navi_rss:hover, .navi_rss:active, .navi_rss:focus {
	background-image:	url(../images/basics/rss_over.jpg);
	border:none;
}


.navi_rss_active{
	float:left;
	display:			block;
	width:				31px;
	height:				28px;
	background:			url(../images/basics/rss_over.jpg);
	border:none;
	margin-left:10px;
}

.navi_rss_active span {
	display:none;
}





/* ACCORDION*/
.toggler {
	display: block;
	height: 28px;
	width: 430px;
	background-repeat:no-repeat;
	padding: 0 14px 0 7px;
	line-height: 220%;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size:1.1em;
	color: #ffffff;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	margin: 0 0 0 0;
}



div#COL1 .toggler {
	background-image:url(../images/r_accordion_toggle.jpg);
}


div#COL1 .toggler:hover {
	background-image:url(../images/g_accordion_toggle.jpg);
}


div#COL2 .toggler {
	background-image:url(../images/g_accordion_toggle.jpg);
}

div#COL2 .toggler:hover {
	background-image:url(../images/r_accordion_toggle.jpg);
}

.element {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	width:451px;
}

div#COL1 .selected {
	background-image:url(../images/r_accordion_toggle_active.jpg);
	cursor:default;
}

div#COL2 .selected {
	background-image:url(../images/g_accordion_toggle_active.jpg);
	cursor:default;
}



.accordion_toggle_active {
	background-repeat:no-repeat;
	color: #ffffff;
	border-bottom: 1px solid transparent;
}




#submitter {
	height: 44px;
	width: 114px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	cursor:pointer;
	display:block;
	background-color: transparent;

}