/*
###########################################
## Basis Layout
###########################################
*/

/*
  shortCSS
  ----------------------------------------------------------
  background: #f00 url(bild.gif) no-repeat top left;
  font: normal 12px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
*/

/*
------------------------------------------
Global Reset
------------------------------------------
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td  
{
    margin: 0; padding: 0; 
}

/*
------------------------------------------
Headlines
------------------------------------------
*/

h1{
    font: normal 24px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 18px;
    color: #0066ff;
}

h2{
    font: normal 14px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 20px;
    color: #131313;
}

h3{
    font: normal 12px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 10px;
    color: #131313;   
}

h4{
    font: bold 12px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 5px;
    color: #131313;   
}

/*
------------------------------------------
Links
------------------------------------------
*/

#content a, #content a:link, #content a:visited
#sidebar a, #sidebar a:link, #sidebar a:visited{
    color: #0066ff;
    text-decoration: none;
}

#content a:hover,
#sidebar a:hover{
    text-decoration: underline;
}

#content a:focus
{
    outline: none;
}

.invisible {
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}


/*
------------------------------------------
Images
------------------------------------------
*/

img, a img{
    border: 0px;
    display: block;
}

.caption{
	font: normal 11px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
  	color: #131313;
	margin-top: 10px;
}

img.mime_icon{
	display: inline;
	float: left;
	margin-right: 5px;
}

/*
------------------------------------------
 Standard elements
------------------------------------------
*/

#container p{
  font: normal 12px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
  color: #131313;
  margin-bottom: 15px;
    
}

ul{
    margin-bottom: 10px;
	margin-left: 16px;
}

li{
    font: normal 12px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
  	color: #131313;
	margin-bottom: 10px;
}

/*
------------------------------------------
Layout Styles
------------------------------------------
*/

html{
    
}

html>body{
    font-size: 12px;
}

body{
    font-size: 75%;
	text-align: center;
	background: #fff url(../_img/layout/bg_body.jpg) repeat top left;
}

#wrapper{
    margin: 0 auto;
    width: 940px;
	text-align: left;
}

#header{
    clear: both;
	width: 940px;
	height: 160px;
	background: url(../_img/layout/bg_header.png) no-repeat top left;
	margin-top: 50px;
}

#logo{
    padding: 50px 0px 0px 60px;
}

#container{
    clear: both;
	background: url(../_img/layout/bg_container.png) repeat-y top left;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	overflow: auto;
	padding-bottom: 30px;
}

#left{
    float: left;
	display: inline;
	width: 225px;
}

#navi{
    padding: 9px 0px 0px 50px;
}

#navi ul{
    margin-top: 0px;
}

#navi ul li{
	list-style-type: none;
	font: normal 14px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
	color: #131313;
	margin-bottom: 20px;
}

#navi ul li a,
#navi ul li a:visited{
	text-decoration: none;
	color: #131313;
	padding-left: 15px;
}

#navi ul li a:hover{
	color: #0066ff;
}

#navi ul li span{
	padding-left: 15px;
	background: #fff url(../_img/layout/nav_active.jpg) no-repeat 0px 3px;
}

#right{
    float: left;
    display: inline;
	width: 715px;
}

#content{
    float: left;
    display: inline;
	width: 390px;
	padding: 0px 50px;
}

#sidebar{
    float: right;
    display: inline;
	width: 205px;
	padding: 10px 0px 0px 20px;
}

#footer{
    clear: both;
	width: 940px;
	height: 50px;
	background: url(../_img/layout/bg_footer.png) no-repeat top left;
	margin-bottom: 30px;
}

/*Gallery*/
div.ce_gallery{
	margin-top: 40px;
}

/*Downloads*/
#container div.ce_downloads p{
	margin-bottom: 3px;
}