/* CSS Document */

body { text-decoration: none; font: 0.7em  Arial, Helvetica, sans-serif; /*"Trebuchet MS",*/
	/*overflow-x:hidden;*/	margin:0; padding:0; border:0; background-color:#FFFFFF;	color: #261e1b; } 

/* ---- */
img, a img { border:none; }
img.rahmen { border: 1px solid #261e1b }
#body {
	display: none;
}

/* --- LAYOUT --- */
#logo {	position: fixed; z-index: 105; height: 1080px; width: 130px; left: 0px;	top: 0px; background: #FFF url(../images/maxmodus.png) no-repeat; float: left; } 
#logo a img{ border: none; height: 600px; width: 110px; }
#copy{	position: fixed; z-index: 105; float: left; width: 25px; left: 117px; top: 0px; }
* html #logo, *html #copy {	position: absolute;  }

#fixleft {
	float: left; /*position: fixed;*/
	height:240px; right:0px; top:0px; width:100%; left:0px; bottom: 0px; z-index: 99; background: #fff;	margin: 0px 0px 0px 20px; }

* html #fixleft { position: absolute; width: 85%; top: 50px; right: 0px; height:200px;  }
#claim {
	/*position: fixed;*/ height: 55px; width: 350px; padding: 110px 0px 0px 183px; float: left;	z-index: 99; font: 22px/20px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #f600ae; }
* html #claim {	position: absolute; padding: 60px 0px 0px 183px;}
#claim img { border: 0px; }
#claim a{color: #261e1b; /*#544E49;*/}
#claim a:hover{ color: #f600ae;}
#mainnav {
	height: 55px; width: 350px;	left: 140px; top: 40px;	z-index: 99; background: #FFF;	float: left; } 
.fix{position: fixed;}
.abs{position: absolute;}
* html #mainnav {	position: absolute; top: 0px; /*padding: 0px; margin: 90px 0px 0px 611px;*/ }
#fixmain { /*mainnav --- style unten */
	width: 400px; top: 90px; left: 736px; margin: 0px auto; position: relative; padding-left: 0px; padding-bottom: 70px; z-index: 99; float: left; }
* html #fixmain { /*mainnav*/
	width: 400px; margin: 0px; position: absolute; padding: 0px 0px 70px; z-index: 99;	float: left; }
	
/* --- Footer --- */	
/*#footer{ position: fixed; bottom: 0px; background: #FFFFFF; z-index: 106; float: left; width: 99%; text-align: left; height: 20px; padding: 0px 20px; }*/
#footer{ text-align: left; width: 760px;}
#footer a:link, #footer a:visited{	font-weight: bold;	color: #000000;}
#footer a:hover{ color: #f600ae;}
.footer{ float: left; margin-right: 30px; margin-bottom: 20px;}
#backtotop{	text-align: right; width: 100%; border: 0px;}

#kontakt { 	position:absolute; width:200px; left:133px;	top:79px; z-index: 100; }
* html #kontakt { height:280px;	top:93px;}
#impressum { position:absolute; width:840px; height:280px; left:133px; top:480px; }

/* --- general --- */

a:link, a:visited {	color: #f600ae;	text-decoration: none; }
/* --- NAV --- */
#fixmain, #mainnav{	color: #261e1b; font-weight: bold; font-size: 1.1em;/*text-transform: uppercase;*/}
#mainnav ul li{	list-style: none; display: inline;}
#mainnav ul li a {margin: 0px 7px; }
#mainnav a, #fixright a, #fixmain a, #fixleft a, #fixmain b, #mainnav b {
	color: #261e1b; 
	text-decoration: none;
}
#mainnav a:hover, #fixright a:hover, #fixmain a:hover, #fixleft a:hover {
	color: #f600ae; text-decoration: none; 
}
#top{ position: fixed; z-index: 106; float: left; width: 20px; left: 110px; top: 570px;}
.aktiv { color: #f600ae; }
.passiv { color: #261e1b; /*#544E49;*/ }


/* CONTENT home */
#content{ 	margin: 0px 0px 0px 20px;}
#contentHome { height: 800px; width: 100%; padding-bottom: 300px; }
#contentAbout { height: 800px; width: 100%; padding-bottom: 920px;  }
#contentServices { height: 800px; width: 100%; padding-bottom: 650px; }
#contentClients { height: 800px; width: 100%; padding-bottom: 250px; }
#contentContact { height: 800px; width: 100%; padding-bottom: 500px; }
.content-item { /*margin-right: auto; margin-left: auto; */ width: 725px;/*border: thin solid #00FF00;*/padding: 250px 0px 0px 185px; }
.content-item-fullwidth { width: 100%; padding: 250px 0px 0px 185px; }
#aboutMe-Header { height: 90px; margin-right: 20px; padding-top: 25px; }
#aboutMe-Title { height: 66px; margin-right: 20px; overflow: hidden;}
#aboutMe-Content {	height: auto;	width: 100%; margin-right: 10px; margin-top: 2px; padding-bottom: 27px;	padding-top: 20px;}
#portfolio-Content { height: 470px;	width: 100%; }
#contentFooter { height: 5px; width: 685px; margin-bottom: 20px; float: left; margin-top: 5px; }
.contentCopy-Left { float: left; width: 312px; line-height: 1.5em;}
.contentCopy-Right { float: right; width: 312px; line-height: 1.5em;}
/*p { font-size: 100%; line-height: 1.5em; margin: 0px; padding: 0px; }*/

* html h1 {font-size: 2em;}
h2 { font-size: 1em; line-height: 1.5em; padding: 0px; font-weight: 400; margin: 10px 0px 0px 0px; }
h3 {font-size: 1em; line-height: 1.5em; padding: 0px; font-weight: bold; margin: 7px 0px 0px; text-transform: uppercase; }
.servicesCon { float: left; width: 201px; line-height: 1.5em;}
.padRight20 { margin-right: 20px; }
h4 {	font-size: 1em;	line-height: 1.5em;	border-top: 3px solid #261e1b;	font-weight: bold;	margin: 0px; padding: 7px 0px 7px; text-transform: uppercase;}

.formStyle { padding: 5px; width: 300px; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666666; border-top-style: none; border-right-style: none; border-left-style: none; font: 1em Arial, Helvetica, sans-serif; }
.contentContact-Right { float: right; width: 312px; }
.textfeld {	height: 130px; font: 1em Arial, Helvetica, sans-serif; }

img.rule {
	float: left;
	clear: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;	
	}

/* SLIDER Home */
td { font: 1em Arial, Helvetica, sans-serif; color: #261e1b;	text-decoration: none;}
#loading { position:absolute; top: 0px; left: 0px; width: 200px; visibility:visible; }
PRE { font: 1em Arial, Helvetica, sans-serif;	text-decoration: none;}
.trundle{ font: bold 1.1em Arial, Helvetica, sans-serif; color: #f600ae; padding-top: 10px; text-transform: uppercase;}
.black{color:#000000; }