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


/* TAGS */

body{
	margin:0px;
	padding:0px;
	border:none;
	background-color:#5e5e5e;
	background-color:#ffffff;
	background-image:url(../images/basics/bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#2d2d2d;
	line-height:120%;
}

H1{
	font-size:24px;
	color:#02b8ff;
	font-weight:normal;
}

H2{
	font-size:1.0em;
	color:#2d2d2d;
	margin-bottom:-0.1em;
}

H3{
	font-size:1.0em;
	color:#2d2d2d;
	margin-bottom:-0.0em;
	margin-top:-0.1em;
}

H4{
	font-size:18px;
	color:#02b8ff;
	font-weight:normal;
}


a{
	color:#ff027f;
}

a:hover{
	color:#000000;
	text-decoration:none;
	border-bottom:none;
}

a:visited{
	color:#a70053;
}


/* IDs */

#CONTAINER{
	text-align:left;
	margin:0px auto 0px auto;
	width:845px;
	background-color:#e2e2e2;
	background-image:url(../images/basics/content_bg.gif);
	background-repeat:repeat-x;
	border:1px solid #cfcfcf;
	border-top:none;
	font-size:0.8em;
}

#HEADER{
	width 840px;
	height:80px;
}
    
#LOGO{
	background:url(../images/basics/logo.jpg);
	background-repeat:no-repeat;
	width:376px;
	height:60px;
	float:left;
	margin:12px 0px 0px 25px;
	
}
        
#USER{
	width:160px;
	height:70px;
	font-size:0.85em;
	margin-left:527px;
	*margin-left:500px;
	padding-top:4px;
}

#USER_LOGGED{
	width:160px;
	height:70px;
	font-size:0.85em;
	margin-left:660px;
	padding-top:13px;
}


#NAVI{
	width:815px;
	height:25px;
	background-color:#5e5e5e;
	margin: 10px 0px 0px 15px;
	color:#ffffff;
	background-image:url(../images/basics/bg25.gif);
	background-repeat:repeat-x;
}
    
#CONTENT_CONTAINER{
	width:810px;
	margin:15px 0px 0px 30px;
}
    	
#CONTENT{
	float:left;
	width:600px;
}
        
#SUBNAVI{
	width:185px;
	float:left;
	margin:0px 0px 0px 20px;
}

.BOX_HEADING{
	width:180px;
	height:25px;
	color:#02b8ff;
	font-size:12px;
	background-color:#5e5e5e;
	background-image:url(../images/basics/bg25.gif);
}

.BOX_CONTENT{
	background-color:#ececec;
	background-repeat:repeat-x;
	border:1px solid #cfcfcf;

	width:168px;
	padding:5px;
	margin-bottom:5px;
	font-size:0.85em;
	line-height:140%;
}

.BOX_CONTENT a{
	color:#02b8ff;
	border:none;
	text-decoration:none;
}

.BOX_CONTENT a:hover{
	color:#2d2d2d;
	border:none;

}


.BOX_HEADING_POSITION{
	margin:0px 0px 0px 10px;
	position:relative;
	top:3px;
}

#AD{
	clear:both;
	width:815px;
	height:103px;
	background-image:url(../images/basics/ad.gif);
	margin: 10px 0px 15px 15px;
}

#FOOTER{
	width:815px;
	height:25px;
	background-color:#5e5e5e;
	margin: 10px 0px 15px 15px;
	font-size:0.85em;
	clear:both;
	background-image:url(../images/basics/bg25.gif);
	background-repeat:repeat-x;
}


.BOX_CONTENT_MAG{
	background-color:#ececec;
	background-repeat:repeat-x;
	border:1px solid #cfcfcf;
	width:588px;
	padding:5px;
	margin-bottom:5px;
	line-height:160%;
}

.BOX_CONTENT_ARCHIV{
	font-size:0.85em;
	line-height:140%;
}

.BOX_CONTENT_ARCHIV a{
	background-color:#ececec;
	background-repeat:repeat-x;
	border:1px solid #cfcfcf;
	display:block;
	width:140px;
	height:18px;
	padding:5px;
	color:#5e5e5e;
	text-decoration:none;
}

.BOX_CONTENT_ARCHIV a:hover{
	color:#ffffff;
	display:block;
	border:none;
	background-color:#02b8ff;
	border:1px solid #cfcfcf;

}

/* Navi */

#NAVI ul{
	margin:0px;
	padding:0px;
	padding-top:2px;
}

#NAVI li{
	list-style:none;
	display:inline;
	padding:0px 10px 0px 15px;
}

#NAVI li a{
	color:#ffffff;
	border:none;
	text-decoration:none;
}

#NAVI li a:hover{
	color:#02b8ff;
	border:none;
}

#NAVI li .active{
	color:#02b8ff;
	border:none;
}

/* Footer */

#FOOTER ul{
	margin:0px;
	padding:0px;
	padding-top:2px;
}

#FOOTER li{
	list-style:none;
	display:inline;
	padding:0px 10px 0px 15px;
}

#FOOTER li a{
	color:#ffffff;
	border:none;
	text-decoration:none;
}

#FOOTER li a:hover{
	color:#02b8ff;
	border:none;
}


/**** styling aufklappen ****/
.aufklappen a{
	/*color:#ffffff;
	background-color:#5e5e5e;
	display:block;
	width:600px;
	height:25px;
	border:none;
	text-decoration:none;*/
	
	background-color:#ececec;
	background-repeat:repeat-x;
	border:1px solid #cfcfcf;
	display:block;
	width:588px;
	height:25px;
	padding:5px;
	color:#5e5e5e;
	text-decoration:none;
}

.aufklappen a:hover, .aufklappen a:active, .aufklappen a:focus{
	color:#ffffff;
	display:block;
	border:none;
	background-color:#02b8ff;
	border:1px solid #cfcfcf;
}

.aufklapp_pos{
	position:relative;
	left:5px;
	top:2px;
}



/**** styling article ****/
.article{
	width:600px;
	background-color:#d1d1d1;
	border-top:1px solid #ffffff;
	line-height:110%;
}

.cover{
	width: 63px;
	float:left;
	margin:5px 0px 0px 5px;
}

.cover_border{
	border:1px solid #2d2d2d;
}

.cover_border:hover{
	border:1px solid #ff027f;
}

.teaser{
	font-size:0.85em;
	margin:0px 5px 0px 0px;
	*margin-top:4px;

}

.ausgabe{
	font-size:0.8em;
}

.contact{
	margin:0px 0px 0px 322px;
	position:relative;
	top:60px;
}

.contact a{
	color:#ffffff;
	border:none;
	text-decoration:none;
}

.contact a:hover{
	color:#02b8ff;
	border:none;
}

.trenner{
	background-image:url(../images/basics/p_trenner.gif);
	width:143px;
	height:3px;
}


/* input */

div .abschicken input{
	background-image:url(../images/basics/input.jpg);
	height:25px;
	border:0px;
	color:#ffffff;
	font-size:11px;
}



div .abschicken input:hover{
	background-image:url(../images/basics/input_hover.jpg);
	height:25px;
	border:0px;
	color:#ffffff;
	cursor:pointer;
}



a, input{

	outline-style: none;

}


.abschicken02 input{
	background-image:url(../images/basics/input.jpg);
	height:20px;
	border:0px;
	color:#ffffff;
	font-size:11px;
}



.abschicken02 input:hover{
	background-image:url(../images/basics/input_hover.jpg);
	height:20px;
	border:0px;
	color:#ffffff;
	cursor:pointer;
}