/* ----------------------------------------------------------------------------- *
 * ------------------------- default screen style definition ------------------- *
 * ----------------------------------------------------------------------------- */

html{
	overflow: auto; 
	}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
}	

a img{border-style: none;}

#outer-box{
	width: 982px;
	border: 1px solid #e8e8e8;
	margin: auto;
	}
	
#header-box{
	width: 100%;
	height: 318px;
	background: url(../images/greenmobil-header.jpg) no-repeat;
	}

#top-header-box{
	width: 100%;
	height: 97px;
	}
	
#top-header-box-left{
	width: 409px;
	height: 100%;
	float: left;
	}

#top-header-box-right{
	width: 572px;
	height: 100%;
	float: left;
	}
	
#top-menu-box{
	float: right;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 10px;
	}
	
	
#mmenu-box{
	width: 100%;
	height: 30px;
	margin-top: 168px;
	}
	
#mmenu-box-left{
	width: 574px;
	height: 100%;
	float: left;
	}
	
#mmenu-box-right{
	width: 407px;
	height: 100%;
	float: left;
	}
	
#sub-template-box{
	background: url(../images/greenmobil-gradient.jpg) repeat-x top left;
	min-height: 450px;
	}
	
#breadcrumb-navi{
	padding-left: 20px;
	}
	
#sub-template-left-box{
	width: 275px;
	float: left;
	margin-top: 20px;
	}
	
#sub-template-content-box{
	width: 707px;
	float: left;
	margin-top: 20px;
	}
	
#sub-template-inner-content{
	margin: 0 15px 15px 15px;
	}
	
#sub-template-mmenu-outerbox{
	background-color: #E5E5E5;
	padding: 10px 0px 10px 0px;
	margin-left: 5px;
	}

#footer-box-space{
	
	padding: 10px 0px 10px 0px;
	margin-left: 5px;
	float: left;
	width: 20%;
	}
	
	
#footer-box{
	width: 984px;
	height: 72px;
	background-color: #EFEFEF;
	font-size: 10px;
	margin: 2px auto 0 auto;
	}
	
		
#footer-box-left{
	float: left;
	width: 70%;
	height: 100%;
	margin: 0 auto 0 auto;
	}
	
		
#footer-box-right{
	float: left;
	width: 30%;
	height: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	}
	
.inp-orange{
	background-color: #FF9900;
	color: #000;
	border: 1px solid #666;
	font-size: 12px;
	padding: 3px 25px 3px 25px;
	}
	
.footer-box-column{
	float: left;
	margin: 5px 5px 5px 5px;
	}
	
.footer-seperator{
	float: left;
	background: url(../images/seperator-footer.gif) no-repeat;
	width: 50px;
	height: 100%;
	}
	
.clear{clear: both;}
	
.mmenu-seperator{
	margin: 0 10px 5px 42px;
	height: 1px;
	line-height: 1px;
	background: url(../images/seperator-dotted-line.jpg) repeat-x 0px 0px;
	}
	
a.mmenu-left{
	display: block;
	width: 175px;
	float:left;
	background-repeat: no-repeat;
	height: 30px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 32px;
	}
	
a.mmenu-left:link{background-image:url(../images/buttons/mmenu-left-normal.jpg);}
a.mmenu-left:visited{background-image:url(../images/buttons/mmenu-left-normal.jpg);}
a.mmenu-left:hover{background-image:url(../images/buttons/mmenu-left-active.jpg);}
a.mmenu-left:active{background-image:url(../images/buttons/mmenu-left-normal.jpg);}
	
a.mmenu-right{
	display: block;
	width: 154px;
	float:right;
	background-repeat: no-repeat;
	height: 30px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 32px;
	}
	
a.mmenu-right:link{background-image:url(../images/buttons/mmenu-right-normal.jpg);}
a.mmenu-right:visited{background-image:url(../images/buttons/mmenu-right-normal.jpg);}
a.mmenu-right:hover{background-image:url(../images/buttons/mmenu-right-active.jpg);}
a.mmenu-right:active{background-image:url(../images/buttons/mmenu-right-normal.jpg);}

a.mmenu{
	margin: 0 10px 5px 0;
	height: 16px;
	padding-left: 42px;
	display: block;
	color: #000;
	}
	
a.mmenu:link{background: none;}
a.mmenu:visited{background-image:none;}
a.mmenu:hover{background: url(../images/mmenu-left-indicator.gif) no-repeat;}
a.mmenu:active{background-image:none;}

a.link-small{text-decoration: underline; color: #000;}
	
a{text-decoration: underline; color: #000;}
	
/* ----------------------------------------------------------------------------- *
 * ------------------------------- Content Layout ------------------------------ *
 * ----------------------------------------------------------------------------- */

h1 {
	font-size: 14px;
	background: url(../images/icons/ueberschrift-symbol.jpg) no-repeat;
	padding: 5px 0 0 30px;
}

h2 {
	font-size: 14px;
}

	
ul{
	list-style-image: url(../images/list-bullet-lvl1.gif);
	background-color: #f9f9f9;
	border: 1px dotted #ccc;
	padding: 10px 30px 10px 30px;
	margin-left: 25px;
	display: table;
	border-radius: 5px; 
	-moz-border-radius : 5px; /* Mozilla */
	-webkit-border-radius : 5px; /* Webkit */
	}
	
ul ul{
	list-style-image: url(../images/list-bullet-lvl2.gif);
	background-color: #f9f9f9;
	border-style: none;
	padding: 5px 30px 5px 30px;
	margin: 0px;
	}

/* ------------------------------ Typo3 Classes -------------------------------- */
/*.bodytext{padding: 0px; margin: 0px;}*/
	
/* ----------------------------------------------------------------------------- *
 * ------------------------------- Pseudo Classes ------------------------------ *
 * ----------------------------------------------------------------------------- */



/* Mailform */
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:110px;
border: 1px solid #C0C0C0;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
}