/* ----------------------------------------------------
author:   Ralph Scholze - http://www.webpixelkonsum.de
email:    info@webpixelkonsum.de
title:    Stylesheet Medium Sreen
version:  28.12.2oo8 Version 2oo8.12
website:  http://www.webpixelkonsum.de

Inhaltsverzeichnis

o1. Allgemeiner Teil
o2. Layout
o3. Navigation
o4. CSS Pagination
------------------------------------------------------- */

/* o1. ________ Allgemeiner Teil ________ */

* { 
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../images_webpixelkonsum/bg_webpixelkonsum.gif) repeat-x;
	color:  #313031;
	direction: ltr;
	font: 16px Arial, Helvetica, Geneva, sans-serif;
	font-style: normal;
	line-height: 1;
}

h1 { 
	background-color: transparent;
	color: #910202;
	font-size: 1.4em;
	font-weight: 100;
}

h2 { 
	background-color: transparent;
	color: #910202;
	font-size: 1.2em;
	font-family: Helvetica, sans-serif;
	font-weight: 100;
	margin-top: 1.0em;
}
	
h3 { 
	background-color: transparent;
	color: #313131;
	font-size: 1.1em;
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
}

#stellenangebot h3 {
	font-size: 1.0em;
	font-weight: bolder;
}

#sidebar h3 {
	font-size: 1.5em;
	font-weight: 100;
}

#footer h3 { 
	color: #910202;
}

.clearone {
	clear: both;
	height: 0;
}

#mainbody { 
	position: relative;
}
	
#head {
	margin-left: 1%;
	width: auto;
}

#Logo { 
	height: 4em;
	margin: 2.5em 0 0 1.2em;
	width: 12em;
}

#Logo a:link, #Logo a:hover, #Logo a:visited {
	background-color: transparent;
	color: #910202;
	display: block;
	float: left;
	font-size: 1.5em;
	font-weight: 100;
	letter-spacing: 1px;
	text-decoration: none;
}

#masthead { 
	position: relative;
}
	
#maincontent {
	float: left;
	line-height: 1.1em;
	margin-top: 2.0em;
}

#maincontent #startcontent { 
	float: left;
	font-size: .9em;
	margin-left: 17.6em;
	width: 35em;
}

#maincontent #startcontent p { 
	font-size: .9em;
	margin: .5em 0;
	width: 85%;
}

#maincontent #startcontent ul { 
	list-style-image: url(../images_webpixelkonsum/arrow-right.gif);
	list-style-type: none;
	padding: .5em 0 .5em 1.8em;
	width: 85%;
}

#maincontent #startcontent ul li {
	font-size: .9em;
	line-height: 1.1em;
	padding: .1em;
}

#maincontent #content { 
	float: left;
	font-size: .9em;
	margin-left: .9em;
	position: relative;
	width: 35em;
}

#maincontent #content img { 
	border: 1px solid #c1c1c1;
	padding: .5em;
	width: 90%;
}
 
#maincontent #content p { 
	font-size: .9em;
	margin: .5em 0;
	width: 85%;
}

p.spruch {
	background-color: #92ee26;
	border-top: .2em solid #313131;
	padding: 1.0em .7em 1.0em .7em;
}

#maincontent #content ul { 
	list-style-image: url(../images_webpixelkonsum/arrow-right.gif);
	list-style-type: none;
	padding: .5em 0 .5em 1.8em;
	width: 85%;
}

#maincontent #content ul li {
	font-size: .9em;
	line-height: 1.1em;
	padding: .1em;
}

#maincontent #sidebar {
	float: left;
	margin-left: 1.1em;
	width: 14.10em;
}

#maincontent #sidebar p { 
	font-size: .9em;
	margin: .5em 0;
	width: 85%;
}

#footer { 
	background: url(../images_webpixelkonsum/bg_webpixelkonsum.gif) repeat-x;
	color:  #313031;
	height: 11em;
	margin: 1.7em 0;
	padding-left: 1.3em;
}

#footer p {
	font-size: .8em;
	margin-left: .5em;
	padding: .2em .5em;
}

#footer p.copyright {
	font-size: .7em;
	margin: .9em 0 0 .9em;
}

#aktuell {
	background-color: transparent;
	color: #2d2d2e;
	display: block;
	font-size: .9em;
	margin: .5em 0;
	padding: 2.0em 0 0 0;
	position: relative;
}

#aktuell .newsblock {
	border-right: 1px dotted #910202;
	float: left;
	height: 7.0em;
	margin: 0 0 0 .5em;
	width: 15.0em;
}

#aktuell .datum { 
	background-color: transparent;
	font-size: .8em;
	font-weight: 600;
	color: #313131;
	padding: 0;
	margin: .5em
}

#aktuell .text { 
	margin: .2em 0;
	padding: .4em .5em;
	width: 95%;
}

#information { 
	background-color: transparent;
	color: #2d2d2e;
	display: block;
	float: left;
	font-size: .9em;
	margin: 0 0 .7em .5em;
	padding: 0;
	position: relative;
	width: 12em;
}

a, a:link { 
	background-color: transparent;
	color: #303030;
	font-weight: lighter;
	text-decoration: underline;
}

a:hover { 
	background-color: #910202;
	color: #fff;
	font-weight: lighter;
}
	
a:visited { text-decoration: underline;}

a:active { text-decoration: none;}

body#home #navmain li a.home,
body#leistung-d #navmain li a.leistung,
body#leistung-o #navmain li a.leistung,
body#leistung-r #navmain li a.leistung,
body#leistung-s #navmain li a.leistung,
body#leistung-w #navmain li a.leistung,
body#leistung-p #navmain li a.leistung,
body#leistung-z #navmain li a.leistung,
body#leistung-q #navmain li a.leistung,
body#webdesign-referenz-a #navmain li a.webdesign-referenz,
body#webdesign-referenz-hfw #navmain li a.webdesign-referenz,
body#webdesign-referenz-tha #navmain li a.webdesign-referenz,
body#webdesign-referenz-frz #navmain li a.webdesign-referenz,
body#webdesign-referenz-il #navmain li a.webdesign-referenz,
body#webdesign-referenz-fr #navmain li a.webdesign-referenz,
body#webdesign-referenz-ch #navmain li a.webdesign-referenz,
body#webdesign-referenz-wpk #navmain li a.webdesign-referenz,
body#webdesign-referenz-mk #navmain li a.webdesign-referenz,
body#webdesign-referenz-red #navmain li a.webdesign-referenz,
body#kontakt-k #navmain li a.kontakt,
body#kontakt-f #navmain li a.kontakt,
body#kontakt-i #navmain li a.kontakt,
body#kontakt-d #navmain li a.kontakt,
body#weblog #navmain li a.weblog,
body#stellenangebot #navmain li a.stellenangebot {
	background-color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 1px;
}

body#leistung-d #navsub li a.d,
body#leistung-o #navsub li a.o,
body#leistung-r #navsub li a.r,
body#leistung-s #navsub li a.s,
body#leistung-w #navsub li a.w,
body#leistung-p #navsub li a.p,
body#leistung-z #navsub li a.z,
body#leistung-q #navsub li a.q,
body#webdesign-referenz-a #navsub li a.a,
body#webdesign-referenz-tha #navsub li a.tha,
body#webdesign-referenz-hfw #navsub li a.hfw,
body#webdesign-referenz-frz #navsub li a.frz,
body#webdesign-referenz-il #navsub li a.il,
body#webdesign-referenz-fr #navsub li a.fr,
body#webdesign-referenz-ch #navsub li a.ch,
body#webdesign-referenz-wpk #navsub li a.wpk,
body#webdesign-referenz-mk #navsub li a.mk,
body#webdesign-referenz-red #navsub li a.red,
body#kontakt-k #navsub li a.k,
body#kontakt-f #navsub li a.f,
body#kontakt-i #navsub li a.i,
body#kontakt-d #navsub li a.d {
	background-color: #eee;
	font-weight: bolder;
	letter-spacing: 1px;
}

/* o2. ________ Navigation ________ */

#navmain { 
	float: right;
 	height: 1.5em;
	margin: 0 1.2em 0 0;
	padding: 0;
	width: 42.4em;
}

#navmain ul { 
	font-size: .8em;
	float: right;
}

#navmain ul li { 
	float: left;
	height: 1.5em;
	margin-left: .1em;
	list-style: none;
}

#navmain ul li a, #navmain ul li a:link { 
	background-color: transparent;
	color: #303030;
	display: block;
	font-size: .9em;
	height: 1.5em;
	padding: .1em 1.0em;
 	text-decoration: none;	
 	width: auto;
}

#navmain ul li a:hover { 
	background-color: #eeeeee;
	font-weight: bolder;
}


#navsub {
	
}

#navsub ul { 
	float: left;
	font-size: .8em;
	margin: 0;
	padding: 0 .2em 0;
	width: 100%;
}

#navsub ul li { 
	border-bottom: 1px dotted gray;
	height: 1.6em;
	margin-left: .1em;
	list-style: none;
	padding: .2em 0;
 	width: 90%;
}

#navsub ul li a, #navsub ul li a:link { 
	background-color: transparent;
	color: #303030;
	display: block;
	font-size: .9em;
	height: 1.2em;
	padding: .3em 0 .3em 1.0em;
 	text-decoration: none;	
}

#navsub ul li a:hover { 
	background-color: #eeeeee;
	color: #303030;
 	text-decoration: none;
}

#navsub ul li a.active { 
	background-color: #eeeeee;
	color: #303030;
	font-weight: bold;
 	text-decoration: none;
}

/* o1. ________ Referenzen ________ */


#contentleft { margin-top: 1.0em;
	border-right: 1px dotted #313131;
	float: left;
	width: 15.0em;
}

#contentleft .Kontaktdaten {
	padding-bottom: 1.7em;
}

#contentright { margin-top: 1.0em;
	float: right;
	width: 17.35em;
}

#contentright dl { 
	font-size: .9em;
	margin: .5em 0 0 0;
	padding: 0;
}

#contentright dt { 
	padding-top: .2em;
	width: 3.7em;
}

#contentright dd {
	float: right;
	margin-top: -1.3em;
	width: 13.9em;
}
	
/* o4. ________ Impressum ________ */

#impressum { 
	background-color: transparent;
	color: #373737;
	font-size: .9em;
	margin: .5em 0 0 0;
	padding: 0;
}
	
#impressum dt {
	height: .9em;
	text-align: left;
	width: auto;
}

#impressum dd { 
	position: relative;
	left: 9em;
	top: -.9em;
	margin: 0 0 0 0;
	height: .9em;
	width: 20em;
}


#inhaber {
	padding-top: 2.0em;
}

#inhaber img {
	border: 1px solid #d1d1d1;
	padding: .5em;
	width: 75%;
}


#inhaber .newsblock {
	float: left; font-size: .9em;
	margin: 0 0 0 .5em;
	width: 14.50em;
}