/*
Theme Name: MINDSTROEM
Description: Das Theme von mindstroem.de
Author: DER PRANKE
*/

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

body {
	color: #707070;
	font-size: 10px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.5em;
	text-decoration: none;
}

/* LAYOUT
------------------------------------------------------------------------------------*/

#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #262626;
	background-color: #0C0C0C;
}

#main {
	width: 100%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
	background-color: #1E1E1E;
}

#page {
	width: 1040px;
	padding: 20px 0 20px 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
	background: url(images/bg_sidebar_color.gif) repeat-y center top;
}

.content {
	width: 1040px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.sidebar {
	padding: 10px;
	background: url(images/bg_sidebar.gif) no-repeat center center;
}

#footer {
	width: 100%;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background: url(images/bg_footer.jpg) repeat-x left top;
}

/* GRIDS
-----------------------------------------------------------------------------------*/

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8 {
	padding: 10px;
	float: left;
}

/*GRIDS-SIZE 110px / 1020px = 1020px wrapper (+padding)
-----------------------------------------------------------------------------------*/

.grid1 {
	width: 110px;
}

.grid2 {
	width: 240px;
}

.grid3 {
	width: 370px;
}

.grid4 {
	width: 500px;
}

.grid5 {
	width: 630px;
}

.grid6 {
	width: 760px;
}

.grid7 {
	width: 890px;
}

.grid8 {
	width: 1020px;
}

/* INNER
-----------------------------------------------------------------------------------*/

.inner1-20,
.inner2-20 {
	padding: 10px 20px 10px 0;
	float: left;
	overflow: hidden;
}

.inner1-20 {
	width: 240px;
}

.inner2-20 {
	width: 500px;
}

.inner1-0,
.inner2-0 {
	padding: 10px 0 10px 0;
	float: left;
}

.inner1-0 {
	width: 240px;
}

.inner2-0 {
	width: 500px;
}

/* MAINNAVI
-----------------------------------------------------------------------------------*/

ul#navi {
	padding: 0 0 0 7px;
	height: 50px;
	float: left;
	overflow: hidden;
}

ul#navi li {
	display: inline;
	text-indent: -9999px;
}

ul#navi li a {
	height: 50px;
	text-decoration: none;
	float: left;
}

/* MAINNAVI STATUS OFF
-----------------------------------------------------------------------------------*/

ul#navi li.mindstroem a {
	width: 124px;
	background: url(images/bg_menu.jpg) no-repeat 0px 0px;
}

ul#navi li.dreid a {
	width: 54px;
	background: url(images/bg_menu.jpg) no-repeat -123px 0px;
}

ul#navi li.motion a {
	width: 146px;
	background: url(images/bg_menu.jpg) no-repeat -176px 0px;
}

ul#navi li.film a {
	width: 68px;
	background: url(images/bg_menu.jpg) no-repeat -321px 0px;
}

ul#navi li.training a {
	width: 96px;
	background: url(images/bg_menu.jpg) no-repeat -388px 0px;
}

ul#navi li.service a {
	width: 82px;
	margin-right: 95px;
	background: url(images/bg_menu.jpg) no-repeat -483px 0px;
}

ul#navi li.kundenlogin a {
	width: 95px;
	margin-right: 30px;
	background: url(images/bg_menu.jpg) no-repeat -710px 0px;
}

/* MAINNAVI STATUS HOVER AND ON
-----------------------------------------------------------------------------------*/

ul#navi li.mindstroem a:hover,
ul#navi li.mindstroem_act a {
	background: url(images/bg_menu.jpg) no-repeat 0px 0px;
}

ul#navi li.dreid a:hover,
ul#navi li.dreid_act a {
	background: url(images/bg_menu.jpg) no-repeat -123px -50px;
}

ul#navi li.motion a:hover,
ul#navi li.motion_act a {
	background: url(images/bg_menu.jpg) no-repeat -176px -50px;
}

ul#navi li.film a:hover,
ul#navi li.film_act a {
	background: url(images/bg_menu.jpg) no-repeat -321px -50px;
}

ul#navi li.training a:hover,
ul#navi li.training_act a {
	background: url(images/bg_menu.jpg) no-repeat -388px -50px;
}

ul#navi li.service a:hover,
ul#navi li.service_act a {
	background: url(images/bg_menu.jpg) no-repeat -483px -50px;
}

ul#navi li.kundenlogin a:hover,
ul#navi li.kundenlogin_act a {
	background: url(images/bg_menu.jpg) no-repeat -710px -50px;
}

/* FOOTERNAVI
-----------------------------------------------------------------------------------*/

ul.footernavi {
	width: 110px;
	padding: 10px;
	float: left;
}

ul.footernavi li.page_item {
	display: inline;
}

ul.footernavi li.page_item a {
	color: #606060;
	line-height: 1.6em;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

ul.footernavi li.page_item a:hover,
ul.footernavi li.current_page_item a,
ul.footernavi li.current_page_parent a {
	color: black;
}

/*CONTENT + POSTS
-----------------------------------------------------------------------------------*/

.post {
	
}

.post p {
	
}

.entry {
	
}

.entry p {
	
}

.navigation {
	padding-top: 20px;
	clear: both;
}

.navigation p {
	padding: 0;
	margin: 0;
}

.date {
	color: #CC99CC;
	font-size: 1.1em;
	padding-bottom: 2px;
}

/* TEXTFORMATE
-----------------------------------------------------------------------------------*/

h1, 
h2,
h3 {
	line-height: 1.5em;
	font-weight: normal;
	text-decoration: none;
	clear: both;
}

h1 {
	color: #E0A0D0;
	font-size: 1.5em;
	padding-bottom: 5px;
}

h2,
h3 {
	color: #ADADD9;
	font-size: 1.3em;
	padding-bottom: 5px;
}

h2 a,
h2 a:visited {
	color: #ADADD9;
}

h2 a:hover {
	color: white;
}

p {
	font-size: 1.1em;
	line-height: 1.6em;
	padding-bottom: 15px;
}

.sidebar h1,
.sidebar h2,
.sidebar h3 {
	padding-top: 4px;
	border-top: 1px solid #333;
}

.sidebar p,
.sidebar ul {
	list-style: none;
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 0!important;
}

.sidebar li {
	display: inline;
}

.sidebar a,
.sidebar li.cat-item a,
.sidebar li.current-cat a {
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
	display: block;
	border-top: 1px dotted #333;
}

.sidebar h3 {
	margin-top: 20px;
	padding-bottom: 4px!important;
}

/* LINKFORMATE
-----------------------------------------------------------------------------------*/

a, 
a:visited {
	color: #CCC;
	text-decoration: none;
}

a:hover {
	color: white;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	background: none;
}

.dark,
.dark:visited {
	color: #606060;
}

.dark:hover {
	color: black;
}

/* BORDER UND SPACES
-----------------------------------------------------------------------------------*/

.no-space {
	padding: 0!important;
	margin: 0 !important;
}

.space-bottom {
	margin-bottom: 20px;
}

.padding-left {
	width: 100px!important;
	padding-left: 20px!important;
}

/* TWITTER
-----------------------------------------------------------------------------------*/

p.twitter {
	padding-top: 10px;
}

/* BILDFORMATE
------------------------------------------------------------------------------------*/

img.full {
	margin: 0 0 10px 0;
	clear: both;
}

img.left {
	margin: 0 10px 2px 0;
	float: left;
}

/* SHARE */

.share {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #262626;
	clear: both;
}

.fb-button,
.plusone-button {
	float: left;
	padding-right: 8px;
}

/* COLORBOX THUMBS INKL. HOVER
------------------------------------------------------------------------------------*/

img.alignnone {
	border-right: 1px solid #1E1E1E;
	border-bottom: 1px solid #1E1E1E;
}

img.alignnone:hover {
	border-right: 1px solid #1E1E1E;
	border-bottom: 1px solid #E0A0D0;
}

/* TABELLENFORMATE
------------------------------------------------------------------------------------*/

table p {
	font-size: 1.1em;
}

/* CONTACTFORM
-----------------------------------------------------------------------------------*/

.contactform {
	color: #606060;
	width: 660px;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 10px 0 10px 0;
}

.contactform label {
	width: 240px;
	float: left;
	padding: 5px 20px 5px 0;
}

.contactform input,
.contactform select,
.contactform textarea {
	color: black;
	font-size: 1em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #262626;
	background-color: #606060;
}

.contactform input {
	width: 370px;
}

.contactform select {
	width: 175px;
}

.contactform textarea {
	width: 370px;
	max-width: 370px;
	height: 120px;
}

.contactform .button {
	width: 120px;
	margin-right: 5px;
	background-color: #606060;
}

/* AUTHFORM
-----------------------------------------------------------------------------------*/

.authform {
	color: #606060;
	width: 400px;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 10px 0 10px 0;
}

.authform label {
	width: 120px;
	float: left;
	padding: 5px 20px 5px 0;
}

.authform input {
	color: black;
	width: 240px;
	font-size: 1em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #262626;
	background-color: #606060;
}

.authform .button {
	width: 120px;
	background-color: #606060;
}

/*SEARCHFORM
-----------------------------------------------------------------------------------*/

.searchform {
	color: #606060;
	padding-top: 20px;
	font-size: 1em;
}

.searchform label {
	font-size: 1em;
	float: left;
	padding: 5px;
}

.searchform input {
	color: black;
	font-size: 1.2em;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-weight: normal;
	width: 140px;
	padding: 5px;
	margin-bottom: 0;
	float: left;
	border: none;
	background: url(images/bg_search.gif) no-repeat left center;
}

.searchform .button {
	color: #000;
	font-size: 1.2em;
	width: 20px;
	height: 20px;
	padding: 2px 10px 2px 10px;
	margin: 0;
	float: left;
	border: none;
	background: url(images/search.gif) no-repeat center center;
}

/*NEWSLETTERFORM
-----------------------------------------------------------------------------------*/

.newsletterform {
	color: #606060;
	padding-top: 20px;
	font-size: 1em;
}

.newsletterform label {
	font-size: 1em;
	clear: both;
	padding-bottom: 5px;
}

.newsletterform input {
	color: black;
	width: 210px;
	font-size: 1em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid #262626;
	background-color: #606060;
}

.newsletterform .button {
	width: 120px;
	background-color: #606060;
}

/*INPUT FOCUS
-----------------------------------------------------------------------------------*/

input:focus,
select:focus,
textarea:focus {
	color: #CCC;
	background-color: #232323;
}

/* CLEARINGS
-----------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}