@charset "utf-8";

/**
 * Theme Name: dkRoyal
 * Theme URI: digitalkombinat.net
 * Description: New theme for digitalkombinat.net designed by Markus Winkelmann. Coding, effects and bugfixes by Kim-Christian Meyer.
 * Author: Markus Winkelmann
 * Implemented by: Kim-Christian Meyer
 * Author URI: digitalkombinat.net
 * Version: 0.8
 * Copyright ©2009 digitalkombinat.net
 */



/**
 * Bereiche
 */

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	/* Scrollleiste erzwingen, verhindert Sprünge in Animationen */
	margin-bottom: 1px;
	background: url("img/bg.gif") repeat-x;
}

#center {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

#header {
    text-align: right;
	height: 120px;
}

#header img {
	margin: 32px 16px 0 0;
}

#body {
	position: absolute;
	right: 0;
}

.content {
	position: relative;
	margin-left: 90px;
	margin-bottom: 3em;
	padding-bottom: 3em;
}

.oben {
	height: 300px;
}

.unten,
.unten p,
.unten h3,
.unten a,
.unten a:hover,
.unten a:link,
.unten a:visited {
	color: #222;
}


/* Link nach oben */
#kontakt a.linkToTop,
#referenzen a.linkToTop {
	position: relative;
	left: 48%;
}


/* cms in Wolkecms*/
abbr.cms {
    border-bottom: none;
}


/**
 * Kontakt
 */

#kontakt h2 {
	clear: both;
}

#kontakt .withBG {
	display: block;
	background-image: url("img/images_bg_big.jpg");
	padding: 5px 7px 7px 5px;
	width: 468px;
	height: 311px;
	margin: 10px 0 20px 15px;
}

#googlemap {
	width: 468px;
	height: 311px;
}

ul.portraits {
	font-size: 100%;
	list-style-type: none !important;
	margin: 10px 0 0 20px !important;
	padding: 0 !important;
}

ul.portraits p {
	font-style: italic;
}

ul.portraits li p {
	margin-right: 0;
	margin-left: 3px;
}

ul.portraits strong,
ul.portraits a {
	font-style: normal;
}

ul.portraits li {
	font-size: 100%;
	width: 140px;
	float: left;
	margin: 0 17px 0 0 !important;
	padding: 0 !important;
}

ul.portraits img {
	display: block;
	width: 128px;
	height: 128px;
	background-image: url("img/images_bg_med.jpg");
	padding: 5px 7px 7px 5px;
}




/**
 * Allgemeine HTML Elemente
 */

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
}

h1 {
	padding: 30px 20px 10px 20px;
    font-family: Verdana, sans-serif;
    font-size: 1.2em;
}

h2,
h3 {
	  padding: 30px 20px 6px 20px;
    font-family: Verdana, sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    font-style: italic;
}

h3 {
	  font-weight: 400;
	  font-style: normal;
}

p,
ul {
	  line-height: 150%;
	  padding: 10px 0 0 0;
    margin: 0 20px;
}

ul {
    list-style-type: square;
    margin: 0 20px 0 33px;
}

.oben li {
    padding-left: 6px;
    padding-top: 6px;
}

a,
a:link,
a:visited {
	color: white;
  text-decoration: underline;
	cursor: pointer;
}

a:hover {
    text-decoration: none;
}

a img {
	border: 0;
}




/**
 * Klassen
 */


/* Clearfix-Methode zum Clearen der Float-Umgebungen,
 * entliehen von YAML.de */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }


.content_wrapper {
	float: left;
	color: #FFF;
    height: 300px;
    font-family: Verdana, sans-serif;
    font-size: 0.7em;
}

a.slide {
	display: block;
	margin-top: 0.8em;
	margin-left: 20px;
}

a.menubutton:hover {
	text-decoration: underline;
}

.menubutton {
	float: left;
	display: block;
	height: 290px;
	width: 89px;
	margin: 0;
	border-left: 1px solid #FFF;

	color: #ffffff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: 400;
	padding: 10px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clr {
	clear: both;
}



/**
 * Startseite
 */

.date {
	color: #aaa;
	font-size: 0.7em;
  margin-top: 0.37em;
}

.blog {
	/*position: relative;*/
}

.blog ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog h3 a,
.blog h3 a:link {
	text-decoration: none;
}

.blog h3 a:hover {
	text-decoration: underline;
}

.navigation {
	margin: 2em 20px 1em 20px;
}



/**
 * AJAX Loader Blog
 */
#infscr-loading {
	position: absolute;
	bottom: 0;
	left: 45%;
}

a.linkToTop {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("img/ajax-finished_link.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

a.linkToTop:hover {
	  background-position: bottom left;
}



/**
 * Referenzen
 */

ol.referenzen {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol.referenzen li {
	margin-top: 30px;
	padding-bottom: 10px;
    width: 250px;
}

ol.referenzen li h2 {
	padding-top: 0;
	margin-top: 0;
}

ol.referenzen li.clearfix {
    margin-left: 250px;
}

ol.referenzen li.clearfix.left {
    float: none !important;
    margin-left: 0;
}

ol.referenzen li.topreferenz.clearfix {
    margin-left: 0;
}

ol.referenzen li.topreferenz {
    width: auto;
}

ol.referenzen li.topreferenz h2,
ol.referenzen li.topreferenz p {
	  padding-left: 0;
	  margin-left: 270px;
}

ol.referenzen li.topreferenz img {
	  float: left;
}

ol.referenzen li .refLink {
    float: left;
	  margin-left: 0;
    margin-top: 4px;
}

ol.referenzen li .thickbox img {
	  background-image: url("img/images_bg_tb.jpg");
	  padding: 5px 7px 7px 5px;
	  width: 221px;
	  height: 99px;
	  margin: 0 0 0 16px;
}

ol.referenzen li div.refSubline {
    margin-left: 21px;
    margin-right: 7px;
    color: #999;
    float: left;
}

ol.referenzen li p.subline1 {
    clear: both;
    float: left;
    text-align: left;
	  margin: 5px 0px 0px 0px;
	  padding: 0;
    color: black;
}

ol.referenzen li p.subline2 {
    clear: both;
    float: left;
    text-align: left;
	  margin: 5px 0px 0px 0px;
	  padding: 0;
    color: #999;
}

ol.referenzen li.firstRow {
    margin-top: 6em;
}

/**
 * Slider Hintergründe und Inhaltsdynamik
 */

div.content_wrapper {
	position: absolute;
	width: 90px;
}

div.ausgeklappt,
div.content_wrapper.active {
	width: 612px;
}

div.content_wrapper {
	background-repeat: no-repeat;
	background-position: top right;
}

div.content_wrapper .content {
	display: none;
}

div.content_wrapper.active .content {
	display: block;
}


#startseite {
	background-image: url(img/startseite.jpg);
	right: 271px;
	z-index: 10;
}

#leistungen {
	background-image: url(img/leistungen.jpg);
	right: 181px;
	z-index: 20;
}

#referenzen {
	background-image: url(img/referenzen.jpg);
	right: 91px;
	z-index: 30;
}

#kontakt {
	background-image: url(img/kontakt.jpg);
    border-right: 1px solid #FFF;
	right: 0;
	z-index: 40;
}


form#gmapInfoWindow {
    padding: 0 10px 0 10px;
    height: 120px;
    width: 190px;
    margin: 0;
}

form#gmapInfoWindow p,
form#gmapInfoWindow input,
form#gmapInfoWindow button {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    font-size: 1em;
    font-family: Verdana, sans-serif;
}

form#gmapInfoWindow input {
    width: 180px;
}

input,
textarea,
button,
select {
    font-family: Verdana, sans-serif;
    font-size: 1em;
    padding: 0.2em 0.4em;
}

/**
 * Impressum
 */

#lnkImpressum {
    display: none;
}

/**
 * Klassen für die Rückmeldungsboxen nach abgeschicktem Kontaktformular
 */

#lnkContactForm {
    display: none;
}

.contactResult {
    border: 1px solid #ddd;
    margin: 20px 10px 10px 10px;
    padding: 10px;
}

.contactResult p {
    margin: 2px 10px;
    padding: 0;
}

.contactResult.success {
    background: #c1f4c6;
    border-color: #0bcc1d;
}

.contactResult.success p {
    color: #0a8f16;
}

.contactResult.error {
    background: #fadada;
    border-color: #ff0101;
}

.contactResult.error p {
    color: #ff0101;
}

/**
 * Ergänzungen / Änderungen von Sascha
 */

li.post {
    font-size: 100%;
    line-height: 150%;
    padding-left: 20px;
    clear: both;
    padding-bottom: 30px;
    list-style-type: none;
}

li.post h3 {
    padding-left: 0px;
}

li.post p {
   margin-left: 0px;
}

.date {
    margin-top: 0em;
}

img.alignleft {
    float: left;
    padding: 10px 20px 10px 0px;
}

img.alignright {
    float: right;
    padding: 10px 0px 10px 20px;
}

img.alignnone, img.alignnone {
    padding: 10px 10px 10px 10px;
}

img.referenzen {
    background-image: url("img/images_bg_tb.jpg");
    background-repeat: no-repeat;
	  padding: 5px 17px 7px 5px;
	  margin-left: -3px;
	  width: 221px;
	  height: 99px;
}

.clear {
    clear: both;
}

span.nounderline {
    float: left;
	  margin-left: 0;
    margin-top: 4px;
    text-decoration: none;
    cursor: normal;
    color: black;
}

/**
 * Editor-Anpasssungen für TinyMCE Advanced von Sascha
 * ("import current theme CSS classes")
 */

body.mceContentBody {
    background: url("");
    font-family: Arial;
}

body.mceContentBody a, body.mceContentBody a:visited, body.mceContentBody a:hover,
body.mceContentBody p {
    color: black;
}

body.mceContentBody img {
    border: 0px solid red;
}

/* Zitate */

blockquote {
  margin-left: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  border-left: 1px solid lightgrey;
  width: 450px;
  /*background: url("img/blockquote.gif") no-repeat;
  background-position: 8px 0px;*/
}

blockquote p {
  padding-top: 0px;
  width: 450px;
}

img.blockquote {
  margin: 0px;
  padding: 0px 7px 0px 0px;
}