/*
Theme Name: medienPARK
Theme URI: http://medienpark.net/
Description: The original medienPARK Theme, with all it's grace.
Version: 0.1
Author: Chris Jahn
Tags: fixed width, three columns, no widgets, no fun.

alpha state at version 0.1
*/

body {
	background: #363740 url('images/bg.jpg') center top no-repeat;
	margin: 0;
	padding: 0;
	color: #2a3533;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95.01%;
	line-height: 1.333em;
	overflow-y: scroll;
}

.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

h1 {}
h2 { font-size: 1.42em; font-weight: normal; line-height: 1.75em; }
#sidebar h2 { font-size: 1em; font-weight: normal; line-height: 1.75em; }
#sidebar h3 { font-size: 1em; font-weight: normal; line-height: 1.75em; }
#sidebar h4 { font-size: .68em; margin: -3px 0 4px 0; font-weight: bold; font-style: italic; }
#inner h3, #page h3 { font-size: 1.50em; margin: 7px 0 0 0; font-weight: normal; line-height: 1.75em; color: #425c4b; }
#inner h4, #page h4 { font-size: .9em; margin: -3px 0 4px 0; font-weight: bold; font-style: italic; }
#home h3 { font-size: 1.3em; margin: 7px 0 6px 0; font-weight: normal; line-height: 1.25em; }
#blog h2, #page h2 { font-size: 1.5em; margin: 1px 0 6px 0; font-weight: normal; line-height: 1.25em; }
#blog h4 { font-size: .9em; margin: -3px 0 4px 0; font-weight: bold; font-style: italic; }

#leistungen h2 { line-height: 1em; margin: 6px 0 6px 0; }

a, a:link, a:visited, a:active { text-decoration: none; color: #577763; }
a:hover { text-decoration: none; color: #000; }

.post a, .post a:link, .post a:visited, .post a:active { text-decoration: underline; }
.post a:hover { text-decoration: none; color: #000; }

.breadcrumb a, .external, .weblink a { text-decoration: none !important; }

#contact a, #contact a:link, #contact a:visited, #contact a:active { text-decoration: none; color: #2a3533; }
#contact a:hover { color: #577763; }

hr {
	width: 100%;
	background: url('images/line_hor.gif') left top repeat;
	height: 2px;
	border: none;
	text-align: center;
	clear: both;
	margin: 15px 0 15px 0;
}

#wrapper {
	margin: 0 auto 8px auto;
	width: 1065px;
	background: url('images/bg_content.jpg');
}

#start {
	background: url('images/bg_head.jpg') no-repeat;
	height: 18px;
}

#left {
	float: left;
	width: 232px;
}

#middle {
	float: left;
	width: 746px;
	margin: 0 12px 0 12px;
	background: url('images/bg_inset.jpg') repeat-y;
}

#right {
	float: left;
	width: 61px;
}

#logo {
	float: left;
	display: block;
	padding: 29px 0 0 33px;
	width: 212px;
}

/* ############## START NAVIGATION */

#mainnav {
	background: url('images/bg_navigation.jpg');
}

#mainnav ul {
  list-style: none;
}

#mainnav ul li {
  display: inline;
}

#mainnav ul li.rss {
/* 	padding: 10px 39px 0 18px; */
	background: url('images/btn_rss.gif') 60px 10px no-repeat;
}

/* ############ SPRITE ############# */

#navigation {
	width: 746px;
	height: 38px;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 38px;
	position: relative;
	display: block;
	background: url('images/sprite_navigation.jpg') 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.about {
  background-position: 0 0;
  width: 104px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: 0 -38px;
  width: 104px;
}

#navigation a.leistungen {
  background-position: -104px 0px;
  width: 180px;
}

#navigation .highlight a.leistungen:hover,
#navigation a.leistungen .hover {
  background-position: -104px -38px;
}

#navigation a.referenzen {
  background-position: -284px 0;
  width: 182px;
}

#navigation .highlight a.referenzen:hover,
#navigation a.referenzen .hover {
  background-position: -284px -38px;
}

#navigation a.kontakt {
  background-position: -466px 0;
  width: 180px;
}

#navigation .highlight a.kontakt:hover,
#navigation a.kontakt .hover {
  background-position: -466px -38px;
}

#navigation a.blog {
  background-position: -646px 0;
  width: 100px;
}

#navigation .highlight a.blog:hover,
#navigation a.blog .hover {
  background-position: -646px -38px;
}

/* ############## END NAVIGATION */

#slogan {
	background: url('images/bg_slogan.jpg');
	display: block;
	width: 746px;
	height: 82px;
	padding: 65px 0 0 0;
}

#slogan img {
	margin: 0 0 0 10px;
}

#contact {
	line-height: 1.55em;
	font-size: .65em;
}

#sidebar-contact {
	line-height: 1.55em;
	font-size: .625em;
}

#sidebar-contact h2 {
	font-size: 1.85em;
}

.btnhome {
	background: url('images/sprite.png') no-repeat;
	padding: 0 0 0 35px;
	margin: 90px 0 0 35px;
}

.btnphone {
	background: url('images/sprite.png') 0 -113px;
	padding: 0 0 0 35px;
	margin: 12px 0 0 35px;
}

.btnmail {
	background: url('images/sprite.png') 0 -200px;
	padding: 0 0 0 35px;
	margin: 12px 0 0 35px;
}

.btnmap {
	background: url('images/sprite.png') 0 -275px;
	padding: 0 0 0 35px;
	margin: 12px 0 0 35px;
}

.btnimprint {
	background: url('images/sprite.png') -247px 0;
	padding: 0 0 0 35px;
	margin: 12px 0 0 35px;
}

#footer {
	background: #000 url('images/bg_footer.jpg');
	height: 45px;
	padding: 10px 0 0 35px;
	color: #fff;
	font-family: Georgia, Times, serif;
	font-size: .75em;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

.footer_rss {
	float: left;
	width: 55px;
	display: block;
}

#abschluss {
	background: url('images/bg_foot.jpg') no-repeat;
	height: 18px;
	margin-bottom: 0px;
}


/* ####################### STANDARDS CONTENT */

#inner {
	margin: 25px 40px 0 40px;
	font-size: .75em;
	line-height: 1.45em;
}

#content {
	line-height: 1.45em;
	min-height: 450px;
}

#content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sprite li {
	background: url('images/sprite.png') 0 -330px;
	padding: 0 0 0 30px;
	line-height: 1.85em;
}

ul.arrow li {
	background: url('images/arrow.gif') 0 3px no-repeat;
	padding: 0 0 0 30px;
	line-height: 2em;
}

ul.arrow li.arrow2 {
	background: url('images/arrow_2.gif') 0 3px no-repeat;
	padding: 0 0 0 30px;
	line-height: 2em;
}

#sidebar ul.sprite li {
	line-height: 1.75em;
	font-size: .75em;
}

ul.border {
	margin-bottom: 10px;
	background: #f9f9f9;
	width: 220px;
}

ul.border li {
	border-bottom: 1px solid #d3d6d5; 
	border-top: 1px solid #fff; 
	border-left: 1px solid #d3d6d5;
	border-right: 1px solid #fff; 
}

ul.border li:hover {
	background-color: #fff;
}

ul.border li a {
	display: block;
}

#content img {
/*
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
*/
}

#page {
	width: 430px;
	float: left;
	margin: 10px 2px 10px 30px;
	font-size: .75em;
	line-height: 1.45em;
}

#page .weblink {
	float: right;
	border: none;
	margin: 0 20px 0 0;
}

#page .weblink img {
	border: none;
}

#page .logo {
	border: none;
	margin: 0 0 10px 0;
	padding: 6px 0 6px 10px;
	float: left;
	display: block;
	width: 100%;
	background: #f1f1f1 url('images/bg_logo.gif') right top repeat-y;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
}

#page .logo img {
	border: none;
}

#page .logo:after {
	clear: both;
}

.indent {
	left: -9999em;
	height: 1px;
	position: absolute;
}

#sidebar {
	float: left;
	width: 240px;
	margin: 10px 20px 10px 0;
	padding: 0 0 0 20px;
	background: url('images/line_vert_fade.gif') 0 0 no-repeat;
}


/* #################### STARTSEITE */

#home {
	margin: 25px 0 0 40px;
	font-size: .75em;
	line-height: 1.45em;
}

.break {
	display: block;
	width: 80px;
	height: 60px;
	float: left;
}

.breakright {
	display: block;
	width: 180px;
	height: 160px;
	float: right;
}

ul#kundenlogos {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	background: url('images/bg_mirror.jpg') 0 65px repeat-x;
}

ul#kundenlogos li {
	float: left;
	display: block;
	width: 210px;
	height: 114px;
	cursor: pointer;
	background: url('images/bg_reflogo.gif');
	margin: 0 20px 20px 20px;
}

ul#kundenlogos li a {
	display: block;
	width: 160px;
	height: 80px;
	padding: 8px 0 0 52px;
}

.btncommunication {
	background: url('images/btn_commerce.gif') 3px 12px no-repeat;
	width: 320px;
	height: 200px;
	float: left;
	padding: 6px;
	border-right: 1px solid #d3d6d5; 
	border-bottom: 1px solid #d3d6d5; 
}

.btnecommerce {
	background: url('images/btn_shop.gif') 10px 14px no-repeat;
	width: 320px;
	height: 192px;
	float: left;
	padding: 10px;
	border-bottom: 1px solid #d3d6d5; 
	border-left: 1px solid #fff; 
}

.btndesign {
	background: url('images/btn_design.gif') 0 15px no-repeat;
	width: 320px;
	height: 206px;
	float: left;
	padding: 6px;
	border-right: 1px solid #d3d6d5; 
	border-top: 1px solid #fff; 
}

.btncadeaux {
	background: url('images/btn_cadeaux.gif') 0 10px no-repeat;
	width: 320px;
	height: 206px;
	float: left;
	padding: 10px;
	border-top: 1px solid #fff; 
	border-left: 1px solid #fff; 
}

.btnmail_big {
	background: url('images/btn_mail.jpg') no-repeat;
	display: block;
	height: 48px;
	width: 48px;
	float: left;
	margin-right: 15px;
}



/* ##################### REFERENZEN */

#referenzen {
	margin: 25px 0 40px 40px;
	background: url('images/bg_clients.jpg') no-repeat;
	min-height: 400px;
}

#tags {
	margin: 25px 10px 40px 20px;
	min-height: 400px;
}

#tags ul, #referenzen ul {
	list-style: none;
	margin: 1px 0 0 6px;
	padding: 0;
}

#tags ul li, #referenzen ul li {
	background: none;
	height: 33.333%;
	width: 164px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-left: 1px solid #ddd;
}

#tags ul li a, #referenzen ul li a {
	display: block;
	width: 164px;
	height: 100px;
	cursor: pointer;
}

#tags ul li:hover, #referenzen ul li:hover {
	background: #fff url('images/bg_clients2.gif') left bottom;
}

ul.refImage li a span {
	position: relative;
	top: 75px;
	background-color: #588059;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	color: #fff;
	display: block;
	height: 25px;
	padding: 0 0 0 10px;
	font-size: .75em;
	line-height: 1.45em;
}

.narrow {
	width: 250px;
	padding-left: 63px;
}

.narrower {
	width: 200px;
	margin: 10px 0 10px 0;
}

.floatleft {
	float: left;
	padding-right: 10px;
}

/* #################### PAGES */

#about {
	width: 430px;
	float: left;
	margin: 10px 0px 10px 30px;
	font-size: .75em;
	line-height: 1.45em;
	background: url('images/filler_logo.jpg') 260px 10px no-repeat;
}

#leistungen {
	width: 430px;
	min-height: 400px;
	float: left;
	margin: 10px 0px 10px 30px;
	font-size: .75em;
	line-height: 1.45em;
	background: url('images/filler_laptop.gif') 280px 10px no-repeat;
}

#kontakt {
	width: 430px;
	float: left;
	margin: 10px 0px 10px 30px;
	font-size: .75em;
	line-height: 1.45em;
	background: url('images/filler_schild.gif') 323px 15px no-repeat;
}

.featurebox {
	display: block;
	width: 180px;
	height: 130px;
	float: left;
	font-size: .95em;
	margin: 10px;
	border: 1px solid #ddd;
	padding: 5px;
	background-color: #fff;
}

.featurebox h2 {
	font-size: 1.2em;
}

#anfahrt {
	position: absolute;
	top: 50%;
	left: 35%;
	width: 500px;
	height: 370px;
	background: #f5f5f5 url('images/bg_anfahrt.gif') right top no-repeat;;
	border: 3px solid #ddd;
	z-index: 12;
	font-size: .75em;
	padding: 6px 0 0 20px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#anfahrt h3 {
	font-size: 1.33em;
}

/* #################### BLOG */

#blog {
	width: 420px;
	float: left;
	margin: 10px 10px 10px 30px;
	font-size: .75em;
	line-height: 1.45em;
}

#blog .minientry {
	display: block;
	float: left;
	width: 190px;
	height: 340px;
	margin: 10px;
	text-align: left;
}

#sidebar .minientry {
	display: block;
	float: left;
	width: 215px;
	margin: 15px 0 0 0;
	font-size: .625em;
	line-height: 1.333em;
}

#page p, #blog p {
	padding-right: 10px;
}

#sidebar .minientry h2 {
	font-size: 1.45em;
}

#sidebar .minientry h4 {
	font-size: 1em;
}

p {
	margin: 7px 0 7px 0;
}

blockquote {
	margin: 0px;
	padding: 6px 6px 6px 40px;
	font-family: Times, Georgia, serif;
	float: right;
	color: #555;
	font-size: 1.25em;
	line-height: 1.3em;
	background: url('images/blockquote.gif') no-repeat;
}

.date {
	background: url('images/btn_calendar.gif') no-repeat;
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	text-align: center;
	margin-right: 10px;
}

.date .day {
	color: #588059;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 2px;
}

.date .month {
	color: #fff;
	padding-top: 5px;
	font-variant: small-caps;
	font-size: .9em;
}

.rssbutton {
	margin-top: 25px;
}

.rssbutton a img {
	border: none !important;
}

.post-it {
	background: #FCFCFC url('images/bg_clients2.gif') left bottom repeat-x;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	display: block;
	width: 80%;
	padding: 10px;
	margin: 0 0 10px 25px;
}

#sidebar-extra {
	font-size: .68em;
	line-height: 1.333em;
}

#sidebar-extra h3 {
	font-size: 1.33em;
	line-height: 1.28em;
	margin: 6px 0 5px 0;
}

/* #################### ARCHIVES */

#archives {
	font-size: .75em;
	line-height: 1.3em;
	width: 420px;
	float: left;
	margin: 10px 10px 10px 30px;
}

/* #################### KONTAKT */

#map {
	border-top: 2px solid #bbb;
	border-left: 2px solid #bbb;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

.anfahrt {
	clear: both;
	width: 624px;
	display: block;
	background: #ddd url('images/sprite.png') 5px -271px no-repeat;
	padding: 2px 4px 2px 35px;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #fff;
	font-size: .95em;
	height: 24px;
}

.recht {
	font-size: .95em;
}

/* #################### SIDEBAR */

#sidebar .info {
	padding: 0px 1px 1px 1px;
	margin: 4px 0 4px 0;
	line-height: 1.65em;
	font-size: .68em;
}

#sidebar .info a {
	background: #fff;
	border: 1px solid #ddd;
	padding: 0 3px 0 3px;
	color: #333;
	font-variant: small-caps;
}

#sidebar .info a:hover {
	background: #588059;
	border-top: 1px solid #224F23;
	border-left: 1px solid #224F23;
	border-right: 1px solid #99AF99;
	border-bottom: 1px solid #99AF99;
	color: #fff;
}

#sidebar .cat {
	background: url('images/icon_cat.png') 0px 2px no-repeat;
	padding-left: 18px;
}

#sidebar .datum {
	background: url('images/icon_date.png') 0px 2px no-repeat;
	padding-left: 18px;
}

#sidebar .tags {
	background: url('images/icon_tags.png') 0px 2px no-repeat;
	padding-left: 18px;
}

#sidebar .leser {
	background: url('images/icon_leser.png') 0px 2px no-repeat;
	padding-left: 18px;
}

.breadcrumb {
	width: 100%;
	background: url('images/line_hor.gif') left top repeat-x;
	height: 2px;
	clear: both;
	margin-top: 20px;
	padding-top: 10px;
}

.alignleft a, .alignright a {
	background:url('images/bg_nav-right.png') no-repeat top right;
	color:#333;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding-right:9px
}

.alignleft a span, .alignright a span {
	background:url('images/bg_nav-left.png') no-repeat top left;
	color:#333;
	display:block;
	line-height:24px;
	padding-left:9px;
	text-shadow:#fff 0 1px 0
}

.alignleft a:hover span, .alignright a:hover span {
	color: #000;
}

.alignright {
	float:right
}


/* ################# FORMULARE */

.contact-form {
}

textarea,
input,
select {
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	width: 300px;
	border-color: #ccc;
}

textarea:focus,
input:focus,
select:focus {
	border-width: 1px;
	border: 1px solid #ddd;
}

textarea {
	width: 400px; /* overwriting the obvious */
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
	border: 0 none;
}

select option {
	padding: 2px;
}

input[type="submit"] {
	padding: 3px;
	margin: 5px 0;
	border: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border-radius: 3px;
	width: 408px;
}

input.button {
	width: 408px;
}

input[type="submit"]:hover {
	background-color: #eee;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #333;
}

form p.submit a.cancel:hover {
	text-decoration: none;
}

fieldset, label{
	display: block;
	float: left;
	width: 240px;
	margin: 2px 0 0 2px;
	font-size: .95em;
}

span.required {
	font-size: .68em;
	color: #ff6600;
}

input[type="checkbox"] {
	width: 40px;
	float: left;
}

p.error, p.important {
	color: #AF0C00;
	padding: 4px 6px 4px 6px;
	background-color: #FFE7DF;
	border: 1px dashed #EF8B68;
	width: 300px;
}

p.success {
	color: #3AAF00;
	padding: 4px 6px 4px 6px;
	background-color: #EAFFDF;
	border: 1px dashed #8BDF61;
	width: 300px;
	margin-bottom: 260px;
}

/* ############## WP-STYLES */

div.shadow {
	display: block;
	background: url('images/bg_alignnone.png') center center no-repeat;
}

#page div.shadow img {
	margin-left: 13px;
}

#blog div.shadow img {
	margin-left: 8px;
}

div.mapshadow {
	display: block;
	background: url('images/bg_map.png') center center no-repeat;
}

div.mapshadow img {
	margin: 6px 0 0 6px;
}