/***************************************************************
   CSS START
***************************************************************/
body {
	background: #00614D url("../images/portal/gruenerpunkt-portal-bg.jpg") repeat-x;
}

ol, ul {
	list-style: none;
}

#header {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
	height: 157px;
}


#mainmenu-portal {
	text-align:right;
	width: 980px;
	height:20px;
/*	background-color:#005941;*/
	float:left;
	margin-top:2px;
	color:#ffffff;
}
#mainmenu-portal a {
	color:#ffffff;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

#mainmenu-portal a:hover {
	text-decoration:underline;
}

#content-portal {
	float:left;
	width: 980px;
	height: 458px;
	background: url("../images/portal/gruenerpunkt-portal-main.jpg") 0px 10px no-repeat;
}
#glider {
	float:left;
	width: 980px;
	height: 100px;
	padding-top:10px;
}



#footer {
	background:none;
}

input {
	border:0px solid #000;
	width:100px;
	height:13px;
	font-size:9pt;

	padding-left:5px;
}

.scrollContainer div.panel .csc-textpic {
	margin-left:5px;	
}
.scrollContainer div.panel p {
	font-size:9pt;	
}
img.left {
	margin-top:-160px;
}

img.right {
	margin-top:-160px;
}

#left{
	float:left;
	width: 351px;
	height:420px;
	margin: 0px;
	padding: 0px;
}
#center{
	float:left;
	width: 335px;
	height:420px;
	margin: 0px;
	padding: 0px;
}
#right{
	float:left;
	width: 292px;
	height:420px;
	margin: 0px;
	padding: 0px;
}
#nav li ul {
   	line-height:20px;
    	height:20px;
    	line-height:20px;
    	border:none;
    	font-size:15px;
    	display:block;
    	color:#ffffff;
    	text-decoration:none;
	width:220px;
	text-align:left;
	font-weight:normal;
	padding-top:30px;
	padding-left:30px;
}
#nav li a {
    	text-decoration:none;
}
#nav li ul li a {
   	line-height:20px;
    	line-height:20px;
    	border:none;
    	font-size:14px;
    	color:#ffffff;
    	text-decoration:none;
	width:180px;
	text-align:left;
	font-weight:normal;
}
#nav li ul li a:hover{
   	line-height:20px;
    	height:20px;
    	line-height:20px;
    	border:none;
    	display:block;
    	color:#D6E7A3;
    	text-decoration:underline;
}
#nav li ul li a:visited{
    	color:#ffffff;
}

h1, h2 {
	color:#ffffff;
}

#entsorger {
	line-height:1.0;
	padding-top:250px;
	margin-top:77px;
	margin-left:83px;
	text-align:center;
}
#entsorger h1 {
	font-size:18px;
}
#entsorger h2 {
	font-size:28px;
	font-weight:bold;
	color:#ffffff;
}
#entsorger ul {
	position:relative;
	top:-280px;
	left:31px;
	height:200px;
	background:url(../images/portal/circle-entsorger.png) no-repeat;
}

#kunden {
	line-height:1.0;
	padding-bottom:300px;
	color:#fff;
	margin-top:50px;
	margin-left:-43px;
	text-align:center;
}
#kunden h1 {
	font-size:20px;
}
#kunden h2 {
	font-size:42px;
	font-weight:bold;
	color:#ffffff;
}
#kunden ul {
	position:relative;
	top:43px;
	left:58px;
	height:220px;
	background:url(../images/portal/circle-kunden.png) no-repeat;
}

#corporate {
	line-height:1.0;
	padding-top:254px;
	color:#fff;
	margin-top:43px;
	margin-left:-110px;
	text-align:center;
}
#corporate h1 {
	font-size:15px;
}
#corporate h2 {
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
}
#corporate ul {
	position:relative;
	top:-241px;
	left:117px;
	height:200px;
	background:url(../images/portal/circle-corporate.png) no-repeat;
}


#entsorger #heading1 {
	font-size:18px;
	color:#ffffff;
}
#entsorger #heading2 {
	font-size:28px;
	font-weight:bold;
	color:#ffffff;
}
#kunden #heading1 {
	font-size:20px;
	color:#ffffff;
}
#kunden heading2 {
	font-size:42px;
	font-weight:bold;
	color:#ffffff;
}
#corporate #heading1 {
	font-size:15px;
	color:#ffffff;
}
#corporate #heading2 {
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
}

