/*
Theme Name: code-x.de
Description: code-x.de is a wordpress-theme from <a href="http://www.code-x.de">stefan freise</a>.
Version: 0.9
Author: stefan freise
Author URI: http://www.code-x.de
*/

/*****************************
*	CLEAR					 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.01%;
}
	
/*****************************
*	SYSTEM TAGS				 */

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;
	font-size: 1em;
	line-height: 1.25em;
	color: black;
	background: white;
}
	
img {
	float: left;
	display: inline;
	border: 0;
}
	
a {
	color: #6ab023;
	text-decoration: none;
}
	
a:hover {
	text-decoration: underline;
}
	
p {
	margin: 0.75em 0 0.75em 0;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

ul {
	list-style: none outside;
	padding: 0;
	margin: 1em 0 1em 0;
}

dl {
	width: 100%;
	float: left;
	margin: 0.25em 0 0.5em 0;
}

dl dt {
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.25em;
	color: #6ab023;
	width: auto;
	float: left;
	clear: both;
	margin: 0 1em 0.25em 0;
}

dl dd {
	margin: 0 0 1.25em 0;
}
	
small {
	font-size: 0.75em;
	color: #808080;
}
	
hr {
	width: 100%;
	clear: both;
	border: 0;
	background: #d2e7bd;
	color: #d2e7bd;
	height: 0.0666em;
	line-height: 0.0666em;
	margin: 1em 0 0 0;
}
	
blockquote {
	font-size: 1.375em;
	font-weight: normal;
	line-height: 1.125em;
	background: url("/wp-content/themes/code-x.de/images/rahmen/blockquote.gif") repeat-y;
	margin: 1em 0 1em 0;
}
	
blockquote blockquote {
	font-size: 0.5em;
	color: #6ab023;
	line-height: 1.125em;
	background: white none;
}

fieldset {
	border: none;
}

strong {
	font-weight: bold;
}

/*****************************
*	UEBERSCHRIFTEN		 	 */

h1 {
	font-size: 2em;
	line-height: 1.125em;
	font-weight: normal;
	color: #6ab023;
	margin: 0 0 1em 0;
	letter-spacing: -0.05em;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #6ab023;
	margin: 1em 0 0.5em 0;
}
	
h3 {
	font-size: 1.125em;
	color: #000;
	margin: 1em 0 0.5em 0;
}
	
h4_orig {
	font-size: 1em;
	color: #6ab023;
	margin: 1em 0 0.5em 0;
}
	
h4 {
	clear: both;
	float: left;
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.25em;
	color: #6ab023;
	width: auto;
	float: left;
	clear: both;
	margin: 0 1em 0.25em 0;
}

h5 {
	font-size: 0.6875em;
	color: #6ab023;
	margin: 0.625em 0 0.625em 0;
}

h6 {
	font-size: 0.625em;
	color: #6ab023;
	margin: 0.625em 0 0.625em 0;
	}
	
/*****************************
*	RAHMEN				 	 */

#rahmen {
	width: 62.5em;
	margin: 0 auto;
	position: relative;
}

#inhalt {
	width: 36.25em;
	min-height: 16em;
	height: auto !important;
	height: 16em;
	float: left;
	font-size: 0.9375em;
	padding: 9em 2.5em 0.75em 2.5625em;
}

#inhalt a {
	text-decoration: underline;
}

#inhalt a:visited {
	color: #98d957;
}

#inhalt a:hover {
	text-decoration: none;
}
	
#inhalt ul li {
	background: url("/wp-content/themes/code-x.de/images/sonstiges/list_img.gif") no-repeat 0 0.5333em;
	line-height: 1.25em;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
}
	
#infobereich .navigation {
	width: 90%;
	height: 10.7144em;
	float: right;
	background: #6ab023;
	color: white;
	font-size: 0.875em;
	padding: 5%;
}
	
#infobereich .navigation a {
	color: white;
}

#infobereich .navigation ul {
	margin: 0;
	font-size: 1em;
	line-height: 1.175em;
}
	
#infobereich .navigation img {
	width: 10.7142em;
	height: 10.7142em;
	float: right;
}
	
#infobereich .navigation h3 {
	float: left;
	margin: 0.75em 0 0 0;
	color: white;
	font-size: 1.35em;
}

#infobereich {
	width: 23.425em;
	float: right;
}

#infobereich .netzwerk {
	width: 95%;
	float: right;
	position: relative;
	padding: 2% 0 0 5%;
	background: white;
}
	
#infobereich .netzwerk img {
	padding-right: 1.25em;
	padding-bottom: 2%;
}
	
#infobereich .bilder {
	width: 95%;
	float: right;
	position: relative;
	padding: 5% 0 0 5%;
	background: #c3dfa7;
}
	
#infobereich .bilder img {
	width: 4.6875em;
	height: 4.6875em;
	padding-right: 0.75em;
	padding-bottom: 5%;
}
	
#infobereich .bilder div div {
	display: none;
}
	
#infobereich .bilder div .pfeil {
	display: none;
}
	
#infobereich .bilder div:hover div {
	width: 11em;
	height: 11em;
	background: #6AB023;
	padding: 0.75em;
	display: block;
	font-size: 0.75em;
	line-height: 1em;
	position: absolute;
	top: 2em;
	left: -14.125em;
	z-index: 150;
}
	
#infobereich .bilder div:hover .pfeil {
	width: 0.375em;
	height: 0.6875em;
	position: absolute;
	z-index: 100;
	top: 2em;
	left: -1.5em;
	display: block;
}
	
#infobereich .bilder div:hover div h3,
#infobereich .bilder div:hover div a {
	font-size: 1em;
	color: white;
}
	
#infobereich .bilder div:hover div small {
	color: black;
}
	
#infobereich .cloud {
	width: 90%;
	float: right;
	padding: 5%;
	background: #e1efd3;
	text-align: center;
	color: #6ab023;
}
	
#infobereich .cloud a {
	text-decoration: underline;	
}

#infobereich .cloud a:hover {
	text-decoration: none;	
}

#infobereich .listen {
	width: 90%;
	float: right;
	padding: 5%;
	background: #f0f7e9;
	font-size: 0.625em;
}
	
#infobereich h3 {
	margin-top: 0.5em;
}
	
#infobereich h3 a {
	color: black;
}
	
#infobereich .listen div {
	width: 41%;
	float: left;
	padding: 0 1.5em 0 1.5em;
}
	
#infobereich .listen div.weiss {
	background: white;
}
	
#infobereich .listen div ul {
	margin: 0;
	line-height: 1.25em;
}
	
#infobereich .listen div ul li {
	margin-bottom: 0.75em;
}
	
#infobereich .fuss {
	width: 90%;
	float: right;
	padding: 5%;
	background: #dbdbdb;
	color: white;
	font-size: 0.625em;
}
	
#infobereich .megatopnews {
	float: left;
	background: #f0f7e9;
	font-size: 0.75em;
	line-height: 1.175em;
	padding: 10px;
}
	
/*****************************
*	DIVERSE KLASSEN		 	 */

.bild_links {
	margin: 0 1.25em 1em 0;
}	

.bild_rechts {
	float: right;
	margin: 0 0 1em 1.25em;
}
	
.bild_umbruch {
	float: none;
	clear: both;
	margin: 0.5em 0 1.25em 0;
}
	
.clear {
	float: none;
	clear: both;
}
	
.hide {
	position: absolute;
	top: -100em;
	left: -100em;
}
	
.suche {
	position: absolute;
	top: 1.2em;
	left: 2.5em;
}
	
.suche img {
	margin: 0.1333em 0 0 0;
}
	
.suche .eingabefeld {
	margin-bottom: 0;
}

.rss {
	position: absolute;
	top: 1.2em;
	left: 15em;
}
	
.rss input {
	cursor: pointer;
}
	
.begriff {
	width: 11.5625em;
	height: 2.3125em;
	position: absolute;
	top: 1.2em;
	right: 25.5em;
}
	
.schatten {
	position: absolute;
	top: 6em;
	left: 0;
	z-index: 0;
}
	
.suche img,
.rss img {
	width: 1.3125em;
	height: 1.3125em;
}
	
.datum {
	position: absolute;
	top: 1.075em;
	left: -2.25em;
	color: white;
}
	
h2.datum {
	font-size: 2.75em;
	font-weight: bold;
	color: #bfbfbf;
	margin: 0;
	letter-spacing: -0.075em;
	line-height: 1em;
}
	
small.datum {
	width: 5.75em;
	top: 6.25em;
	left: -8.1em;
	font-size: 0.85em;
	color: #bfbfbf;
	text-align: center;
}

.referenzbox {
	width: 90%;
	float: left;
	position: relative;
	left: -5%;
	padding: 0.1em 5% 1em 5%;
}
	
.hinterlegt {
	width: 90%;
	position: relative;
	padding: 1em 5% 1em 5%;
	margin: 1.5em 0 1.5em 0;
	background: #f0f7e9;
}

.hinterlegt h1,
.hinterlegt h2,
.hinterlegt h3,
.hinterlegt h4,
.hinterlegt h5,
.hinterlegt h6 {
	margin-top: 0;
}
	
.spalte {
	width: 29%;
	padding: 0 4% 2em 0;
	float: left;
}
	
.spalte-hi {
	width: 27%;
	padding: 0 2% 0 2%;
	margin: 1em 2% 2em 0;
	float: left;
	background: #f0f7e9;
}
	
/*****************************
*	WEBLOG				 	 */

#inhalt .weblog {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	margin-bottom: 1em;
}
	
#inhalt .weblog h1 a,
#inhalt .weblog h2 a,
#inhalt .weblog h3 a,
#inhalt .weblog h4 a,
#inhalt .weblog h5 a,
#inhalt .weblog h6 a,
#inhalt a:hover {
	text-decoration: none;
}

#inhalt .weblog p {
	margin-bottom: 1em;
}
	
#inhalt .weblog h1 {
	margin: 0;
}
	
#inhalt .weblog img {
	margin: 0 0.75em 0.75em 0;
}
	
#inhalt .weblog small {
	display: block;
	line-height: 1.5em;
	margin: 0.5em 0 0.5em 0;
}
	
.kommentare {
	width: 100%;
	clear: both;
}
	
.kommentar h3 {
	margin: 1em 0 0 0;
		display: inline;
}

.kommentar address {
	margin: 0;
	display: inline;
	font-size: 0.75em;
}

.kommentar p {
	margin: 0 0 2em 0;
}
	
.skim_weiter {
	clear: both;
	margin: 0.5em 0 0.5em 0;
	font-size: 0.7333em;
}
	
.skim_weiter img {
	margin: 0 0.7333em 0 0.2em;
}

.skim_zurueck {
	clear: both;
	margin: 0.5em 0 0.5em 0;
	font-size: 0.7333em;
}

.skim_zurueck img {
	margin: 0 0.7333em 0 0.2em;
}
	
/*****************************
*	REFERENZEN			 	 */

.linkliste {
	width: 40%;
	float: right;
	display: inline;
	margin: 0 0 5% 5%;
	font-size: 0.92em;
}
	
.linkliste h3 {
	margin-top: 0;
}
	
.top-referenzen {
	width: 7em;
	float: left;
}
	
.top-referenzen img {
	width: 5em;
	height: 5em;
	margin-bottom: 0.3em;
	border: 0.0666em solid #d2e7bd;
	padding: 0.3em;
	background: white;
}

.referenzen {
	width: 40%;
	margin: 0 0 1em 5%;
	float: right;
	font-size: 0.92em;
}
	
.referenzen ul {
	margin: 0;
}
	
/*****************************
*	KUNDEN				 	 */

.kunde {
	width: 11em;
	height: 11em;
	float: left;
	position: relative;
	display: inline;
	margin: 0.625em 0.625em 0 0;
	border: 0.1333em solid #6ab023;
}
	
.kunde img {
	float: left;
	width: 11em;
	height: auto;
}
	
.kunde p {
	width: 13.5em;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -6.75em;

	text-align: center;
	font-size: 0.75em;
	line-height: 1em;
}

/*****************************
*	TEAM				 	 */

.mitarbeiter {
	width: 11em;
	height: 15em;
	float: left;
	position: relative;
	display: inline;
	margin: 0.625em 0.625em 1em 0;
}
	
.mitarbeiter img {
	float: left;
}
	
.mitarbeiter p {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.25em;
	margin-top: 0.5em;
}
	
/*****************************
*	WIR SCROLLEN		 	 */

.bildbox {
	width: 36em;
	height: 36em;
	position: relative;
	margin: 1em 0 1em 0;
}
	
.bildbox img {
	width: 36em;
	height: 36em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

.bildbox div {
	width: 14em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 150;
	color: white;
}
	
.bildbox h1 {
	margin: 0 0 0.5em 0;
	color: white;
}
	
.bildbox p {
	font-size: 0.86em;
	line-height: 1.25em;
	margin: 0;
}
	
/*****************************
*	FORMULARE			 	 */

input {
	width: auto;
	text-align: left;
	background: none;
	color: #6ab023;
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	font-size: 0.66em;
	border: none;
}

input.submit {
	width: auto;
	text-align: left;
	background: none;
	color: #6ab023;
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	font-size: 1em;
	border-top: 0.1em solid #bdc4b6;
	border-right: 0.1em solid #e5eddc;
	border-bottom: 0.1em solid #e5eddc;
}

input.eingabefeld,
textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;
	font-size: 0.75em;
	padding: 0.275em;
	margin: 0 0 0.375em 0;
	background: #ecf5e3;	
	color: #6ab023;
	border-top: 0.1em solid #bdc4b6;
	border-right: 0.1em solid #e5eddc;
	border-bottom: 0.1em solid #e5eddc;
}

/*****************************
*	SITEMAP				 	 */
	
#inhalt ul.sitemap {
	padding: 0;
	list-style: none;
	margin: 1.5em 0 1em 0;
	line-height: 1em;
}
	
#inhalt ul.sitemap li {
	margin: 0 0 0.4166em 0;
	background: none;
	padding: 0;
}

#inhalt ul.sitemap li h2 {
	margin: 0.5em 0 0.5em 0;
}

#inhalt ul.sitemap li h3 {
	margin: 0.5em 0 0.5em 2em;
}

#inhalt ul.sitemap li h4 {
	margin: 0.5em 0 0.5em 3em;
}
	
#inhalt ul.sitemap li h5 {
	margin: 0 0 0 5em;
	line-height: 0.75em;
}

/*****************************
*	Abstimmung			 	 */

#inhalt a.vortragmeim,
#vortragcaptcha {
	display: block;
	text-decoration: none;
	padding: 12px;
	border: solid 1px #6AB023;
}

#inhalt a.vortragmeim:hover,
#inhalt a.vortragmeim.gewaehlt
{
	background: #F0F7E9;
}
	
#inhalt a.vortragmeim.gewaehlt,
#inhalt a.vortragmeim.gewaehlt:hover
{
	background: #6AB023;
	color: white;
}

#vortragcaptcha {
	float: left;
	margin-bottom: 20px;
}

#vortragcaptcha input {
	font-size: 100.1%;
	border: solid 1px #6ab023;
	padding: 3px 6px;
	margin: 0;
}

#vortragcaptcha input[type="text"] {
	float: left;
}

#vortragcaptcha input[type="submit"] {
	float: right;
	font-size: 100.1%;
	background: #6ab023;
	color: white;
	padding: 3px 5px;
}