/*
*  (c) fusonic GmbH 2009
*  last update 13.10.11 by Mert BASAR
*/ /*
* general
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);

body {
	background: url(images/background.png) repeat-x fixed left top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #4D4D4D;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', sans-serif;
	color: #333;
	text-shadow: 0 1px 0 #FFF;
}

img.left
{
	float: left;
	margin-right: 1em;
}

img.right
{
	float: right;
	margin-left: 1em;
}

.center
{
	text-align: center;
}

#container { /*margin: auto;*/
	left: 50%;
	margin-left: -475px;
	position: absolute;
	min-height: 100%;
	background-color: #f9f9f9;
}

#topMargin {
	height: 125px;
	width: 950px;
	background: url(images/background.png) repeat-x fixed left top;
	border: 0px;
}


#header {
	position: absolute;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	top: 38px;
	height: 87px;
	width: 950px;
	background: url(images/header-violet.png) repeat-x;
	text-align: right;
	border: 0px;
	overflow: hidden;
}

#content {
	position: relative;
	width: 910px;
	padding:20px;
	padding-bottom: 140px;
	overflow: hidden;
}


#logo {
	/* width: 500px */ /* Beim Auskommentieren verschindet das Fusonic Logo - Editiert von Mert - */
	text-align: left;
	float: left;
	height: 87px;
}

#logo img {

	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5em;
	float: left;
	position: absolute; z-index:1; /* habe ich dazu geschrieben, beim Löschen verschwindet das Fusonic Logo - Editiert von Mert - */
}

#logoName {
	color: #BCD63C;
	font-weight: bold;
	font-size: 4.75em;
	height: 66px;
	margin-top: 8px;
	font-family:trebuchet ms;
}

#logoText {
	color: #BCD63C;
	font-weight: bold;
	float: left;
	margin-top: -5px;
	padding-left: 5px;
}

h1 {
	color: #622A69;
	font-size: 24px;
	padding-top: 10px;
	margin: 0px;
}



#chiveHighlight {
	color: #BCD63C;
	font-family:trebuchet ms;
}

dfn {
	cursor: help;
}

#grass {
	position: fixed;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: 140px;
	background: url(images/grass.png) repeat-x scroll left top;
	z-index: 120;
}

#bigPictures {
	display: none;
}

h2 {
	padding: 0px;
	margin: 0px;
}

hr {
	padding: 0px;
	margin: 0px;
	color: #622A69;
}

hr.hline
{
	clear: both;
	background: url("images/hr.jpg") no-repeat 50% 50%;
	border: none;
	height: 5em;
}

#content a {
	color: #622A69;
}

#aboutUsContent{
	text-align: center;
}

#aboutUs{
	text-decoration:none;
	position:relative;
	float:right;
}

/**
*
* navigation
*
*/
#navi {
	position: absolute;
	bottom: -1px;
	right: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#navi ul {
	margin: 0px;
	pading: 0px;
}

#navi li {
	position: relative;
	float: left;
	text-align: center;
	list-style-type: none;
	font-weight: bold;
	height: 20px;
}


.page {
	color: white;
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: url(images/tab_background.png) repeat-x scroll left top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-right: 6px;
	padding-bottom: 10px;
}

.page:hover {
	background: url(images/tab_background_hover.png) repeat-x scroll left
		top;
}

/* current page class of the navigation */
.current_page {
	color: #622A69;
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: url(images/tab_background.png) repeat-x scroll left top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-right: 6px;
	background: url(images/tab_background_active.png) repeat-x scroll left top;
	padding-bottom: 10px;
}



/**
*
* toolboxes
*
*/
.portlet {
	background-color: #DCDCDC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	width: 150px;
	margin-left: 10px;
	position: relative;
	float: left;
}

.portlet h5 {
	color: #622A69;
	padding: 0px;
	margin: 0px;
}

.portlet ul {
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
}

/**
*
* search
*
*/
.mw-search-result-data {
	color: #622A69;
}

.mw-headline {
	color: #622A69;
}

.mw-search-results li {
	background-color: #BCD63C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 800px;
	margin-bottom: 10px;
}

div.searchresult {
	width: 100%;
}

.searchmatch {
	color: #622A69;
}

#searchInput {
	color: #622A69;
	margin: 0px;
	padding: 0px;
	border: 1px solid #BCD63C;
}

#mw-searchButton {
	display: none;
}

#powersearch {
	display: none;
}

.mw-searchresult {
	display: none;
}

.search {
	margin-top: 7px;
	float: right;
	position: relative;
	width: 330px;
}

/**
* comparison of features page
*
*
*/
.compTable {
	margin-top: 20px;
	width: 900px;
}

.compTable li {
	list-style-type: none;
	margin-left: 30px;
}

.compTable th {
	padding: 3px;
	padding-right: 0px;
	padding-left: 10px;
	width: 280px;
}

.compYes {
	color: #BCD63C;
}

.compNo {
	color: #CC0000;
}

.compRud {
	color: #FFCC33;
}

.compTable td {
	padding: 3px;
}

.compTableRow1 {
	background-color: #EAEAEA;
}

.compTableRow2 {
	background-color: #ffffff;
}

.compLogo {
	margin-bottom: 5px;
}

.compTipImg {
	display: none;
}

/**
   * SCREENSHOTS
   */
.theme-default.controlnav-thumbs .nivo-controlNav img
{
	display: inline; /* Unhide the thumbnails */
	margin-right: 10px;
}

.theme-default .nivo-controlNav a
{
	width: 60px;
	height: 60px;
	border:  1px solid #CCC;
}

.theme-default.controlnav-thumbs .nivo-controlNav
{
	position: absolute;
	left: 0px;
	bottom: -80px; /* Tweak this to push thumbnails down */
	margin: 0;
}
/**
* misc
*	
*/
.printfooter {
	display: none;
}

#siteSub {
	display: none;
}

#firstHeading {
	display: none;
}

/**
*
* wiki texteditor
*
*/

#wpTextbox1{
	width:100%;
}

/*
*
* description
*
*/
#description {
	position: relative;
	width: 230px;
	padding-top: 0px;
	margin-top: 2px;
	margin-left: 25px;
	float: left;
	line-height: 1.5;
	text-align: justify;
}

#descSpan {
	color: #808080;
	font-size: 14px;
}

/**
*
* Feed container
*
*/
#feedContainer {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 7px;
	font-size: 12px;
	float: left;
	position: relative;
	min-height: 240px;
	width: 220px;
}

#feedContainer h1 {
	margin-bottom: 10px;
}

#feedContainer h3 {
	padding: 0px;
	margin: 0px;
}

#feedContainer li {
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
}

#feedContainer ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#feedLoad {
	margin: 80px;
}

#feedMore {
	float: right;
	position: relative;
}

#feedRss {
	position: relative;
	float: right;
	width: 18px;
	height: 18px;
	border: 0px;
	top: 3px;
	left: 10px;
}

/*
*
* features
*
*/

#features {
	position: relative;
	float: left;
	margin: 10px;
	margin-top: 20px;
	width: 655px;
	padding: 0px;
	margin-left: 0px;
}

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

#features li {
	position: relative;
	padding-left: 60px;
	width: 251px;
	float: left;
	color: #808080;
	font-size: 0.94em;
	min-height: 48px;
	margin-bottom: 25px;
	padding-right: 10px;
}

#features span {
	width: 100%;
	font-weight: bold;
	font-size: 1.13em;
}

#features h2 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}

/*
*
*  technologies
*
*/
#technolgies {
	background: url(images/line.png) top left repeat-x;
	position: relative;
	float: left;
	width: 100%;
	height: 48px;
	padding-top: 15px;
}

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

#technolgies a img {
	border: 0 none;
}

#technolgies li {
	position: relative;
	width: 20%;
	float: left;
	min-height: 48px;
	text-align: center;
}

/*
 *   SLIDE GALLERY
 *
 */
#gallery .gallerydesctext {
	text-align: left;
	padding: 6px 9px;
	font-size: 13px;
	background-color: transparent;
}

#gallery {
	float: left;
	position: relative;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 0px;
}


a img {
	border: none;
}


/* Editiert von Mert */
/*code {
	display: block;
	color: #FFFFFF;
	background-color: #999999;
	border: solid 1px #000000;
	padding: 3px;
	margin: 3px 0px 3px 0px;
}
*/

.code {
	color:#efefef;
	font-weight:bold;
	font-style:italic;
	background-color:#000;
}

.button, .button:visited
{
	background: #6C3873;
	display: inline-block;
	padding: 0.5em 2em 0.5em;
	color: #fff !important;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
}

.button:hover
{
	background-color: #622A69;
	color: #fff;
}

.button:active
{
	top: 1px;
}

.button.large
{
	font-size: 2em;
	font-weight: bold;
}

.button-sub
{
	font-size: 0.9em;
	color: #808080;
	line-height: 2em;
}

.thumbnail
{
	border: 1px solid #AAA;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 10px #bbb;
	padding: 3px;
}

.small
{
	font-size: 0.85em;
}