/* Editmode */
	.editmode {
		background-color: #FF0000;
		color: #FFFFFF;
	}
	div.editmode {
		clear: both;
		display: block;
	}

/* Links */
	a, a:visited { 
		text-decoration: none; 
		color: #003873; 
	}
	a:active { 
		color: #FF0000; 
	}
	a:hover { 
		color: #FF480E;
		text-decoration: underline;
	}

/* Text */
	.emph { 
		font-weight: bolder; 
		color: #FF3333; 
	}
	.bold {
		font-weight: bold;
	}
	h1 {
		font-size: 1.8em;
		color: #003873;
		font-weight: bold;
                line-height: 1.2em;
	}
	h2 {
		font-size: 1.4em;
		color: #003873;
		font-weight: bold;
		margin-bottom: 0;
	}
	h2.teaser {
		font-size: 1.1em;
		color: #003873;
		line-height: 17px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	h3 {
		font-size: 1.1em;
		color: #003873;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	p {
		margin-top: 0;
		padding-top: 0;
	}
	dt {
		font-weight: bold;
	}
/* Hilfsmittel */
	.clear_both {
		clear: both;
	}
	* html .clear_both {	/* IE only */
		display: inline;
		width: 0;
		height: 0;
		line-height: 0;
		font-size: 0;
	}
/* Seitenlayout */
	body { 
		background-image: url('/img_allgemein/backgroundverlauf.jpg'); 
		background-repeat: repeat-x; 
		background-color: rgb(161,190,206);
		margin: 0; 
		padding: 0;
		font-family: Arial, sans-serif; 
		font-size: 11px; 
		color: #003873; 
		text-align: center; 
	}
	#center_frame { 
		margin: 0 auto; 
		margin-top: 36px; 
		margin-bottom: 50px; 
		padding: 0; 
		text-align: left; 
		width: 810px; 
	}
	#page {
		display: inline;
		float: left;
		text-align: left; 
		background-color: #FFFFFF; 
		width: 810px;
		padding: 10px;
		margin: 0;
	}
	/* IE only */
	* html #content3cols {
		border-bottom: 1px solid #FFFFFF;
	}
	* html #page {
		display: inline-block;
		/* padding-bottom: 0; */
	}
	#adresszeile { 
		clear: both; 
		width: 810px; 
		padding: 10px 10px 5px 10px; 
		text-align: left; 
		font-size: 10px; 
		color: #ffffff; 
		height: 10px; 
	}
#adresszeile a { 
		color: #ffffff; 
		
	}

#adresszeile a:hover { 
		color: #FF480E; 
		
	}

/* Navigation */
	#top_nav { 
		float: left; 
		height: 16px; 
		border: none; 
		padding: 0; 
		width: 550px; 
		margin: 55px 0 0 0; 
	}
	#top_nav a { 
		font-size: 10px; 
		font-weight: bold; 
		color: #5585a0; 
	}
	#top_nav a:hover { 
		color: #FF480E; 
	}
	.top_nav_home { 
		float: left; 
		padding: 0px 8px 0px 8px; 
		font-size: 10px; 
		font-weight: bold; 
		color: #5585a0; 
	}
	.top_nav_home img { 
		border: 0; 
		height: 11px; 
		width: 11px; 
	}
	.top_nav_line {
		float: left;
		width: 1px;
		height: 100%;
		padding: 0;
		margin: 0;
		background-color: #C8D8E6; 
	}
	.top_nav_element { 
		float: left; 
		height: 11px;
		padding: 0px 8px 6px 8px;
		clear: none;
		line-height: 10px;
	}
	.top_nav_element#active a {
		color: #FF480E;
	}

/* Logo */
	#company_logo { 
		float: right; 
		padding: 0px; 
		margin: 0px; 
		width: 240px; 
		height: 68px; 
		clear: none; 
	}
	#company_logo img { 
		width: 240px; 
		height: 68px; 
		border: 0; 
	}

/* Zufallsgrafik */
	/* background-image muß inline angegeben werden, da die URL dynamisch erzeugt wird */
	.random_picture {
		background-repeat: no-repeat;
		clear: both;
		width: 100%; 
		margin-bottom: 10px; 
		padding: 0; 
	}
	/* Startseite */
		.random_picture#bigsize {
			height: 370px; 
		}
	/* Kategorie- und Unterseiten */
		.random_picture#smallsize {
			height: 150px; 
		}
/* Hauptbereich (alles unterhalb der Zufallsgrafik) */
	#content3cols {
		background: #A8C8DA;
		margin: 0;
		padding: 0;
	}

/* Startseite */
	#startpage_content {
		margin: 0;
		padding: 0;
		border: none;
		height: 100px;
		max-height: 100px;
	}
	#startpage_content div {
		float: left;
		height: 100px;
		max-height: 100px;
		margin: 0 0 0 10px;
	}
	#startpage_content img {
		height: 100px;
		max-height: 100px;
		margin: 0;
		border: none;
	}
	/* News-Container */
		#startpage_content div#news {
			display: table-cell; 
			vertical-align: middle;
			margin-left: 0;	
			width: 430px;
			background: url('/img_allgemein/highlight_text.jpg');
			color: #FFFFFF;
			overflow: hidden;
		}
		#startpage_content div#news h1 {
			margin: 8px;
			font-size: 11px;
			font-weight: normal;
		}
		#startpage_content div#news h1 a {
			color: #FFFFFF;
		}
		#startpage_content div#news h1 a:hover {
			color: #FF480E;
		}
	/* Visitenkarte - Container */
		#startpage_content div#midcontainer {
			width: 180px;
		}
		#startpage_content div#midcontainer img {
			display: block;
			width: 180px;
			height: 100px;
			border: none;
		}
	/* Zufallsgrafik - Container */
		#startpage_content div#randomimg {
			width: 180px; 
		}
		#startpage_content div#randomimg img {
			display: block;
			height: 100px;
			width: 180px;
			border: none;
		}

/* linke Spalte */
	#linke_spalte { 
		padding: 0;
		margin: 0;
		float: left;
		width: 170px;
		background: #a8c8da;
	}
	/* linke Navigation */
		#left_navi {
			background: #5585a0;
			padding: 10px 0 10px 0;
			border-bottom: 10px solid #FFFFFF;
		}
		#left_navi ul {
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 10px;
		}
		#left_navi ul#level2 li a {
			display: block;
			background: #C7DEE8 url(/img_allgemein/navi_hintergrund.gif) left top repeat-y;
			padding: 5px 7px 5px 20px;
			color: #5585A0;
			/* height: 13px; */
		}
		#left_navi ul#level2 li a:hover {
			background: #7DC353 url(/img_allgemein/navi_hintergrund_over.gif) left top repeat-y;
			color: #FFFFFF;
		}
		#left_navi ul#level2 li#active a {
			background: #F65100 url(/img_allgemein/navi_hintergrund_aktiv.gif) left top repeat-y;
			color: #FFFFFF;
		}
		#left_navi ul#level2 li#active a:hover {
			background: #7DC353 url(/img_allgemein/navi_hintergrund_over.gif) left top repeat-y;
		}
		#left_navi ul#level3 li a {
			display: block;
			background: #94BBD2 url(/img_allgemein/navi_hintergrund_l3.gif) left top repeat-y;
			padding: 5px 7px 5px 30px;
			color: #FFFFFF;
			/* height: 13px; */
		}
		#left_navi ul#level3 li a:hover {
			background: #7DC353 url(/img_allgemein/navi_hintergrund_over.gif) left top repeat-y;
			color: #FFFFFF;
		}
		#left_navi ul#level3 li#active a {
			background: #94BBD2 url(/img_allgemein/navi_hintergrund_l3_active.gif) left top repeat-y;
			color: #FFFFFF;
		}
		#left_navi ul#level3 li#active a:hover {
			background: #7DC353 url(/img_allgemein/navi_hintergrund_over.gif) left top repeat-y;
			color: #FFFFFF;
		}
		#left_navi ul#sub_navi {
			margin: 30px 0 0 20px;
		}
		#left_navi ul#sub_navi li a {
			line-height: 20px;
			color: #A8C8DA;
		}
		#left_navi ul#sub_navi li a:hover {
			color: #FFFFFF;
		}
		#left_navi ul#sub_navi li#active a {
			color: #FFFFFF;
		}
		.level2line {
			margin: 0 0 0 10px;
			padding: 0;
			height: 1px;
			font-size: 1;
			line-height: 1;
			background: #FFFFFF;
			border: none;
		}
		.level2line img {	/* Safari klekst sonst ein Pixel hin ... */
			display: none;
		}
/* Content-Spalte */
	#mittlere_spalte {
		float: left; 
		width: 420px;
		border: none; 
		border-left: 20px solid #FFFFFF;  
		border-right: 20px solid #FFFFFF; 
		margin: 0; 
		padding: 0;

		background: #FFFFFF;
		line-height: 16px;
	}


#mittlere_spalte ul {
		margin-top: 0;
margin-bottom: 0; 
		padding-top: 0;
padding-bottom: 0;
	}


	* html #mittlere_spalte {	/* IE only */
		border-bottom: 0px solid #FFFFFF;
	}
	.contentgrossorange {
		color: #FF480E;
		font-size: 1.3em;
		line-height: 1.5em;
		font-weight: bold;
	}
	.bildunterschriftorange {
		font-size: 0.9em;
		color: #FF480E;
		margin: 0 0 5px 0;
	}
	/* Kunden�bersicht */
		div#kundenliste {
			margin-bottom: 20px;
		}
		div#kundenliste div.kunde {
			clear: both;
			width: 100%;
			padding-top: 20px;
		}
		div#kundenliste div.kunde div {
			float: left;
			display: table-cell;
		}
		div#kundenliste div.kunde div.logozelle {
			display: inline;
			width: 100px;
			height: 40px;
			padding: 5px;
			margin-right: 10px;
			border: 1px solid #888888;
			text-align: center;
			line-height: 30px; font-size: 30px; /* fix IE vertical-align */
		}
		*>div#kundenliste div.kunde div.logozelle {
			line-height: normal; font-size: 1em; /* reset non-IE from IE-fix above */
		}
		div#kundenliste div.kunde div.logozelle img {
			vertical-align: middle;
			border: none;
			width: 90px;
			height: 30px;
		}

/* rechte Spalte */
	#rechte_spalte { 
		width: 180px; 
		float: left; 
		margin: 0; 
		padding: 0;
		font-size: 10px;
	}
	#rechte_spalte img {
		border: none;
	}
	#rechte_spalte div {
		border-bottom: 10px solid #FFFFFF;
	}
	#rechte_spalte div p {
		padding: 5px 10px 10px 10px;
	}
	/* gegen das 2px-Padding unter verlinkten Bildern */
	#rechte_spalte div.whitebg {
		background: #FFFFFF;
		border-bottom: 8px solid #FFFFFF;
	}
	/* Suche */
		#rechte_spalte #suche {
			line-height: 28px;
			margin: 0; 
			padding: 0; 
			text-align: right; 
			height: 30px;
			background: #5585A0;
		}
		#rechte_spalte #suche input.suchfeld {
			vertical-align: bottom; 
			border: 1px groove #B6D0E1;
			height: 14px;
			width: 155px;
			padding: 1px;
			margin-bottom: 6px;
			font-size: 11px;
		}
		#rechte_spalte #suche input#suchbutton {
			vertical-align: bottom; 
			width: 10px; 
			height: 30px; 
			border: none;
		}


/* WM Styles */
	/* Formular */
		#md_formular { width: 200px; border: 0; padding: 10px; margin-bottom: 0px; background-color: #5585a0; color: #FFF; font-size: 10px; }
		#md_formular h2 { padding: 5px 0px 10px 0px; margin: 0; font-size: 18px; font-weight: bold; }
		#md_formular input { height: 20px; margin: 0; padding: 0; }
		#md_formular textarea { width: 200px; height: 110px; margin: 5px 0 10px 0; }
		.md_form_line { float:left; height:20px; width:200px; margin-bottom:10px; clear:both; }
		.md_form_line_label { float:left; width:40px; display:block; }
		.md_form_line_input { float:right; width:150px; }
	/* Menue */
		.md_menue_link { background-color: #a8c8da; padding: 10px; margin-top: 10px; font-size: 10px; float: none; color: #003873; }
		.md_menue_link a { vertical-align: middle; }
		.md_menue_link #active { color: #FF480E; }
	/* Content */
		.md_content { margin: 0 0 10px 0; color: #000; background-color: #50A512; padding: 10px; font-size: 12px; float: left; width: 560px; }
		.md_content h1 { padding: 10px 0px 0px 0px; margin: 0; color: #FFF; font-size: 24px; font-weight: bold; }
		.md_content h2 { padding: 5px 0px 10px 0px; margin: 0; color: #FFF; font-size: 20px; font-weight: bold; }
		.md_content h3 { padding: 5px 0px 5px 0px; margin: 0; color: #FFF; font-size: 16px; font-weight: bold; }
		.md_content a img {	border: none; }
		.md_name { font-weight: bold; }
		.md_kommentar { color: #000; padding: 10px; width: 540px; margin-bottom: 8px; background-color: #72B740; float: left; }
		.md_kommentar_name { width: 130px; float: left; color: #000; }
		.md_kommentar_datum { float: left; padding-left: 10px; color: #000; }
		.md_kommentar_icon { float: left; padding-left: 10px; }
		.md_kommentar_text { float: right; width: 300px; padding: 0px; color: #000; }
		.md_name { font-weight: bold; }


#portfolio {
   background:url(/img_allgemein/portfolio.jpg) no-repeat 0 0;
   height:100px;
   width:180px;
   display:block;
}

#portfolio:hover {
   background-position:0 -100px;
}

#portfolio span {
   position:absolute;
   top:-100px;
   left:-500px;
}





/*additions für startseite*/

.clear {
   clear:both;
}

#startBlock ul {
   display:block;
   margin:0;
   padding:0;
}

#startBlock ul li {
   margin:0;
   padding:0;
   list-style-type:none;
   margin-bottom:10px;
   min-height:100px; height:auto !important; height:100px;
   position:relative;
   padding-left:190px;
   font-weight:bold;
   color:black;
   font-size:12px;
   background:url(/img_allgemein/hintergrund_news.jpg) repeat-y;
}

#startBlock ul li img {
   position:absolute;
   top:0;
   left:0;
   border:0;
}

#startBlock ul li h2 {
   margin:0;
   padding:0;
   font-size:20px;
   line-height:100%;
   margin-bottom:8px;
   margin-top:8px;
   font-weight:normal;
}

x#startBlock ul li h2 a {
   color:#5585a0;
}

x#startBlock ul li h2 a:hover {
   color:#FF480E;
}

#startBlock ul li .startBlockLeft {
   width:240px;
   float:left;
}

#startBlock ul li .startBlockRight {
   float:right;
   width:360px;
   font-size:11px;
   font-weight:normal;
   margin-top:8px;
   line-height:14px;
}

/* Twitter */

ul li#twitter-feed {
	display: none;
	list-style: none;
	background: url(/img_allgemein/twitter/bg.jpg) no-repeat;
	padding: 0 0 0 0px;
	height: 100px;
	width: 810px;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: normal;
}
ul li a#follow-link {
	margin: 12px 25px 49px 53px;
	width: 100px;
	height: 40px;
	display: block;
	float: left;
	text-indent: -9999px;
	_margin-left: 0;
	_padding-left: 53px;
}
ul li a#follow-link:hover {
	background: url(/img_allgemein/twitter/bg_link_hover.jpg) no-repeat;
	_background-position: 53px 0;
}
ul li #twitter-status {
	display: inline-block;
	font-style: italic;
	width: 480px;
	margin: 22px 135px 0 0px;
}
ul li #twitter-status p {
	margin: 0;
}
ul li #twitter-status a {
	font-style: normal;
	font-weight: bold;
}
ul li#twitter-feed ul {
	margin: 0;
	padding: 0;
} 
#startBlock ul li#twitter-feed ul li {
	background: none;
	width: auto;
	min-height: 10px;
	height: auto !important;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: normal;
}
.tweet_time {
	
}

