<!--

/* Transparenz

	opacity: 0.01; /* Webkit und Opera
	-moz-opacity: 0.01; /* Mozilla Browser 
	filter:alpha(opacity=100); /* Internet Explorer

*/

body, div {	margin:0px;
			border:0px;
			padding:0px;
			font-family:Arial;
			font-size:12px;
			line-height:20px;
			color:#000000;
			background-color:#ffffff;
			}

#container	{	width:1250px;
				min-height:100%;
				position:absolute;
				left:50%;
				margin-left:-625px;
				background-color:#ffffff;
				}

/* ---------- TopLine ---------- */

#topline	{	width:100%;
				height:50px;
				}

#socnet	{	float:left;
			width:50%;
			position:relative;
			top:15px;
			left:0px;
			}
				
#quicklinks	{	float:left;
				width:48%;
				text-align:right;
				font-family:Times;
				font-size:20px;
				color:#aaaaaa;
				margin:0px 20px 10px 0px;
				}

#quicklinks	a	{	font-family:Times;
					font-size:20px;
					line-height:48px;
					color:#999999;
					text-decoration:none;
					border-left:1px solid #bbbbbb;
					margin:10px 0px 0px 20px;
					padding:20px 0px 0px 10px;
					}

#quicklinks	a:hover	{	color:#4b2805;
						line-height:48px;
						text-decoration:none;
						border-left:1px solid #000000;
						margin:10px 0px 0px 20px;
						padding:20px 0px 0px 10px;
						}

/* ---------- Kopfleiste ---------- */
				
#kopf	{	width:100%;
			height:350px;
			background-color:#cccccc;
			background-image:url(http://www.carsten-hoefer.de/Grafik/kopf_bg_sunburst.png);
			}

#kopf_bg	{	width:100%;
				height:350px;
				position:absolute;
				top:50px;
				left:0px;
				background-image:url(http://www.carsten-hoefer.de/Grafik/kopf_bg.png);
				background-repeat:repeat-x;
				}

#kopf_foto	{	background-color:transparent;
				width:19%;
				height:340px;
				float:left;
				}

#kopf_text	{	text-align:center;
				background-color:transparent;
				position:relative;
				top:25px;
				width:46%;
				height:300px;
				float:left;
				}

#kopf_text h1	{	text-align:center;
					font-size:25px;
					padding:20px 10px 10px 10px;
					margin:0px 20px 0px 20px;
					}

#kopf_text h2	{	text-align:center;
					font-size:14px;
					padding:0px 0px 0px 0px;
					margin:10px 0px 10px 0px;
					}
				
#kopf_mm	{	text-align:right;
				background-color:transparent;
				width:375;
				height:300px;
				position:absolute;
				left:100%;
				top:75px;
				margin-left:-395px;
				float:left;
				}

/* ---------- Variable Inhalte ---------- */
				
#variabel	{	width:100%;
				background-color:#ffffff;
				}

/* ---------- NAVIGATION ---------- */
				
#navi	{	width:18%;
			float:left;
			/* position:absolute;
			left:0px; */
			}

#navi ul, li	{	margin:0px;
				padding:0px;
				border:0px;
				list-style-type:none;
				}

#navi a	{	display:block;
			text-decoration:none;
			font-weight:bold;
			font-family:Arial;
			}
				
#navi a.nav_0	{	font-size:15px;
					color:#96500a;
					padding:8px;
					margin-bottom:1px;
					border-left:4px solid #bbbbbb;
					background-color:#dddddd;
					background-image:url(http://www.carsten-hoefer.de/Grafik/menu_bg.png);
					background-repeat:repeat-x;
					background-position:0px 0px;
					}

#navi a.nav_0_inpath	{	font-size:15px;
						color:#96500a;
						padding:8px;
						margin-bottom:1px;
						border-left:4px solid #96500a;
						background-color:#cccccc;
						}
					
#navi a.nav_0:hover, #navi a.nav_0_inpath:hover	{	color:#4b2805;
													border-left:4px solid #96500a;
													background-color:#cccccc;
													background-image:url(../Grafik/menu_bg_selected.png);
													background-repeat:repeat-x;
													background-position:0px 0px;
													}

#navi a.nav_0_selected	{	font-size:15px;
							color:#4b2805;
							padding:8px;
							margin-bottom:1px;
							border-left:4px solid #4b2805;
							background-color:#cccccc;
							background-image:url(http://www.carsten-hoefer.de/Grafik/menu_bg_selected.png);
							background-repeat:repeat-x;
							background-position:0px 0px;
							}

#navi a.nav_1	{	font-size:13px;
					color:#666666;
					padding:6px 10px;
					margin-bottom:1px;
					border-left:4px solid #e1780f;
					background-color:#eeeeee;
					}

#navi a.nav_1_inpath	{	font-size:13px;
						color:#96500a;
						padding:6px 10px;
						margin-bottom:1px;
						border-left:4px solid #96500a;
						background-color:#cccccc;
						}
					
#navi a.nav_1:hover, #navi a.nav_1_inpath:hover	{	color:#4b2805;
													border-left:4px solid #96500a;
													background-color:#dddddd;
													}

#navi a.nav_1_selected	{	font-size:13px;
							color:#4b2805;
							padding:6px 10px;
							margin-bottom:1px;
							border-left:4px solid #4b2805;
							background-color:#dddddd;
							}

#navi a.nav_2	{	font-size:13px;
					font-weight:normal;
					color:#777777;
					padding:2px 10px;
					margin-bottom:1px;
					border-left:4px solid #cccccc;
					background-color:#eeeeee;
					}

#navi a.nav_2_inpath	{	font-size:13px;
						font-weight:normal;
						color:#96500a;
						padding:2px 10px;
						margin-bottom:1px;
						border-left:4px solid #96500a;
						background-color:#cccccc;
						}
					
#navi a.nav_2:hover, #navi a.nav_2_inpath:hover	{	color:#4b2805;
													border-left:4px solid #96500a;
													background-color:#dddddd;
													}

#navi a.nav_2_selected	{	font-size:13px;
							font-weight:normal;
							color:#4b2805;
							padding:2px 10px;
							margin-bottom:1px;
							border-left:4px solid #4b2805;
							background-color:#dddddd;
							}
							
/* ---------- CONTENT ---------- */

#content	{	float:left;
				width:80%;
				background-color:#ffffff;
				}

#content h1	{	text-align:left;
				font-size:15px;
				padding:20px 0px 10px 10px;
				margin:0px 0px 0px 20px;
				border-bottom:1px solid #96500a;
				display:block;
				}

#content h2	{	text-align:right;
				font-size:14px;
				padding:10px 0px 5px 0px;
				margin:0px 30px 0px 20px;
				display:block;
				}

#fb_like	{	position:absolute;
				top:435px;
				left:1150px;
				width:100px;
				height:25px;
				padding:0;
				border:none;
				background:#ffffff;
				z-index:100;
			}
				
p	{	font-family:Arial;
		font-size:12px;
		color:#000000;
		line-height:20px;
		word-spacing:3px;
		padding:10px 30px 0px 30px;
		}

p.headline	{	font-size:14px;
				font-weight:bold;
				color:#4b2805;
				border-bottom:1px solid #96500a;
				text-align:left;
				margin:0px 0px 0px 20px;
				padding:20px 10px 10px 10px;
				display:block;
				background-image:url(http://www.carsten-hoefer.de/Grafik/menu_bg.png);
				background-repeat:repeat-x;
				background-position:0px 20px;
				}

p.subline	{	font-size:12px;
				font-weight:bold;
				color:#000000;
				border-bottom:1px solid #aaaaaa;
				text-align:left;
				margin:0px 0px 0px 20px;
				padding:10px 10px 3px 10px;
				display:block;
				background-image:url(http://www.carsten-hoefer.de/Grafik/menu_bg.png);
				background-repeat:repeat-x;
				background-position:0px 15px;
				}

.kleingrau	{	font-family:Arial;
				font-size:11px;
				line-height:18px;
				color:#999999;
				}

.klein	{	font-family:Arial;
			font-size:10px;
			line-height:15px;
			color:#000000;
			}

.error	{	font-family:Arial;
			font-size:11px;
			color:#660000;
			min-height:75px;
			width:500px;
			text-align:center;
			vertical-align:top;
			position:relative;
			left:50%;
			margin-left:-250px;
			padding:10px 0px;
			border:2px solid #aa0000;
			background-color:#ffdddd;
			background-image:url(http://www.carsten-hoefer.de/Grafik/bilder/carsten_error.png);
			background-repeat:no-repeat;
			background-position:10px 10px;
			}

.success	{	font-family:Arial;
				font-size:11px;
				color:#006600;
				min-height:75px;
				width:500px;
				text-align:center;
				vertical-align:top;
				position:relative;
				left:50%;
				margin-left:-250px;
				padding:10px 0px;
				border:2px solid #00aa00;
				background-color:#ddffdd;
				background-image:url(http://www.carsten-hoefer.de/Grafik/bilder/carsten_success.png);
				background-repeat:no-repeat;
				background-position:10px 10px;
				}

table.max	{	font-family:Arial;
			font-size:12px;
			line-height:20px;
			width:94%;
			margin:2% 3%;
			}

td	{	font-family:Arial;
		font-size:12px;
		color:#000000;
		line-height:20px;
		word-spacing:3px;
		vertical-align:top;
		}

td.headline	{	font-size:14px;
				font-weight:bold;
				color:#4b2805;
				border-bottom:1px solid #96500a;
				text-align:left;
				}

td.linkpage	{	/* font-family:Arial;
				font-size:12px;
				color:#000000;
				line-height:20px;
				word-spacing:3px; */
				vertical-align:bottom;
				text-align:center;
				border:1px solid #dddddd;
				}
				
#content li	{	font-size:12px;
				line-height:20px;
				color:#000000;
				padding:5px 0px 5px 5px;
				margin-left:20px;
				list-style-type:circle;
				}

ul.features	{	padding:0px;
				margin:0px;
				list-style-image:url(http://www.carsten-hoefer.de/Grafik/icon_ok.png);
				}

li.features	{	font-size:12px;
				line-height:20px;
				color:#000000;
				}
		
#content div	{	float:left;
					}

#content a	{	font-family:Arial;
				font-size:100%;
				color:#482805;
				text-decoration:none;
				font-weight:normal;
				}

#content a:hover	{	color:#96500a;
					text-decoration:underline;
					}

#content a.intern	{	padding-left:15px;
						background-image:url(http://www.carsten-hoefer.de/Grafik/icons/intern.gif);
						background-repeat:no-repeat;
						background-position:2px 3px;
						}

#content a.extern	{	padding-left:15px;
						background-image:url(http://www.carsten-hoefer.de/Grafik/icons/extern.gif);
						background-repeat:no-repeat;
						background-position:2px 3px;
						}

#content a.download	{	padding-left:15px;
						background-image:url(http://www.carsten-hoefer.de/Grafik/icons/download.gif);
						background-repeat:no-repeat;
						background-position:2px 3px;
						}

#content a.document	{	padding-left:15px;
						background-image:url(http://www.carsten-hoefer.de/Grafik/icons/document.gif);
						background-repeat:no-repeat;
						background-position:2px 3px;
						}
						
#content a.image	{	padding-left:15px;
					background-image:url(http://www.carsten-hoefer.de/Grafik/icons/image.gif);
					background-repeat:no-repeat;
					background-position:2px 3px;
					}

#content a.video	{	padding-left:15px;
					background-image:url(http://www.carsten-hoefer.de/Grafik/icons/video.gif);
					background-repeat:no-repeat;
					background-position:2px 3px;
					}

#content a.sound	{	padding-left:15px;
					background-image:url(http://www.carsten-hoefer.de/Grafik/icons/sound.gif);
					background-repeat:no-repeat;
					background-position:2px 3px;
					}

#content a.print	{	padding-left:15px;
					background-image:url(http://www.carsten-hoefer.de/Grafik/icons/print.gif);
					background-repeat:no-repeat;
					background-position:2px 3px;
					}
					
#content a.mail	{	padding-left:15px;
					background-image:url(http://www.carsten-hoefer.de/Grafik/icons/mail.gif);
					background-repeat:no-repeat;
					background-position:2px 3px;
					}

#content a.info, #content a.info:hover	{	color:#000000;
											border-bottom:1px dotted #96500a;
											text-decoration:none;
											cursor:help;
											}

/* ---------- Fußzeile ---------- */
				
#fuss	{	width:100%;
			margin-top:25px;
			border-top:1px solid #4b2805;
			}

#fuss div	{	background-image:url(http://www.carsten-hoefer.de/Grafik/fuss_bg.png);
				background-repeat:repeat-x;
				background-position:0px 0px;
				}

#fuss a	{	font-family:Arial;
			font-size:12px;
			color:#482805;
			text-decoration:none;
			font-weight:normal;
			}

#fuss a:hover	{	color:#96500a;
					text-decoration:underline;
					}
				
											
//-->