/*****************************************************/
/*													 */
/*   Design:  zenrace gmbh, switzerland              */
/*            Stylesheet for screen rendering        */
/*													 */
/*---------------------------------------------------*/
/*													 */
/*   Author:  as		                             */
/*   Email:   contact@zenrace.com                    */
/*   Date:    month, 00, 0000						 */
/*   Version: 00-0000000							 */
/*													 */
/*****************************************************/
/*													 */
/*	 MAIN STYLESHEET								 */
/*													 */
/*****************************************************/

/*-------------------------------*/
/* USED COLORS					 */
/*-------------------------------*/
/* GREY             			 */
/*-------------------------------*/
/* grey 90%		#222222			 */
/* grey 80%		#333333			 */
/* grey 70%		#444444			 */
/* grey 60%		#555555			 */
/* grey 50%		#666666			 */
/* grey 40%		#777777			 */
/* grey 30%		#888888			 */
/* grey 20%		#999999			 */
/* grey 10%		#CCCCCC		     */
/*-------------------------------*/
/* BLUE                          */
/*-------------------------------*/
/* blue dark			#194970  */
/* blue dark medium		#336699	 */
/* blue bright medium	#6699CC  */
/* blue bright			#99CCFF  */
/*-------------------------------*/
/* RED                           */
/*-------------------------------*/
/* red dark 	#990000	 		 */
/* red medium #CC0000	 		 */
/* red bright #FF0000	 		 */
/*-------------------------------*/

.index {
	background-color: #FFFFFF;
}

#indexpic {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 500px;
	height: 500px;
}

body.main {
	font-family: "trebuchet ms", "gill sans", tahoma, geneva, helvetica, verdana, sans-serif;
	letter-spacing: 1pt;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #FFFFFF;
}

#sitewrapper {
	margin-top: auto;
	width: 948px;
	height: 810px;
}

#navigation {
	width: 176px;
	height: 810px;
	float: left;
	padding: 0px;
}

#content {
	width: 372px;
	height: 810px;
	float: left;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#context {
	width: 400px;
	height: 810px;
	float: left;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	background-repeat: no-repeat;
}

/* * * * * * * * * * * * * * * * * * *  START NAVIGATION * * * * * * * * * * * * * * * * * * */

#navwrapper {
	margin: 0px;
	padding: 0px;
	float: right;
	clear: left;
	width: 176px;
	height: 189px;
	overflow: hidden;
	/* background-color: yellow; */
}

.nav_top {
	width: 176px;
	height: 320px;	
	margin: 0px;
	padding: 0px;
}

.nav_bottom {
	width: 176px;
	height: 301px;	
	margin: 0px;
	padding: 0px;
}

a.firm {
	width: 176px;
	height: 21px;
	margin: 0px;
	padding: 0px;	
	display: block;
	background-image: url("../media/firm_f.jpg");

}

a.firm:hover  {
	width: 176px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/firm_t.jpg");

}

a.design {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/design_f.jpg");
}

a.design:hover  {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/design_t.jpg");
}

a.web {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/web_f.jpg");
}

a.web:hover  {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/web_t.jpg");
}

a.print {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/print_f.jpg");
}

a.print:hover  {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/print_t.jpg");
}

a.portfolio {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/portfolio_f.jpg");
}

a.portfolio:hover {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/portfolio_t.jpg");
}

a.contact {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/contact_f.jpg");
}

a.contact:hover  {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/contact_t.jpg");
}

.distance {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/nav_distance.jpg");
}

a.login {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/login_f.jpg");
}

a.login:hover  {
	width: 176px;
	height: 21px;	
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url("../media/login_t.jpg");
}

/* * * * * * * * * * * * * * * * * * * END NAVIGATION * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *  START CONTENT * * * * * * * * * * * * * * * * * * */

#contentwrapper {
	width: 530px;
	height: 370px;
	min-height: 370px;
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: auto;
	/* border-right: 1px solid #CCCCCC;
	background-color: fuchsia; */
}

p {
	font-size: 9pt;
	text-align: justify;
	padding: 0px;
	/* background-color: fuchsia; */
}

.content ul {
	margin: 0px;
	padding: 0px;
}
										
.content li {
	line-height: 12pt;
	text-align: left;
	list-style-type: disc;
	text-indent: 0px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: yellow; 
}

#content #p-spezial{
	font-size: 7pt;
	line-height: 7pt;
	padding: 6px 0px 6px 0px;
	letter-spacing: 1pt;
	text-align: justify;
	color: #999999;
}

h1 {
	color: #2F63AB;
	font-size: 12pt;
	line-height: 12pt;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

h2 {
	color: #333333;
	font-size: 10pt;
	line-height: 12pt;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	}

h3 {
	color: #2F63AB;
	font-size: 9pt;
	line-height: 11pt;
	margin: 20px 0px 10px 0px;
}

b {
	font-weight: bold;
}

#content a, .window a {
	color: #2F63AB;
	text-decoration: underline;
}

#content a:hover, .window a:hover {
	color: #2F63AB;
	text-decoration: none;
}

/* * * * * * * * * * * * * * * * * * *  END CONTENT * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *  START PARTNER LIST * * * * * * * * * * * * * * * * * * */

#partner ul {
	margin-top: 0px;
	padding: 0px;
}
										
#partner li {
	margin: 30px 0px 0px 0px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	/* background-color: yellow; */
}

li#logos {
	font-weight: bolder;
	line-height: 11pt;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

li#description  {
	line-height: 11pt;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

li#link {
	line-height: 12pt;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #CCCCCC;
}

/* * * * * * * * * * * * * * * * * * *  END PARTNER LIST * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *  START REFERENCES LIST * * * * * * * * * * * * * * * * * * */

ul.reference {
	margin: 0px;
	padding: 0px;
}
										
li.reference {
	float: left;
	width: 450px;
	line-height: 12pt;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li.reference .customer {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	/* background-color: red; */
}

li.reference .project {	
	float: left;
	height: 15px;
	/* background-color: lime; */
}

li.reference .project .title {
	float: left;
	width: 80px;
	/* background-color: fuchsia; */
}

li.reference .project .description {
	float: left;
	width: 370px;
	/* background-color: aqua; */
}

li.reference .projectend {
	float: left;
	height: 23px;
	border-bottom: 1px dotted #CCCCCC;
  /* background-color: yellow; */
}

li.reference .projectend .title {
	float: left;
	width: 80px;
  /* background-color: fuchsia; */
}

li.reference .projectend .description {
	float: left;
	width: 370px;
	/* background-color: aqua; */
}

/* * * * * * * * * * * * * * * * * * *  END REFERENCES LIST * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *  START WINDOW * * * * * * * * * * * * * * * * * * */

body.window {
	font-family: "trebuchet ms", "gill sans", tahoma, geneva, helvetica, verdana, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: #333333;
	text-align: justify;
	margin: 120px 50px 50px 50px;
	padding: 0px;	
	background-image: url("../media/bg_window.jpg");
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#note {
	font-size: 8pt;
	color: #555555;
}

#italic {
	font-style: italic;
}

/* * * * * * * * * * * * * * * * * * *  END WINDOW * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *  START FORMULAR * * * * * * * * * * * * * * * * * * */
#formular p {
	clear: both;
	height: 10px;
}

#formlinewrapper {
	width: 450px;
	height: auto;
	float: left;
	margin: 0px 0px 10px 0px;
}

#formlinename {
	width: 25%;
	font-weight: normal;
	padding: 2px 0px 0px 0px;
	float: left;
	text-align: right;
}

#formlineinput {
	width: 70%;
	padding: 0px 0px 0px 10px;
	float: left;
	text-align: left;
	vertical-align: bottom;
	/* background-color: red; */
}

.formlineinputfield {
	width: 325px;
	height: 17px;
	color: #2F63AB;
	border: 1px solid #999999;
	background-color: transparent;
}

.formlinetextfield {
	width: 325px;
	height: 100px;
	color: #2F63AB;
	border: 1px solid #999999;
	background-color: transparent;
	
}
/* * * * * * * * * * * * * * * * * * *  END FORMULAR * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *  START ADRESS * * * * * * * * * * * * * * * * * * */

#adress ul {
	margin: 0;
	padding: 0;
}

#adress li {
	float: left;
	list-style: none;
	width: 200px;
	height: auto;
	padding: 10px 0px 20px 0px;
}

ul {
	margin: 0;
	padding: 0;
	border: 0px
}

/* * * * * * * * * * * * * * * * * * *  END ADRESS * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * *  START COLORS * * * * * * * * * * * * * * * * * * */

.blue_dark {
	color: #194970;
}

.blue_dark_medium {
	color: #336699;
}

.blue_bright_medium {
	color: #6699CC;
}

.blue_bright {
	color: #99CCFF;
}

/* * * * * * * * * * * * * * * * * * *  END COLORS * * * * * * * * * * * * * * * * * * */