/*************************
LAYOUT
**************************/

* /*Set's border, padding an
 margin to 0 for all values*/
{
    padding: 0;
    margin: 0;
}

#left a{padding:0;border:0;}
#right a{padding:0;border:0;}
#content a{padding:0;border:0;}
#header a{padding:0;border:0;}

body, html {
    color: #000; 
    font-family: Arial,Verdana,Helvetica;
    background-color: #fff;
    text-align: center; /*** Centers the design in old IE versions ***/
    height: 100%;
	font-size:12px;
}

body {
    font-size: 100.01%;
}

.clear { clear: both; }

#mainContainer {
    width: 960px;
    margin: 0 auto; /*** Centers the design ***/
    min-height: 100%;
    background-color: #ffffff;
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
    
	background:url(images/mainbg.gif) repeat-x;
}

* html #mainContainer {
    height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


/************* HEADER */

#header {
    padding: 0;
    height: 368px;
	width: 960px;
	position:relative;
	z-index:1;
}

#header #header-searchform{
position:relative;
top:-5px;
}

#header #header-searchform input{
font-size:10px;
border:1px solid #000;
}

#header #header-searchform .feld{
padding-right:0;
margin-right:0;
}


#header #header-searchform .mailbutton{
background:#083244;
color:#fff;
font-weight:bold;
border:0;
padding:0;
margin:0;
}

#header #header-searchform a, a:link, a:visited{
text-decoration:none;
color:#C8C8C0;
font-size:9px;
}

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


#header-top {
	background:url(images/htopbg.gif) repeat-x;
	position:absolute;
	left:0px;
	top:0px;
	color:#fff;
	height:41px;
	width:960px;
	font-size:10px;
}


#header-logo{
	position:absolute;
	left:0px;
	top:215px;
	z-index:5;
}

#header-top .header-top-menu {
	position:absolute;
	top:14px;
	left:20px;
	z-index:2;
}

#header-top .header-top-menu a, a:link, a:visited{
	color:#C8C8C0;
	text-decoration:none;border:0;
	padding:0;
	margin:0;
	font-weight:normal;
}
#header-top .header-top-menu a:hover{
	color:#fff;
	text-decoration:underline;
}

#header-top .header-top-search{
	position:absolute;
	top:14px;
	right:10px;
}

#header-top .header-top-search label{
	color:#C8C8C0;
}

#header-image {
    position:absolute;
	top:41px;
	left:0;
	width: 960px;
	border-top:2px solid #fff;
	border-bottom:3px solid #fff;
}

*html #header-image {
left:-10px;
width: 970px;
}


#header-image img{
    margin-left:-10px;
}

#header-main-menu {
	position:absolute;
	top:322px;
	left:0px;
	width:960px;
	height:44px;
	color:#FFC200;
	background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
	z-index:3;
	border-bottom:3px solid #E2CC84;
}




/************* FOOTER */

#footer {

    width: 960px;
    height: 80px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
    margin: 0 auto;
    margin-top: -80px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
    text-align: right;
	color: #575B57;
	background-color:#E5E9EB;
	font-size:10px;
}

#footer a{
font-weight:normal;
}

#footer-left-content{
float:left;
padding:10px 10px 0 10px;
text-align:left;
clear:right;
}

#footer #footer-content{
float:left;
padding:10px 10px 0 10px;
text-align:left;
}


#footer-right-content{
float:right;
padding:0px 10px 0 10px;
text-align:right;
}

#footer-right-content img{
padding:0;
margin:0;
}

#footer-right-content .csc-textpic-clear{
margin-bottom:0px;
heigth:10px;
clear:both;
}

##################################################



#header-main-menu {
width:750px; 
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
#header-main-menu ul {
padding:0;
margin:0;
list-style-type:none;
margin-left:146px;
}
#header-main-menu ul ul {
width:150px;
}

#header-main-menu ul ul li{
background-image:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header-main-menu li {
float:left;
position:relative;
display:inline;
background-image:url(images/menutrenn.gif);
background-repeat:repeat-x;
margin-left:-2px;

}

/* style the links for the top level */
#header-main-menu a, #header-main-menu a:visited {
display:block;
font-size:10px;
text-transform:uppercase;
text-decoration:none; 
color:#000; 
height:44px;
padding-left:15px; 
padding-right:15px;
line-height:44px;
text-align:center;
margin-right:2px;
margin-left:2px;
background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
font-weight:normal;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html #header-main-menu a, * html #header-main-menu a:visited {
width:auto;
w\idth:auto;
font-size:10px;
display:inline;
}

/* style the second level background */
#header-main-menu ul ul a.drop, #header-main-menu ul ul a.drop:visited {
background:#935D75;

}
/* style the second level hover */
#header-main-menu ul ul a.drop:hover{
background:#fff;
}
#header-main-menu ul ul :hover > a.drop {
background:#fff;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#header-main-menu ul ul {
	visibility:hidden;
	position:absolute;
	bottom:44px;
	left: -147px; 
	width:250px;
	border:0;
}
/* another hack for IE5.5 */
* html #header-main-menu ul ul {
top:29px;
t\op:30px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#header-main-menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#header-main-menu ul ul a, #header-main-menu ul ul a:visited {
background: url(images/alpha.png); 
text-align:left;
font-size:11px;
text-transform:none;
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:250px;
/* yet another hack for IE5.5 */
}
* html #header-main-menu ul ul a{
width:150px;
w\idth:130px;
}


/* style the top level hover */
#header-main-menu a:hover{
color:#000;
background:url(images/menubg_act.gif) repeat-x;
}
#header-main-menu :hover > a{
color:#000;
background:url(images/menubg_act.gif) repeat-x;
}

/* style the top level hover */
#header-main-menu ul ul a:hover{
color:#000; 
background:#FFF8CE;
}
#header-main-menu ul ul :hover > a {
color:#000;
background:#FFF8CE;
}


/* make the second level visible when hover on first level list OR link */
#header-main-menu ul li:hover ul,
#header-main-menu ul a:hover ul{
visibility:visible; 
}


.dropact{color:#fff;}

#header-main-menu  .menu-act a{
background:url(images/menubg_act.gif) repeat-x;
}




/*************************
INHALTE
**************************/

h1{
	font-size:16px;
	padding:4px 0 8px 0;
	margin-bottom:0px;
}

h2{
	font-size:14px;
	padding-bottom:2px;
}

h3{
	font-size:12px;
	padding-bottom:0px;
}

p {
	padding-bottom:10px;
}

ul {
margin-left:25px;
}

ol {
margin-left:30px;
margin-bottom:15px;
}

a, a:link, a:visited{
font-size:11px;
color:#214C60;
text-decoration:none;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

fieldset{

padding:10px;
}

label{
display:block;
font-weight:bold;
margin-top:3px;
}

.csc-textpic-imagewrap img{
margin-left:0;
margin-bottom:10px;
}

.csc-frame-rulerAfter{
height:2px;
border-bottom:1px solid #aaaaaa;
margin: 0 0 5px 0;

}
.csc-frame-frame1{
border:1px solid #aaaaaa;
margin: 5px 0;
padding:10px 5px;
background:khaki;
}
.csc-frame-frame2{
border:1px solid #aaaaaa;
margin: 5px 0;
padding:10px 5px;
background:beige;
}



.align-right{
text-align:right;
}

.csc-header{
margin-bottom:0;
padding-bottom:0;
}

h1.csc-firstHeader{
font-size:16px;
margin:0;
padding:4px 0 8px 0;
}

.csc-mailform-submit{
background:#00476A;
border:1px solid #000;
color:#fff;
float:right;
margin:5px
}


.csc-menu{
text-transform:uppercase;
}

.csc-sitemap ul{
list-style-type:none;
}

.csc-sitemap ul li{background:khaki;
width:120px;
margin-bottom:10px;
padding:5px;
}

.csc-sitemap ul ul{
margin-left:0px;
margin-top:-18px;
}

.csc-sitemap ul ul li{background:beige;
width:140px;
margin-left:130px;
margin-bottom:1px;
padding:5px;
}

.csc-sitemap ul ul ul li{background:darkkhaki;
width:140px;
margin-left:150px;
margin-bottom:1px;
padding:5px;
}


.rand {width:200px; margin:0 0 10px 0;overflow:hidden;}
.o1, .o2, .o3, .o4, .u1, .u2, .u3, .u4 {display:block; overflow:hidden;}
.o1, .o2, .o3, .u1, .u2, .u3 {height:1px;}

.o1 {margin:0 4px; background:#E2CC84;}
.u1 {margin:0 5px; background:#E2CC84;}

.o2, .u2 {margin:0 3px; border-width:0 2px;}
.o2 {background:#FFF4AD; border-left:1px solid #E2CC84; border-right:1px solid #E2CC84;}
.u2 {background:#F9EA78; border-left:1px solid #E2CC84; border-right:1px solid #E2CC84;}

.o3, .u3 {margin:0 2px;}
.o3 {background:#FFF4AD; border-left:1px solid #E2CC84; border-right:1px solid #E2CC84;}
.u3 {background:#F9EA78; border-left:1px solid #E2CC84; border-right:1px solid #E2CC84;}

.o4, .u4 {height:2px; margin:0 1px;}
.o4 {background:#FFF4AD; border-left:1px solid #E2CC84; border-right:1px solid #E2CC84;}
.u4 {background:#F9EA78; border-left:1px solid #E2CC84; border-right:1px solid #E2CC84;}

.innen {color:#3B3B3B;font-size:12px;display:block; padding:0 5px 0 10px; background:url(images/leftmenuheader_bg.gif) repeat-x center; border-left:1px solid #E2CC84; border-right:1px solid #E2CC84;}
.innen-text{background:url(images/leftmenuheaderh1_bg.gif) no-repeat center left;padding-left:15px;}

.rand p {margin:0;padding:3px;}


.csc-textpic-caption{
font-size:10px;
color:#666;
}

###########################################
########## NEWS


.news-latest-item {
width:100%;
text-align:left;
display:block;
}
.news-latest-item p{
padding:0;
margin:0;
display:block;
}
.news-latest-morelink{
float:right;
width:100%;
text-align:right;
display:block;
}
.news-single-img{
float:right;
}

.news-single-timedata{
display:none;
}

.news-single-author{
display:none;
}
.news-list-item {
width:100%;
height:120px;
text-align:left;
display:block;
margin-bottom:15px;
padding-bottom:5px;
clear:both;
border-bottom:1px solid #aaaaaa;
}

.csc-frame-indent6633{
float:left;
width:380px;
}
.csc-frame-indent3366{
float:right;
}


#left-menu {
margin-bottom:15px;
}

#left-menu ul li{
border:0;
}


.news-list-image{
float:left;
margin-right:10px;
}

.csc-textpic{
margin-bottom:10px;
}

ul.left-menu-first-level {
#list-style-image: url(www.naturschutzzentrum.at/fileadmin/nsz/images/sub_li_1.gif);
list-style:disc;
}
ul.left-menu-second-level {
#list-style-image: url(www.naturschutzzentrum.at/fileadmin/nsz/images/sub_li_1.gif);
list-style:disc;
}
ul.left-menu-third-level {
#list-style-image: url(www.naturschutzzentrum.at/fileadmin/nsz/images/sub_li_1.gif);
list-style:disc;
}