/* @override http://www.betterparks.at/fileadmin/layout/default/css/framework/layout.css */

/* A CSS Framework by Mike Stenhouse of Content with Style */


/* @group SITE SPECIFIC LAYOUT */
html {
	background-color: #373a3b;
	min-height: 100%;
	height: auto;
    background: #373a3b url(../../img/bg_page.gif) no-repeat bottom right;	
}

body {
    margin: 0;
    padding: 0;

}
div#page {  
    margin: 0;
    padding: 0 0 0 30px;
	background: url(../../img/bg_body.gif) no-repeat;
	
}
    
    /* @group HEADER */
    div#header {
		width: 920px;
		height: 180px;
        margin: 0 0 35px 0;
        padding: 0;
        
        color: white;
        background: black url(../../img/bg_header.jpg) no-repeat;
        
        text-align: left;
    }
    div#language {
        float: left;
        width: 900px;
        height: 60px;
        
        margin: 0;
        padding: 10px 0 10px 20px;
        
        text-align: left;
    }
    
    div#language a:hover,
    div#homeLink a:hover {
		background-color: transparent;
	}   
    
    div#search {
        float: right;
        width: 49%;
        
        margin: 0;
        padding: 16px 20px 0 0;
        
        text-align: right;
    }
    /* @end */
    
    
    /* @group CONTENT */
    div#content {
        
    }
    
    div#content div.dropShadow {
		background-color: #ffffff;
	}
        
        /* @group MAIN */
        div#main {
			width: 528px;
        
        }
		div#main div.wrapper {		
            padding: 19px 17px 19px 11px;
            background: url(../../img/bg_main.gif) repeat-y;
		}       
		
		
		.csc-textpic {
			background: url(../../img/cms/text-image-bg.gif) repeat-y;
		}
		
		.csc-textpic-text {
			background-color: #fff;
		}
		
		div#main .gallery {
			background: url(../../img/cms/text-image-bg.gif) repeat-y;		
			padding: 0 30px;
		}
		div#main .gallery .image_wrap {
			float:left;
			height:120px;
			margin:4px 4px;
			padding: 1px;
			min-height:150px;
			width:  100px;
			background-color: #191919;
		}
		
		div#main .gallery p{
			color: #fff;
			font-size: 0.9em;
			text-align: center;
		}
		
		.row-odd {
			/*background-color: #e6e6e6;*/
		}
		
		.row-even {
			/*background-color: #e6e6e6;*/
		}		
		
		div#main ul.horizNav {
			list-style: none;
			margin: 0 15px 0 15px;
			line-height: 1em;
			
		}
		
		div#main ul.horizNav li {
			margin-left: 0;
			float: left;
			padding: 0 2px;
		}
		div#main ul.horizNav li a {
			font-size: 10px;
		}
		
		div#main ul.horizNav li a:hover {
			background-color: #cccc33;
		}		
		
        div#mainFooter {
			height: 10px;
			background: url(../../img/bg_mainFooter.gif) no-repeat;    	
		}
        /*  @end */
        
        /* @group SUB */
        div#sub {
			width:  229px;
			
		}
		div#sub h1,
		div#sub h2,
		div#sub h3,
		div#sub h4,
		div#sub h5 {
			margin-left: 0;
		}
		
		div#sub div.wrapper {		
			padding: 19px 48px 19px 20px;	
			background: url(../../img/bg_sub.gif) repeat-y;
		}
		
		div#sub p.bodytext {	
			margin:  1em 0 0.5em 0;
		}
		
		div#sub ul {
			list-style: none;
			margin: 0;
			line-height: 1em;
		}
		
		div#sub ul li {
			margin-left: 0;
		}
		
		/* open */
		div#sub ul li .detail {
			display: block;
			background: url(../../img/feature_open.gif) no-repeat right center;
			height: 18px;
		}
		
		/* closed */
		div#sub ul li .important {
			display: block;
			background: url(../../img/feature_closed.gif) no-repeat right center;
			height: 18px;			
		}	
		
		div#subFooter {	
			height: 10px;
			background: url(../../img/bg_subFooter.gif) no-repeat;    
		}
        
        #ticker a { color: white }
        
        #ttNews-latestTicker {
			margin: 30px 0 0 0; 
			padding: 0; 
			list-style: none; 
			background-color: #373A3B; 
			color: white;
		}
		
		#ttNews-latestTicker li,
		#ttNews-latestTicker p {
			margin:  0;
			padding: 5px 5px 5px 10px;
		}
		
			
        
        /*  @end */
        
        /* @group LOCAL*/
        div#local {
			width: 129px;
		}
        div#local div.wrapper {		
	        padding: 19px 20px 19px 20px;
			background: url(../../img/bg_local.gif) repeat-y;	        
        }
		div#localFooter {
			height: 10px;
			background: url(../../img/bg_localFooter.gif) no-repeat;
		}
        /* @end */
        
        /* @group NAV*/
        div#nav {
			width: 920px;
		}
        /* @end */        
                
    /*  @end */
    
    
    /* @group FOOTER */
    div#footer,
    div#footer a {
        color: white;
       
    }
    div#footer p {
        font-size: 0.8em;
        margin: 0;
        padding: 11px;
    }
    /*  @end */

/* @end */


/* @group NAV */

div#nav {
	font-size: 0.8em;
}

* html div#nav {
/* hide ie/mac \*/
   height: 1%;
/* end hide */
}


div#nav div.wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

div#nav ul {
	width: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}

div#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1em;
	border: none;
	width: 128px;
	text-align: center;
	white-space: nowrap;
}

div#nav li.last {
	border-right: none;
}

div#nav li li {
	width: 152px;
	}

div#nav a,
div#nav a:link,
div#nav a:active,
div#nav a:visited {
	display: inline-block;
	/* hide from ie/mac \*/
	    display: block;
	/* end hide */
	  
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	/*padding: 5px 38px 5px 38px;*/
	color: #ffffff;
	background: transparent;
}

div#nav a:hover {
	text-decoration: underline;
}

div#nav strong {
	display: inline-block;
	/* hide from ie/mac \*/
        display: block;
	/* end hide */       
	color: white;
	background: black;
}

div#nav strong a,
div#nav strong a:link,
div#nav strong a:active,
div#nav strong a:visited,
div#nav strong a:hover {
	color: white;
	background-color: black;
}

/* @end */