/*

 TEMPLATE [Last Update] 23.03.2013
 
 Autor: Matthias Müller & Ernst Metzger <http://www.cms2day.de>
 Copyright (c) 2013

*/

/* - CLEANER - */

div.clean {

	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	display: block;
	width: 100%;

}


/* -[ CONTENT : TEXT : TEMPLATES : NEWS WITH IMAGE "LEFT" : NEWS WITH IMAGE LEFT TEXT RIGHT - */

div.split-news div.image {
	
	min-width: 130px;
	min-height: 80px;
	background: url('../images/news.png') no-repeat left;
	float: left;
	overflow: hidden;
	margin: 8px 25px 5px 0px;
	
}

div.split-news div.text {
	
	width: auto;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NEWS WITH IMAGE "RIGHT" : NEWS WITH IMAGE RIGHT TEXT LEFT - */

div.split-news-right div.image-right {
	
	min-width: 130px;
	min-height: 80px;
	background: url('../images/news.png') no-repeat right;
	float: right;
	overflow: hidden;
	margin: 8px 0px 5px 25px;
	
}

div.split-news-right div.text-right {
	
	width: auto;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NEWS WITH IMAGE "LEFT" : NEWS WITH IMAGE LEFT FLOAT TEXT RIGHT - */

div.split-news-float div.image-float {
	
	min-width: 130px;
	min-height: 80px;
	background: url('../images/news.png') no-repeat left;
	float: left;
	overflow: hidden;
	margin: 8px 25px 5px 0px;
	
}

div.split-news-float div.text-float {
	
	width: auto;
	margin: 0px 0px 0px 0px;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NEWS WITH IMAGE "RIGHT" : NEWS WITH IMAGE RIGHT FLOAT TEXT LEFT - */

div.split-news-float-right div.image-float-right {
	
	min-width: 130px;
	min-height: 80px;
	background: url('../images/news.png') no-repeat right;
	float: right;
	overflow: hidden;
	margin: 8px 0px 5px 25px;
	
}

div.split-news-float-right div.text-float-right {
	
	width: auto;
	margin: 0px 0px 0px 0px;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NEWS WITH TEXT/IMAGE "LEFT" : NEWS WITH TEXT/IMAGE LEFT FLOAT TEXT RIGHT - */

div.split-news-float div.text-image-float {
	
	min-width: 130px;
	max-width: 210px;
	background: transparent;
	float: left;
	overflow: hidden;
	margin: 0px 4% 5px 0px;
	
}

div.split-news-float div.text-image-float div.text-image-float-img {
	
	min-width: 130px;
	min-height: 80px;
	background: url('../images/news.png') no-repeat left; 
	float:left;
	
	
}

div.split-news-float div.text-image-float div.text-image-float-img img {

	float:left;
	border: none;
	margin: 10px 0px 0px 0px;
	
	
}

div.split-news-float div.text-image-float div.img-info {
	
	font-size: 90%;
	font-style: italic;
	text-align: left;
	
}

div.split-news-float div.text-text-float {
	
	width: auto;
	margin: 0px 0px 0px 0px;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NEWS WITH TEXT/IMAGE "RIGHT" : NEWS WITH TEXT/IMAGE RIGHT FLOAT TEXT LEFT - */

div.split-news-float-right div.text-image-float-right {
	
	min-width: 130px;
	max-width: 210px;
	background: transparent;
	float: right;
	overflow: hidden;
	margin: 0px 0px 5px 4%;
	
}

div.split-news-float-right div.text-image-float-right div.text-image-float-img-right {
	
	min-width: 130px;
	min-height: 80px;
	background: url('../images/news.png') no-repeat right;
	float: right;
	
}

div.split-news-float-right div.text-image-float-right div.text-image-float-img-right img {
	
	float: right;
	border: none;
	margin: 10px 0px 0px 0px;
	
}

div.split-news-float-right div.text-image-float-right div.img-info-right {
	
	font-size: 90%;
	font-style: italic;
	text-align: right;
	
}

div.split-news-float-right div.text-text-float-right {
	
	width: auto;
	margin: 0px 0px 0px 0px;
	
}



/* -[ CONTENT : TEXT : TEMPLATES : PORTFOLIO ]- */

div.portfolioProjekt div.float-1 {
	
	width: 28% !important;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 0px !important;
	
}

div.portfolioProjekt div.float-1 p.kunde {
	
	margin: 0px 0px 0px 0px !important;
	
}

div.portfolioProjekt div.float-1 p.datum {
	
	margin: 0px 0px 15px 0px !important;
	
}

div.portfolioProjekt div.float-1 div.buttons {
	
	margin: 0px 0px 15px 0px !important;
	
}

div.portfolioProjekt div.float-2 {
	
	width: 68% !important;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2% !important;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : PROFIL TABLE ]- */

table.profil {
	
	width: 100%;
	
}

table.profil td.leer {
	
	width: 2%;

}

table.profil tr td {
	
	width: 32%;
	text-align: left;
	padding: 0px;
	vertical-align: top;
	
}

table.profil tr td div.image {
	
	min-width: 130px;
	min-height: 80px;
	background: url('../images/profil.png') no-repeat;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 10px 0px;
	
}

table.profil tr td div.image img {
	
	min-width: 130px !important;
	min-height: 80px !important;
	border: none;
	
}

table.profil tr td span {
	
	color: #b3b3b3;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NOTIZ ]- */

div.notiz {
	
	padding: 20px 30px 15px 30px;
	background: #fbfbfb;
	border: 1px solid #ddd;
	margin: 0px 0px 5px 0px;
	color: #888 !important;
	
}

div.notiz h1 {
	
	color: #444 !important;
	font: normal 30px Arial !important;
	margin: 0px 0px 10px 0px !important;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : INFORMATION ]- */

div.information {
	
	padding: 10px 10px 2px 10px;
	background: #fcfcfc;
	border: solid #e6e6e6;
	border-width: 1px 0px 1px 0px;
	margin: 0px 10px 0px 10px;
	color: #555 !important;
	
}

div.information h1 {
	
	color: #777 !important;
	font: normal 20px Arial !important;
	margin: 0px 0px 10px 0px !important;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NOTE ]- */

div.note {
	
	padding: 0px 5px 0px 5px;
	background: transparent;
	margin: -10px 10px 5px 0px;
	color: #555 !important;
	font-style: italic;
	font-size: 90%;
	text-align: left;
	
}

div.note div.sign-left {
	
	float: left;
	font-size: 150%;
	
}

div.note div.text-left {
	
	
}

/* -[ CONTENT : TEXT : TEMPLATES : NOTE RIGHT ]- */

div.note-right {
	
	padding: 0px 5px 0px 5px;
	background: transparent;
	margin: -10px 0px 5px 10px;
	color: #555 !important;
	font-style: italic;
	font-size: 90%;
	text-align: right;
	
}

div.note-right div.sign-right {
	
	float: right;
	font-size: 150%;
	
}

div.note-right div.text-right {
	
	float: right;
	
}



/* -[ CONTENT : TEXT : TEMPLATES : STANDARD TABELLE ]- */

table.standard {
	
	width: 100%;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px 0px 15px 0px;
	
}

table.standard tr.header td {
	
	color: #444 !important;
	background: #fafafa;
	font: bold 12px Arial !important;
	line-height: 40px !important;
	
}

table.standard tr td {
	
	text-align: left;
	padding: 0px 0px 0px 15px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #888 !important;
	line-height: 35px !important;
	cursor: default;
	
}

table.standard tr:hover td {
	
	background: #fafafa;
	
}

table.spalten-1 tr td {
	
	width: 100%;
	
}

table.spalten-2 tr td {
	
	width: 50%;
	
}

table.spalten-3 tr td {
	
	width: 33%;
	
}

table.spalten-4 tr td {
	
	width: 25%;
	
}

table.spalten-5 tr td {
	
	width: 20%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : CODE ]- */

div.code {
	
	padding: 13px 15px 0px 15px;
	background: #fbfbfb;
	border: 1px dotted #ddd;
	font: normal 12px Monospace;
	line-height: 20px;
	color: #666;
	margin: 0px 0px 15px 0px;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : QUOTE ]- */

div.quote {
	
	color: #888;
	padding: 0px 0px 0px 15px;
	border-left: 4px solid #e9e9e9;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : BUTTONS ]- */

a.button, a.button:hover {
	
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer !important;
	
}

a.button.big {
	
	padding: 7px 15px 7px 15px;
	font: bold 13px Arial;
	line-height: 36px;

}

a.button.small {
	
	padding: 5px 7px 5px 7px;
	font: normal 12px Arial;
	line-height: 26px;

}

a.button.button-color {
	
	background: #666;
	
}

a.button.button-color:hover {
	
	background: #333;
	
}

a.button.button-dark {
	
	background: #333;
	
}

a.button.button-dark:hover {
	
	background: #666;
	
}

a.button.button-light {
	
	background: #d8d8d8;
	
}

a.button.button-light:hover {
	
	background: #666;
	
}


/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT ]- */

div.split {
	
	width: 100%;
	overflow: hidden;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT : 2 SPALTEN ]- */

div.split-2 div.float-1 {
	
	width: 48%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 0px;
	
}

div.split-2 div.float-2 {
	
	width: 48%;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT : 3 SPALTEN ]- */

div.split-3 div.float-1 {
	
	width: 30%;
	float: left;
	overflow: hidden;
	margin: 0px 3% 0px 0px;
	
}

div.split-3 div.float-2 {
	
	width: 30%;
	float: left;
	overflow: hidden;
	margin: 0px 3% 0px 2%;
	
}

div.split-3 div.float-3 {
	
	width: 30%;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT : 4 SPALTEN ]- */

div.split-4 div.float-1 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 0px;
	
}

div.split-4 div.float-2 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	
}

div.split-4 div.float-3 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	
}

div.split-4 div.float-4 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT : 1/1 SPALTEN SIDEBAR LINKS ]- */

div.split-5 div.float-1 {
	
	width: 32%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 0px;
	
}

div.split-5 div.float-2 {
	
	width: 64%;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT : 1/1 SPALTEN SIDEBAR RECHTS ]- */

div.split-6 div.float-1 {
	
	width: 64%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 0px;
	
}

div.split-6 div.float-2 {
	
	width: 32%;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT : 2/1 SPALTEN SIDEBAR LINKS ]- */

div.split-7 div.float-1-1 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 0px;
	
}

div.split-7 div.float-1-2 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	
}

div.split-7 div.float-2 {
	
	width: 48%;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : SPLIT CONTENT : 1/2 SPALTEN SIDEBAR RECHTS ]- */

div.split-8 div.float-1 {
	
	width: 48%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 0px;
	
}

div.split-8 div.float-2-1 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 2% 0px 2%;
	
}

div.split-8 div.float-2-2 {
	
	width: 22%;
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 2%;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : MESSAGES ]- */

div.message {
	
	color: #444;
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 15px 0px;
	position: relative;
	cursor: default;
	
}

div.message.okay {

	color: #79906a;
	border: 1px solid #b3dc82;
	background: #ebf6e0;
	
}

div.message.fehler {

	color: #e45959;
	border: 1px solid #fbc4c4;
	background: #ffe9e9;
	
}

div.message.hinweis {

	color: #a2876f;
	border: 1px solid #ded58a;
	background: #fbfadd;
	
}

div.message.info {

	color: #6c91cc;
	border: 1px solid #b6d7e8;
	background: #e9f7fe;
	
}

div.message a.fadeOut {
	
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
	
}

div.message.okay a.fadeOut {
	
	background: url('../images/message.okay.png') no-repeat;
	
}

div.message.fehler a.fadeOut {
	
	background: url('../images/message.fehler.png') no-repeat;
	
}

div.message.hinweis a.fadeOut {
	
	background: url('../images/message.hinweis.png') no-repeat;
	
}

div.message.info a.fadeOut {
	
	background: url('../images/message.info.png') no-repeat;
	
}

/* -[ CONTENT : TEXT : TEMPLATES : TEXT HEADER ]- */

div.textHeader {
	
	width: 100%;
	height: 20px;
	background: #fff;
	margin: 0px 0px 15px 0px;
	position: relative;
	
}

div.textHeader div.border {
	
	width: 100%;
	height: 10px;
	border-bottom: 1px solid #e9e9e9;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	
}

div.textHeader div.text {
	
	padding: 0px 10px 0px 0px;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	color: #666 !important;
	
}

div.textHeader div.text.color {
	
	color: #666 !important;
	
}

div.textHeader div.text.dark {
	
	color: #333 !important;
	
}

div.textHeader div.text.light {
	
	color: #8c8c8c !important;
	
}


div.textHeader div.text.big {
	
	font-family: Arial !important;
	font-size: 15px !important;
	font-weight: bold !important;
	line-height: 20px !important;
	
}


/* -[ CONTENT : TEXT : TEMPLATES : SPECIAL LISTS ]- */

ul.trueList, ul.falseList, ul.iconList {
	
	margin: 0px 0px 15px 0px !important;
	padding: 0px;
	
}

ul.trueList li ul, ul.falseList li ul {
	
	margin: 0px !important;
	
}

ul.trueList li, ul.falseList li, ul.iconList li {
	
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;

}

ul.trueList li {
	
	background: url('../images/trueList.png') top left no-repeat;
	
}

ul.falseList li {
	
	background: url('../images/falseList.png') top left no-repeat;

}

ul.iconList li.true {
	
	background: url('../images/iconList.true.png') left no-repeat;
	
}

ul.iconList li.false {
	
	background: url('../images/iconList.false.png') left no-repeat;
	
}