* { margin: 0; padding: 0;  }

body {
	font: 13px/20px "Verdana", Verdana, Arial, Helvetica, sans-serif;	
	margin: 0; padding: 0 0 50px 0; 
	background: #070707 url(http://www.ospmedia.de/images/hintergrund.jpg) repeat-x;
	text-align: center;
}
.right-align {
	text-align: right;
}
.no-border {
	border: none;
}
a {
	text-decoration: underline;
	color: #d92231; 	
}
a:hover {
	background: #F0f0f0; 
	color: #000;
	border-bottom: 1px dotted #000;
}
p, dl { 
	padding: 10px; margin: 0; 
}
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: none; 
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
.img-float-left
{
	float: left;
	margin: 10px 10px 5px -10px;
	background: #fafafa;
    border: 1px solid #dcdcdc;
	padding: 5px;
}
.img-float-left2
{
	float: left;
	margin: 7px 15px 10px 10px;
	background: none;
    border: 0px solid;
	padding: 0px;
}
.img-float-right
{
	float: right;
	margin: 1px 0px 10px 15px;
	background: #fafafa;
    border: 1px solid #dcdcdc;
	padding: 5px;
}
.img-float-right-ohne-b
{
	float: right;
	margin: 1px 0px 10px 15px;
	background: none;
    border: 0px solid;
	padding: 0px;
}
.img-float-right-ohne-b2
{
	float: right;
	margin: 10px 0px 0px 15px;
	background: none;
    border: 0px solid;
	padding: 0px;
}
.img-float-right-om
{
	float: right;
	margin: -5px 00px 0px 10px;
	background: #fafafa;
    border: 0px solid #dcdcdc;
	padding: 0px;
}
#full
{
	position: absolute;
	margin-left: 595px;
	width: 200px;
	height: 170px;
	background: none;
	border: 0px solid;
	overflow: auto;
	top: 1247px;
}
#sale
{
	position: absolute;
	margin-left: -95px;
	width: 121px;
	height: 120px;
	background: none;
	border: 0px solid;
	overflow: auto;
	top: 1005px;
}
#lupe
{
	position: absolute;
	margin-left: -65px;
	width: 65px;
	height: 65px;
	background: none;
	border: 0px solid;
	overflow: auto;
	top: 1365px;
}
#ranking
{
	position: absolute;
	margin-left: 650px;
	width: 167px;
	height: 224px;
	background: none;
	border: 0px solid;
	overflow: auto;
	top: 1100px;
}
#internet
{
	position: absolute;
	margin-left: -150px;
	width: 165px;
	height: 168px;
	background: none;
	border: 0px solid;
	overflow: auto;
	top: 540px;
}
.img-float-left-haus a
{
	float: left;
	margin: 16px 15px 10px 10px;
	background: #fafafa;
    border: 1px solid #dcdcdc;
	padding: 5px;
}
.img-float-left-haus a:hover
{
	float: left;
	margin: 16px 15px 10px 10px;
	background: #fafafa;
    border: 1px solid #444444;
	padding: 5px;
	cursor: url(http://www.ospmedia.de/images/zoomin.cur), pointer;
}
.partner-logos
{
	float: left;
	margin: 0px 0px 0px 40px;
}
.eingerueckt { margin: 0px 0px 0px 20px;
}
.linie 
{ 
	border-top: solid 1px #ebebeb;
	margin: 12px 10px 10px 10px;
}
#header {
	position: relative;
	background: #fff url(http://www.ospmedia.de/images/rahmen.jpg) no-repeat;
	margin: 0 auto;
	width: 940px;
	height: 359px;
	text-align: left;	
}
#header-photo {
	position: absolute;
	top: 69px; left: 25px;	
	padding: 0;		
	height:290px; 
	width: 890px;
	clear: both;
	/* border: 1px solid #F0F0F0; */
}
#header-photo img {
	border: none;
	margin: 0; padding: 0;
} 
#header #ospmedia-logo img{
	background: transparent;
    border: 0px solid;
	padding: 0px;
}
#header #ospmedia-logo a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 80px;
	left: 39px;
	width: 238px;
	height: 43px;
	background: transparent;
	border: none;
}
#header #ospmedia-logo-rechts img {
	background: transparent;
    border: 0px solid;
	padding: 0px;
}
#header #ospmedia-logo-rechts a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 80px;
	right: 39px;
	width: 238px;
	height: 43px;
	background: transparent;
	border: none;
}
#navigation {
	position: absolute;
	margin: 0;
	padding: 0;
	width: auto;
	left: 105px;
	top: 372px;
	bottom: -55px;
	border-bottom: 1px solid #ebebeb;
	height: 40px;
}
#navigation ul {
	float: left;
	list-style: none;
	width: auto;		
	height: 40px;
	margin: 0; padding: 0;	
	display: inline;
}
#navigation ul li {
	display: inline;
	margin: 0; padding: 0;
}
#navigation ul li a {
	float: left;
	margin: 0;	padding: 0px 12px 0 11px;
	font: normal 20px/27px "Tw Cen MT", Verdana, Tahoma, Helvetica, Arial, Sans-serif;
	text-decoration: none;	
	color: #d92231;		
	letter-spacing: 0px;
	border-right: 1px solid #ffffff;
	background: #fff url(http://www.ospmedia.de/images/navigation-bg.jpg);
}


#navigation ul li a:hover, 
#navigation ul li a:active {
	color: #ffffff;
	background: #fff url(http://www.ospmedia.de/images/navigation-bg-active.jpg);
	border: none;
	border-right: 1px solid #ffffff;
}
#content-bg-aussen {
	background: #ffffff;
	width: 100%;
}
#content-area {
	width: 940px;
	margin: 0 auto;	
	text-align: left;
}
* html #content-area {
	width: 930px;
	margin: 0 auto;	
	text-align: left;
}
#content {
	float: left;
	width: 100%;
	background: #fff url(http://www.ospmedia.de/images/content-bg.jpg) no-repeat;		
}
.spalte1 {
	margin-right: 250px;
	padding-left: 25px;
}
.spalte2 {
	float: left;
	width: 210px;
	margin-left: -235px;
	margin-top: 0px;
}
.spalte2 p {
    color: #5f5f5f;
	font: normal 11px/17px "Verdana", Arial, sans-serif;
	text-transform: none;
	text-align:left;
}
.left-text {
	text-align:left !important;
}
.line-height {line-height: 170%;}

.marketing ul li {
	list-style-image: url(http://www.ospmedia.de/images/list.jpg);
	line-height: 170%;
}
.marketing ul li ul li {
	list-style-image: url(http://www.ospmedia.de/images/pfeil-pixel.gif);
	line-height: 170%;
}
.marketing2 ul li {
	list-style-image: url(http://www.ospmedia.de/images/pfeil-pixel.gif);
	line-height: 170%;
}
.marketing3 ul li ul li {
	list-style-image: url(http://www.ospmedia.de/images/pfeil-pixel2.gif);
	line-height: 170%;
}
.marketing3 ul li {
	list-style-image: url(http://www.ospmedia.de/images/list-gruen.jpg);
	line-height: 170%;
}
.marketing4 ul li ul li {
	list-style-image: url(http://www.ospmedia.de/images/pfeil-pixel3.gif);
	line-height: 170%;
}
.marketing4 ul li {
	list-style-image: url(http://www.ospmedia.de/images/list-blau.jpg);
	line-height: 170%;
}
.spalte1, .spalte2  {
	padding-bottom: 20px;
}
#content .list-normal ul li {
	list-style-image: url(http://www.ospmedia.de/images/list.jpg);
}
#content .list-normal ul li ul li {
	list-style-image: url(http://www.ospmedia.de/images/list2.jpg);
}
#content .list-gruen ul li {
	list-style-image: url(http://www.ospmedia.de/images/list-gruen.jpg);
}
#content .list-gruen ul li ul li {
	list-style-image: url(http://www.ospmedia.de/images/list2-gruen.jpg);
}
#content .list-blau ul li {
	list-style-image: url(http://www.ospmedia.de/images/list-blau.jpg);
}
#content .list-blau ul li ul li {
	list-style-image: url(http://www.ospmedia.de/images/list2-blau.jpg);
}
h1, h2, h3 {
	font-family: "Tw Cen MT", Verdana, Tahoma, Arial;
}
	h1 {
	color: #111111;
	font-size: 2.1em;
	padding: 5px 10px;
	margin: 60px 0 0px 0;
	letter-spacing: -1px;
}	
	#kontakt h1 {
	color: #111111;
	font-size: 1em;
	padding: 5px 10px;
	margin: 60px 0px 0px 0;
	letter-spacing: -1px;
}
	h2 {
	color: #222222;
	font-size: 1.5em;
	font-style:italic;
	text-transform: none;
	letter-spacing: 0px;
	padding: 5px 10px;
	margin: 10px 0 5px 0;
}
	h3 {
	color: #111111;
	font-size: 1.6em;
	font-style:italic;
	text-transform: none;
	letter-spacing: 0px;
	padding: 5px 10px;
	margin: 10px 0 5px 0;
}
#aktuell-partner {
	text-transform: uppercase;
	font: italic 1.6em "Tw Cen MT", Verdana, Tahoma, Arial, sans-serif;
	padding: 5px 10px;
	margin: 10px 0 5px 0;
}
.fakten { 
	background:url(http://www.ospmedia.de/images/gradient.gif) right center no-repeat #fafafa;
	color: #222222;
}
.fakten2 { 
	background:#fafafa;
	color: #222222;
}
.highlight { 
	color: #d92231; 
	background: #fafafa;
}
.highlight2 { 
	color: #d92231; 
	background: #fafafa;
}
.telefon-border {
	border: 1px solid #666666;
}
.telefon { 
	background: #fafafa;
	color: #d92231;
	text-align: center;
}
.telefon2 { 
	background: #fafafa;
	color: #222222;
	text-align: center;
}
#footer-aussen {
	clear: both;
	width: 940px;
	margin: 0 auto;
	text-align: left;
	font: normal 0.9em/1.0em 'Verdana', Tahoma, Sans-serif;			
}
#footer-aussen a {
	color: #fff;
	background: transparent;
}
#footer {
	float: left;	
	width: 100%;	
	padding: 0;				
	margin-left: 5px;	
	margin-top: 10px;
}
#footer-bottom {
	clear: both;
	border-top: 1px solid #111;
	width: 880px;
	margin: 0 auto;	
}

#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 0;
}
#footer-bottom .bottom-right a{
	text-decoration: none;
	color: #ffffff;
}
#footer-bottom .bottom-right a:hover{
	text-decoration: none;
	border-bottom: 1px solid #d92331;
}
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clearer { clear: both; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
.sup
{
	font: normal 0.8em 'Arial', Tahoma, Arial, Sans-serif;
}
.leistungen {
	font: normal 1.5em "Tw Cen MT", Verdana, Tahoma, Arial, sans-serif;
	color: #111111;
}
.leistungen a {
	color: #111111;
	text-decoration: none;
	border-bottom: 1px solid #d92231;
}
.leistungen a:hover {
	color: #111111;
	text-decoration: none;
	border-bottom: 1px solid #111111;
	background: none;
}
.leistungen2 {
	font: normal 1.5em "Tw Cen MT", Verdana, Tahoma, Arial, sans-serif;
	color: #111111;
}
.leistungen2 a {
	color: #111111;
	text-decoration: none;
	border-bottom: 1px solid #33cc33;
}
.leistungen2 a:hover {
	color: #111111;
	text-decoration: none;
	border-bottom: 1px solid #111111;
	background: none;
}
.leistungen3 {
	font: normal 1.5em "Tw Cen MT", Verdana, Tahoma, Arial, sans-serif;
	color: #111111;
}
.leistungen3 a {
	color: #111111;
	text-decoration: none;
	border-bottom: 1px solid #3333cc;
}
.leistungen3 a:hover {
	color: #111111;
	text-decoration: none;
	border-bottom: 1px solid #111111;
	background: none;
}
.mehr a { font-weight: bold;}
.mehr a:hover {
	background: none;
	border-bottom: none;
	font-weight: bold; 
}
.mehr2 a { font-weight: bold; color: #33cc33;}
.mehr2 a:hover {
	background: none;
	border-bottom: none;
	font-weight: bold; 
	color: #111111
}
.mehr3 a { font-weight: bold; color: #3333cc;}
.mehr3 a:hover {
	background: none;
	border-bottom: none;
	font-weight: bold; 
	color: #111111
}
.mail {
	color: #222222;
	text-decoration: none; border-bottom: 1px solid #d92231;
}
.mail a { 
	color: #222222; text-decoration: none;
	border-bottom: 1px solid #d92231;
}
.mail a:hover, active { 
	color: #d92231;
	text-decoration: none;
	background: none;
}
.mail-blau {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #3333cc;
}
.mail-blau a { 
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #3333cc;
}
.mail-blau a:hover, active { 
	color: #3333cc;
	text-decoration: none;
	background: none;
}
.mail-gruen {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #33cc33;
}
.mail-gruen a {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #33cc33;
}
.mail-gruen a:hover, active { 
	color: #33cc33;
	text-decoration: none;
	background: none;
}
.mail2  {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #3333cc;
}
.mail2 a {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #3333cc;
}
.mail2 a:hover, active {
	color: #3333cc;
	text-decoration: none;
	background: none;
}
.erstes {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #d92231;
}	
.zweites {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #33cc33;
}
.drittes {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #3333cc;
}
.zus a {
	text-decoration: none;
	background: none;
}
.zus a:hover {
	color: #d92331;
	text-decoration: none;
	border-bottom: 1px solid #d92231;
	background: #ffffff;
}
.wrong {color: #d92231;}
.right {color: #33cc33;}
.zusammenfassung { 
	font: 1.3em "Tw Cen MT", Verdana, Tahoma, Arial, sans-serif;
	color: #111111; background: #f5f5f5;
}

* html .vorschau0 {line-height: 8mm}
* html .vorschau {line-height: 8mm;}
* html .vorschau0 {line-height: 8mm;}
* html .vorschau2 {line-height: 8mm;}
* html .down {line-height: 8mm;}
* html .down2 {line-height: 8mm;}
.vorschau0 {line-height: 1.85em}

.vorschau0 a img {
	background: #FAFAFA;
    border: 1px solid #DCDCDC;
	padding: 5px;
	margin: 4px 12px 0px 0px;
	float:left;
}
.vorschau0 a:hover img {
	background: #FAFAFA;
    border: 1px solid #444444;
	padding: 5px;
	margin: 4px 12px 0px 0px;
	float:left;
}
.vorschau a img {
	background: #FAFAFA;
    border: 1px solid #DCDCDC;
	padding: 5px;
	margin: 3px 12px 0px 0px;
	float:left;
}
.vorschau a:hover img {
	background: #FAFAFA;
    border: 1px solid #444444;
	padding: 5px;
	margin: 3px 12px 0px 0px;
	float:left;
	cursor: url(http://www.ospmedia.de/images/zoomin.cur), pointer;
}
.vorschau2 a img {
	background: #FAFAFA;
    border: 1px solid #DCDCDC;
	padding: 5px;
	margin: 4px 12px 0px 0px;
	float:left;
}
.vorschau2 a:hover img {
	background: #FAFAFA;
    border: 1px solid #444444;
	padding: 5px;
	margin: 4px 12px 0px 0px;
	float:left;
	cursor: default;
}
.vorschau {line-height: 1.85em}

.down { margin: 10px 0px 0px 0px;}
.down2 { margin: 0px 0px 0px 0px;}
.up { margin: 6px 0px 0px 0px;}
.no-bg a:hover {
	background: none;
	text-decoration:none;
	border-bottom: none;
}
.bildschatten {
  	background: url(http://www.ospmedia.de/images/schatten.jpg) no-repeat bottom left;
  	padding: 3px 7px 17px 7px;
  	border-top: 1px solid #eeeeee;
}
.sitemap a {
	color: #111111;
	text-decoration: none;
	background: none;
}
.sitemap a:hover, active {
	color: #111111;
	text-decoration: none;
	border-bottom: 1px solid #d92231;
	background:none;
}
#footer-aussen #footer-bottom #r {
	float: left;
	margin-top: 11px;
	padding: 0;
	border: none;
	text-decoration: none;
	color: #999999;
	font-size: 90%;
}