/* CSS Formatierung fuer die Website www.macondo.de */

/* BODY */
body, h1, h2, h3, h4, h5, h6, p, br, table, tr, td, b, i, strong, ul, li, a, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
}

body {
	background-color: #EBEBEB;
	margin: 0px;
	padding: 0px;
}


#rahmen {
	position: absolute;
	width: 900px;
	/*top: 50%;*/
	left: 50%;
	margin: 20px 0px 0px -450px;
}



/* GERUEST */
#balken_blau {
	height: 10px;
	background-color: #2496D5;
}

#balken_schwarz_oben {
	height: 28px;
	background-color: #000000;
	padding-top: 5px;
	
}

#navigation {
	padding: 45px 5px 5px 20px;
}

#content {
	width: 576px;
	padding: 45px 0px 0px 14px;
}

#contentFullWidth {
	padding: 45px 14px 0px 13px;
}

#balken_schwarz_unten {
 	height: 37px;
	background-color: #000000;
}

#balken_orange {
	width: 380px;
	height: 22px;
	padding-top: 5px;
	background-color: #FF9606;
}


/* CONTENT */
#content_hintergrund {
	width: 763px;
	margin-left: 14px;
	min-height: 503px;
}

#felder_grau_rechts {
	width: 140px;
	height: 145px;
	margin: 5px 5px 10px 10px;
	background-color: #E7E7E7;
	float: left;
}

#felder_grau_links {
	width: 140px;
	height: 145px;
	margin: 5px 5px 10px 40px;
	background-color: #E7E7E7;
	float: left;
}

#text_felder_grau {
	margin: 0px 5px 5px 5px;
}

#semikolon_schwarz {
	margin-top: 36px; 
	float: left;
}

/* TEXTFORMATIERUNG */
h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0px 0px 5px; 
}

.schrift_weiss /*|*/ {
	color: #FFFFFF;
}

/* HAUPTNAVIGATION */
#hauptnavigation A {
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px 15px 0px 15px;
}

/* NAVIGATION */
#mehr A {
	text-decoration: underline;
}

#navigation A {
	color: #333333;
}

#navigation LI {
	list-style-type: none;
	line-height: 25px;
}

#navigation UL {
	margin: 0px;
	padding: 0px;
}

#content A { 
	color: #367FC2;
	text-decoration: none;
}

#content A:hover {
	text-decoration: underline;
}

/* Banner-Element */
#banner {width: 750px; height: 230px; overflow: hidden; position: relative;}
#banner #nav {position: absolute; left: 10px; bottom: 10px; z-index: 9999;}
#banner #nav a {width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; float: left; margin-right: 2px; background: #fff; opacity: 0.5;}
#banner #nav a:hover,
#banner #nav a.activeSlide {opacity: 1;font-weight: bold;}

/* Vier Einstiege */
.clearer {clear: both; height: 1px; overflow:hidden;}

.fourEntries {margin: 20px 0 40px 0}
.fourEntries h2 {font-size: 14px;margin-bottom: 5px;}
.fourEntries img {border: none;margin-bottom: 5px;}
.fourEntries .text {}

.col_1 {width: 190px;float: left;}
	.col_1Inner {width: 180px;overflow: hidden;}
.col_2 {width: 190px;float: left;}
	.col_2Inner {width: 180px;overflow: hidden;}
.col_3 {width: 190px;float: left;}
	.col_3Inner {width: 180px;overflow: hidden;}
.col_4 {width: 180px;float: left;}
	.col_4Inner {width: 180px;overflow: hidden;}