/*
======================================================================
CSS-Stylesheet for http://www.surfadressen.info, ~.com, ~.de
Author: Andre' Renvert, http://www.renvert.com, andre@renvert.com
======================================================================
*/

/*___Global Styles___*/
* { margin : 0; padding : 0; list-style-type : none; border : 0; text-decoration : none; }
body { background : #000; }
.hidden { display : none; }
.linie { display : block; height : 1px; background : url("pics/linie.gif") top left repeat-x; clear : both; font-size : 1px; }
.frame { width : 900px; }

/*___Global Font Styles___*/
body { font : normal 12px/18px georgia,times,serif; color : #000; }
p { margin : 0px 0 10px 0; }
h4 { font-size : 12px; margin-bottom : 5px; }
.highlight { font-style : italic; font-weight : bold; color : #FF5A00; }
.small { font-size : 10px; line-height : 12px; }

/*___Global Link Styles___*/
a { font-weight : bold; color : #000; }
a:hover { font-weight : bold; color : #FF5A00; }
a.link_teaser { font-size : 11px; padding-left : 20px; background : url("pics/pfeil.gif") 0px 4px no-repeat; display : block; }
a.pfeil { font-size : 12px; padding-left : 20px; background : url("pics/pfeil.gif") 0px 4px no-repeat; display : block; }

/*___Content Styles___*/
#container { width : 100%; }
#header_oben { width : 100%; height : 81px; background : #fff; }
	#header_oben .links { height : 81px; width : 341px; float : left; background : url("pics/header_lio.jpg") top left no-repeat; }
	#header_oben .rechts { height : 81px; width : 559px; float : right; background : url("pics/header_reo.jpg") top left no-repeat; }
#header_unten { width : 100%; height : 149px; background : #FF5A00; }
	#header_unten .links { height : 149px; width : 341px; float : left; background : url("pics/header_liu.jpg") top left no-repeat; }
	#header_unten .rechts { height : 149px; width : 559px; float : right; background : url("pics/header_reu.jpg") top left no-repeat; }
#content { width : 100%; background : #fff; }
	#content .links { width : 341px; height : 100px; float : left; text-align : right; }
		#content .links img { margin : 55px 20px 0 0; }
	#content .rechts { width : 559px; float : right; background : #fff; }
	#content .rechts .teasertext { margin : 30px 0 33px 40px; }
	#content .first_teaser { background : url("pics/streifen.gif") top left no-repeat; }
#footer { clear : both; width : 100%; background : #000; }
#footer_oben { height : 20px; background : #FF5A00; clear : both; }
#footer a { font : normal 11px georgia, times, serif; color : #FF5A00; margin-left : 340px; display : block; width : 100px; padding : 20px 0 0 41px; background : url("pics/imp_line.gif") top left repeat-y; }
#footer a:hover { color : #FFC09D; }

/*___Imprint Styles___*/
body.impressum { background : #fff; }
body.impressum h1 { padding : 20px 0 20px 0; font-size : 20px; margin-bottom : 20px; background : #FF5A00; color : #fff; }
body.impressum h1 span { padding-left : 20px; }
#impressum { width : 300px; background : #fff; padding : 20px; }


/*============================================================*/