/* MOTOYAMAdesign.com  Januar 2008 */
/* --- General Pre Settings --- */
* { margin: 0; padding: 0; }

/* --- STRUCTURE --- */
body {
	font-family: Verdana, Tahoma, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-family: Tahoma;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../images/bg.jpg) repeat-x #fff;
	font-size: 16px;#  /* Set correct font-size for safari browsers  mit Pound Safari Post Semicolon Hack*/
	font-size: 101.1%;
	}

hr {
  color: #e21d1d; /* Mozilla */
  background-color: #e21d1d; /* Ie */
  border: #e21d1d; /* Opera */
  height: 1px;
  margin-bottom: 2em;
}

img { border: 0;}

a { color: #000a64; text-decoration: none; }
a:hover { text-decoration: underline; }

/* --- General Helpers --- */
.killfloat { overflow: hidden; height: 0; clear: both; font-size: 0; }
.hidden { display: none; visibility: hidden; }
.floatLeft { float: left; }
.floatRight { float: right; }
.topLink { padding: 3em 0 0 2em; clear: both; }
.widthA { width: 11em; }
.widthB { width: 19em; }
.widthC { width: 30em; margin-bottom: 2em; }

/* Typo */
h1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #000a64;
	margin-bottom: 24px; }

#contentRight h1 {
	background-image:url(../images/bg_headline.gif);
	background-repeat: no-repeat;
	height: 2.4em;
	font-size: 2.3em;
	color: #FFF;
	padding: .3em 0 0 .4em;
	}

#rightSide h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #000a64;
	margin-bottom: 1em; }
	
h3 {
	font-size: 1.8em;
	color: #000a64;
	margin-bottom: 10px; }
	
h2 {
	font-size: 1.4em;
	color: #000a64;
	margin-bottom: 10px; }			
	
p { 
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 20px;
	color: #000a64; }
p.error {
	color: #e21d1d!important;
	font-weight: bold!important;
}	
#leftSide ul { 
	font-size: 1.4em;
	color: #000a64;
	margin-bottom: 2em; }	
	
#leftSide li { margin: 0 0 .5em 2em; }	

#rightSide li { margin-left: 1.5em; }

.textL { font-size: 1.4em; float: left; color: #000a64; margin-top: .5em; }

.button { 
	width: 159px;
	height: 50px;
	font-size: 12px;
	padding: 10px 15px 0 15px;
	background: url(../images/button.gif) no-repeat; }
	
	.button a { 
		color: #fff;
		text-decoration: none; }
	
/* * Structure Elements * */
#container {
	font-size: 0.625em; /* 1em is 10px */
	}

#main { width: 830px; margin: 17px 0 0 13px;}

#navigation { 
	margin-left: 4px;
	background: url(../images/bg_navigation.jpg) repeat-x #fff;
	height:	78px;
	width: 81.5em; }

#leftSide {
	float: left;
	width: 541px;
	min-height: 30em;
	background: url(../images/shadow_left.gif) no-repeat #fff;}
	
#rightSide {
	float: left;
	width: 283px;
	min-height: 30em;
	background: url(../images/shadow_right.gif) no-repeat right top #fff;}	
	
#logo { padding: 56px 0 0 30px; }	

#contentLeft { padding: 20px 90px 0 21px; }

#contentRight { margin-top: 81px; padding: 0 25px 0 22px; border-left: 1px solid #e0e0e0; min-height: 550px; }

#footer { 
	clear: both;
	margin-left: 2px; 
	background: url(../images/bottom.gif) no-repeat; 
	min-height: 5em;
	text-align: right; }
	
	#footer p { font-size: 1em; padding: 3em 5em 0 0; color: #999; }
	#footer p a { color: #999; }

#pictureBig { padding: 20px 0 0 21px; }

#navigation ul { display: block; }

#navigation li { 
	list-style-type: none; 
	display: block; 
	float: left;
	height: 78px;
	background: url(../images/naviLine.gif) no-repeat left top; }

#navigation li a { 
	display: block;
	font-size: 12px;
	color: #000a64;
	padding: 15px 10px 0 10px;
	text-decoration: none;
	 }

#navigation li.noLine { background: none; }	

#navigation li a:hover { 
	color: #e21d1d;
	background: url(../images/aHover.gif) no-repeat; }
	
#navigation li a.current { 
	color: #e21d1d;
	background: url(../images/aHover.gif) no-repeat; }	

#teaser a.current, #teaserB a.current, #teaserC a.current { color: #e21d1d; }

.linie {
	height: 6px;
	margin-bottom: 20px;
	background: url(../images/line.gif) repeat-x; }	
	
#references img { float: left; padding-right: 20px; }	

#references .button { float: left; margin-top: 35px; }


#divASContainer{position:absolute; width:320; height:120; overflow:hidden; top:10; left:10; clip:rect(0,320,120,0); visibility:hidden; background-color: #FFFFFF} 
#divASContent{position:absolute; top:0; left:0; background-color: #FFFFFF} 


/* Ticker und Teaser */
#teaser { padding-top: 11.3em; }
#teaserB { padding-top: 0; }
#tickertape{ position: relative; width: 240px; }
#subtickertape{ position:absolute; width: 240px; padding: 0 .3em 0 .3em; }
.subtickertapefont{ font-size: 1.8em; font-weight: bold; color: #000; margin-bottom: 24px; }
.subtickertapefont a { color: #000; }

/* Tabelle START */

table { font-size: 1.4em; text-align: left; color: #000a64; border-collapse: collapse; }
th { font-weight: bold; border-bottom: 1px solid #000a64;  padding: .5em;}
td { padding: .5em; vertical-align: top; }
td h1 { font-size: 1.2em; }
td li { font-size: .7em;  }
td p { font-size: 1em;  }
td ul { margin: .5em 0 0 0; }

/* Tabelle END */

/* Formular START */
fieldset {
	border: 0;
}

input {
	width: 300px;
	padding: 3px;
	border: 1px solid #000a64;
	float: left;
}
textarea {
	width: 300px;
	height: 200px;
	padding: 3px;
	border: 1px solid #000a64;
	float: left;
}
label {
	display: block;
	float: left;
	width: 200px;
}
.smallLabel label {
	width: 100px;
	padding: 0;
}
input.checkbox {
	width: 20px;
	border-color: #fff;
}
.formItem {
	clear: left;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 20px;
	color: #000a64;
}
.formSend {
	clear: left;
	padding: 5px 5px 5px 200px;
}
.formSend input {
	clear: left;
	width: 100px;
	padding: 5px;
	cursor: pointer;
	color: #000a64;
	background: #FFFFFF;
}
input.mail_button {
	background-color: #000a64;
	color: #fff;
}
	
/* Formular END e21d1d*/