/* BODY */
body {								
	font-family:					        Arial;
	font-size:						0.9em;
	color:							#7e7e7e;
}

	a img { 						
		border:						0;
	}

	a {
		color:						#93c11a;
	}

	a:hover	{
		text-decoration:                                none;
	}

div.clear {
	clear:							both;
}

/* CONTAINER: WRAP */
div#wrap { 							
	width:							900px;
	margin:							0 auto;
}

/* HEADER */
div#header {
	margin:							65px 0 0 0;
}

/* NAVIGATION */
ul.navi {
	margin:							0 0 0 52px;
	list-style:						none;
	height:							40px;
}
	ul.navi li {
		float:						left;
		margin:						0 20px 0 0;
	}

		ul.navi li ul {
			display:				none;
		}

		.navi li.menu-parent ul {
			display:				block;
			position:				absolute;
			margin:					0 0 0 0;
			padding:				0px 0 0 0;
			list-style:				none;
			z-index:				4;
		}

		ul.navi li ul li {
			padding:				0;
			margin:					0 15px 0 0;
			font-size:				0.8em;
		}

		ul.navi li a {
			font-weight:                            bold;
			color:					#a6a6a6;
			text-decoration:                        none;
		}

			ul.navi li a:hover, ul.navi li.menu-current a, ul.navi li a.menu-parent {
				color:				#97bf0c;
			}



/* HEADER PICS */
div#content_home_pic {				
	background:						url("../img/header/startseite.png") no-repeat;
	height:							313px;
	width:							900px;
	margin:							0 0 20px 0;
        position:                                               relative;
        z-index:                                                5;
}
	div#content_home_pic div#zitat { 
		float:						right;
		margin:						-74px 18px 0 0;
		height:						388px;
		width:						343px;
	}

        div#content_home_pic .angebot_des_monats {
            margin:                                             20px 0 0 -60px;
        }
	
.pic {
	z-index:						5;
	height:							139px;
	width:							297px;
	float:							right;
	margin:							-140px 10px 0 0;
	position:relative;
}

#picinternetagentur {
	background:						url("../img/header/internetagenturbak.png") no-repeat;
}
#picwerbeagentur {
	background:						url("../img/header/werbeagentur.png") no-repeat;
}
#picprovider {
	background:						url("../img/header/provider.png") no-repeat;
}
#picprint {
	background:						url("../img/header/print.png") no-repeat;
}
#pickunden {
	background:						url("../img/header/kunden.png") no-repeat;
}
#piclettershop {
	background:						url("../img/header/lettershop.png") no-repeat;
}
#picpraesentation {
	background:						url("../img/header/praesentation.png") no-repeat;
}
#pickontakt {
	background:						url("../img/header/kontakt.png") no-repeat;
}
#picteam {
	background:						url("../img/header/team.png") no-repeat;
}
#picangebot {
	background:						url("../img/header/angebot.png") no-repeat;
}
/* CONTENT HOME */
div#content_home ul.list {
	float:							left;
	width:							250px;
	margin:							15px 0 0 0;
	padding:						0;
	list-style:						none;
}

	div#content_home ul.list li {
		background:					url("../img/basic/digit.png") no-repeat;
		padding:					0 0 0 32px;
		margin:						0 0 23px 8px;
	}
		div#content_home ul.list li a {
			color:					#40b3e5;
			font-weight:                            bold;
			font-size:				1.2em;
			text-decoration:                        none;
			border-bottom:                          2px solid #40b3e5;
		}
			div#content_home ul.list li a:hover {
				border:				0;
		}

div#content_home div#marketeam {
	float:							right;
	width:							400px;
}

/* CONTENT */
div#content_line {
	border-top:						1px solid #4c4d4d;
	height:							1px;
	margin:							10px 0 5px 0;
}

	div#content div#left {
		width:						605px;
		float:						left;
	}

        div#content div#left img.provider {
		width:						220px;
		float:						left;
                padding:                                        0px 10px 0px 0px;
	}

	div#content div#right {
		width:						245px;
		float:						right;
	}

div#content h2 {
	color:							#25a8e1;
	margin:							0 0 9px 0;
	font-size:						1.2em;
}

div#content p.info {
    font-size:                                                  0.6em;
}

div#content ul {
	list-style:						none;
	width:							45%;
	margin:							10px 0 10px 0;
	padding:						0 0 0 10px;
}
	div#content ul li.list {
		background:					url("../img/basic/digit_small.png") no-repeat;
		padding:					0 0 0 23px;
		margin:						0 0 9px 0;
	}
        div#content ul li.marketeam {
                color:						#25a8e1;
                margin:						0 0 0 0;
                font-size:					0.8em;
                float:                                          left;
        }


div#showbox.provider {						
	float:                                                  right;
        width:                                                  605px;
}

div#showbox ul {
        list-style:						none;
	width:							190px;
	padding:						0 0 0 0;
        float:                                                  left;
}
        div#showbox ul.first {
	margin:							10px 5px 10px 6px;
        }
        div#showbox ul.last {
	margin:							10px 0px 10px 0px;
        }

        div#showbox ul li.provider, li.privateasy, li.businesseasy, li.businesspro {
                height:                                         163px;
	}
                div#showbox ul li.privateasy {
                        background:                             url("../img/sites/provider/privateasy.png") no-repeat;
                }
                div#showbox ul li.businesseasy {
                        background:                             url("../img/sites/provider/businesseasy.png") no-repeat;
                }
                div#showbox ul li.businesspro {
                        background:                             url("../img/sites/provider/businesspro.png") no-repeat;
                }
                    div#showbox ul ul.desc {
                        list-style:				none;
                        padding:				35px 0 0 8px;
                        float:                                  left;
                    }
                    div#showbox ul li.desc {
                            padding:                            0 0 0 15px;
                            font-size:                          0.6em;
                            color:				#4c4d4d
                    }
                    div#showbox ul ul.bestell {
                            list-style:				none;
                    }
                    div#showbox ul li.bestell {
                            padding:                            0 18px 0 0;
                            float:                              right;
                            margin-top:                         0;
                    }


/* FOOTER */
div#footer {						
	border-top:						1px solid #4c4d4d;
	padding:						2px 0 0 0;
	margin:							40px 0 10px 0;
}
	div#footer p, div#footer p a {
		font-size:					0.8em;
		color:						#4c4d4d;
		margin:						0;
		text-align:					right;
	}

/* OTHERS */
.floatleft {
	float:							left;
}

.floatright {
	float:							right;
}

.kontur {
	border:							1px solid #4c4d4d;
}


