DIV.ccgalerie {
width:100%;
}

.body {
	text-align:center;
	padding:0;
	margin:0;
	background: white;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:160%;}

a:link, a:visited { text-decoration: underline; color: #c5158d;}
a:active { text-decoration: underline overline;	color: #c5158d; }
a:hover { text-decoration: none; color: #c5158d; }

div.hr { 
	background-color:#CCC;
	color:#CCC;
	border: #CCC;
	height: 1px;
	font-size: 1px;
}




/* logo
----------------------------------------------- */ 

div#logorahmen
{
	padding:0px;
	margin:0px;
	z-index:2;
	position:relative;
}

div#logorahmen h1#logo a
{
	padding: 0px ;
	height: 133px;
	width: 133px;
	z-index:1;
	position: absolute;
	top: 80px;
	left: 150px;
	background: url(http://www.creasolar.com/img/logo.gif) no-repeat;
	font: 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#999;
	border: 0px;
}

h1#logo a span { display:none; }
h1#logo a:hover span { display:inline; }

/*  Typo
----------------------------------------------- */ 

H1 {
	font-size:22px;
	font-weight:bold;
	color:  #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
}

H2 {
	font-size:14px;
	font-weight:bold;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#footer{color: white;}

div#footer .gutter{ color:white; }

div#contentfooter,
div#contentfooter a
{
	color:white;
}


/*  CSS Layout
----------------------------------------------- */

div#container
{
	width:950px;
	margin:auto; 
	text-align:left;
	color:#666;
}


div#content
{
	float:left;
	width:550px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:80px;
}


div#sidebarr
{
	float:right;
	clear:right;
	width:172px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #ccc;
	height:100%;
	padding: 20px 0 0 0;
}

div#sidebar
{
	float:left;
	clear:left;
	width:222px;
	padding: 20px 0 0 0;
	text-align:left;
	border-right: 1px solid #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#footer
{
	clear:both;
	width:100%;
	background-color: #c5158d;
}

.balken{ 
	width: 100%;
	height:25px;
	background-color: #c5158d;
}


/* gutter */

div#content .gutter { padding: 20px 10px 0 10px; }
div#sidebar .gutter, div#sidebarr .gutter { padding: 5px; }
div#footer .gutter{ padding: 50px 10px 10px 10px; }


/*  MainNav Level 1
----------------------------------------------- */

.shownav img { float:left; border:0px; display:block;}

ul#mainNav1
{
	text-align: left;
	margin: 0px;
	padding: 0 10px 20px 0px; 
	display: block;
	text-decoration: none;
	color: #666;
	list-style: outside none;
	list-style-type:none;

}


ul#mainNav1 li a,
ul#mainNav1 li a:visited
{
	display: block;
	margin:0px;
	padding: 10px 3px 10px 25px;
	font: bold 12px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-top: solid 1px #ccc;
	color: #666;
	list-style: none;
}


ul#mainNav1 li a.current
{
	margin:0px;
	padding: 10px 3px 10px 25px;
	text-decoration: none ;
	font-weight:bold;
	color: #666;
	
	background: url(http://www.creasolar.com/img/li-mainnav.gif) center left no-repeat;

	
}

ul#mainNav1 li a:hover
{
	margin:0px;
	padding: 10px 3px 10px 25px;
	text-decoration: none ;
	font-weight:bold;
	color: #666;
	border-top: solid 1px #ccc;
	background: url(http://www.creasolar.com/img/li-mainnav.gif) center left no-repeat;
}



/*  SunbNav Level 2
----------------------------------------------- */

ul#mainNav2
{
	margin: 0px;
	padding: 0 0px 10px 0px; 
	display: block;
	list-style: outside none;
	border: 0px;

}

ul#mainNav2 li
{
	display: block;
	border: 0px;
	padding: 0px;
}

ul#mainNav2 li a,
ul#mainNav2 li a:visited
{
	margin:0px;
	padding: 5px 3px 5px 35px;
	color: #666;
	text-decoration: none;
	background-image: none;
	font-weight:normal;
	border: 0px;
}

ul#mainNav2 li a:hover,
ul#mainNav2 li a.current
{ 
	margin:0px;
	padding: 5px 3px 5px 35px;
	color: #666;
	text-decoration: none;
	background-image: none;
	font-weight:bold;
	background: url(http://www.creasolar.com/img/li-nav.gif) center left no-repeat;
	border: 0px;
}

/*  SunbNav Level 3
----------------------------------------------- */

ul#mainNav3
{
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
	border: 0px;
}


ul#mainNav3 li
{
	display: block;
	border: 0px;
}


ul#mainNav3 li a,
ul#mainNav3 li a:visited
{
	margin:0px;
	padding: 5px 3px 5px 40px;
	color: #999;
	text-decoration: none;
	background-image: none;
	font-weight:normal;
	
	border: 0px;
}


ul#mainNav3 li a:hover,
ul#mainNav3 li a.current
{ 
	margin:0px;
	padding: 5px 3px 5px 40px;
	color: #999;
	text-decoration: none;
	background-image: none;
	border-top: 0px;
	font-weight:bold;
	background: url(http://www.creasolar.com/img/li-nav.gif) center left no-repeat;
	border: 0px;
}