/* ++++++++++ STYLESHEET MOTOMEDIA.TV | 2007 ++++++++++ */

/* ++++++++++ ALLGEMEINES ++++++++++ */
html[xmlns^="http"]
 {
		overflow-y: scroll;
	}

*
 {
	 margin: 0;
	 padding: 0;
	 border: 0;
 }

html
	{
		height: 100%;
	}

body
 {
	 height: 100%;
	 background:#2A2A2A;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1px;
	 line-height: 1px;
  color:#E2E2E2;
	 text-align: center;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#page
 {
	 width: 820px;
	 margin: 0 auto;
	 min-height: 100%;
	 text-align: left;
		background:#2A2A2A url(../_images/background-container.gif) repeat-y;
 }

* html #page
 {
 	height: 100%;
 }

#container
	{
		position: relative;
		min-height: 100%;
	}

* html #container
	{
		height: 100%;
	}
	
#header
 {
	 width:491px;
		height:71px;
		margin-left:10px;
	 background:#0E0E0E url(../_images/background-header.png) repeat-x;
 }
	
#pfad 
 {
 	position: absolute;
	 left:35px;
	 top:52px;
	 width:441px;
 }

#quick 
 {
 	position: absolute;
 	left: 35px;
	 top: 10px;
	 width: 441px;
 }	

#content
 {
	 width:441px;
		margin-left:10px;
		padding:25px 25px 120px 25px;
		background:#151515;
 }
	
#right-image
 {
	 position:absolute;
		left:501px;
		top:0px;
	}	

#logo
 {
	 position:absolute;
		top:270px;
		left:525px;
		width:175px;
 }

.clearer
 {
 	clear: both;
 	display: block;
 	height: 1px;
 	margin-bottom: -1px;
 	font-size: 1px;
 	line-height: 1px;
 }

#footer
 {
	 position: relative;
	 width: 820px;
	 height:75px;
	 margin: -115px	 auto 0 auto;
		padding-top:40px;
  background:#2A2A2A url(../_images/background-footer.gif);		
 }

* html #footer
	{
		margin-top: -115px;
	}
	 
#footer div
{
	position: absolute;
	top: 3px;
	left: 0;
	width: 800px;
	text-align: center;
}

#footer div a, #footer div strong
{
	color: #c1c1c1;
	text-decoration: none;
} 

#footer div p
{
	color: #929292;
	font-size: 10px;
	font-family:"Trebuchet MS";
}

#footer div p img {
vertical-align: middle;
margin-right: 1px;
}	
/* ++++++++++ ENDE LAYOUT ++++++++++ */	


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
	 position:absolute;
		left:501px;
		top:230px;
		width:222px;
		height:195px;
	}
	
#navigation ul
 {
		margin-top:135px;
		margin-bottom: 0;
		margin-left:0px;
		width:222px;
		list-style-type:none;
	}
	
#navigation ul li a
 {
	 display:block;
		width:222px;
		height:24px;
		padding-top:7px;
		font-family:"Trebuchet MS";
		font-size:11px;
		line-height:18px;
		text-transform:uppercase;
		text-align:center;
		color:#7C7C7C;
		border-bottom:1px solid #0E0E0E;
		background:#2A2A2A;
		text-decoration:none;
	}
	
#navigation a:hover
 {
		color:#FFFFFF;
		text-decoration:none;
		background:#555555;
	}	
	
#navigation a.active
 {
		color:#FFFFFF;
		text-decoration:none;
		background:#DD4F00;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		margin-bottom:18px;
		font-size:15px;
		line-height:20px;
		color:#686868;
	}
	
h2
 {
		margin-bottom:10px;
		font-size:12px;
 	line-height:18px;
	}
	
p
 {
  margin-bottom:20px;
		font-size:13px;
		line-height:18px;
	}
	
ul
 {
	 list-style-type:circle;
		width:375px;
		margin-left:30px;
		margin-bottom:25px;
		font-size:13px;
		line-height:18px;
	}
	
li
 {
	
	}
	
.small
 {
	 font-size:11px;
	 line-height: 14px;
	}
	
.orange
 {
	 background:#DD4F00;
	}
	
#footer p
 {
	 margin-bottom:5px;
		font-size:11px;
		line-height:14px;
		color:#515151;
	}
	
#footer strong
 {
	 text-decoration:underline;
 	color:#393939;
	}
	
a
 {
		color:#DD4F00;
		text-decoration:underline;
	}
	
a:hover
 {
	 color:#DD4F00;
		text-decoration:none;
	}
	
a:active
 {
  outline:none;
 }

.cl01 {
	font-size:11px;
	color:#686868;
}

#pfad p {
	font-size: 9px;
	color: #c1c1c1;
	margin:0;
	padding:0;
}

#quick p {
	font-size: 9px;
	color: #fff;
	line-height: 15px;
}

#quick a, #pfad a {
	color: #e2e2e2;
	text-decoration: none;
}

.i01 img {
	border: 1px solid #686868;
	padding: 1px;
}

input
 {
  height:14px;
  font-family:Arial, sans-serif;
  font-size:11px;
  padding:1px;
  border:1px solid #151515;
  vertical-align:middle;		
  background:#686868;
  color: #e2e2e2;
 }
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ TABELLENFORMATIERUNGEN ++++++++++ */
.xtra
 {
	 width:440px;
		margin-top:5px;
		margin-bottom:5px;
		font-size:11px;
		line-height:16px;
		border-collapse:collapse;	
	}
	
.xtra th
 {
	 width:135px;
		height:50px;	
		border-right:1px dotted #151515;
		background:url(../_images/background-th.gif) repeat-x;
	}	
	
.xtra td
 {
  width:135px;
  padding:5px;
	 text-align:center;
		border-right:1px dotted #151515;
		border-bottom:1px dotted #151515;				
		background:#2A2A2A;
	}

.xtra2
 {
	 width:442px;
		margin-top:5px;
		margin-bottom:5px;
		font-size:11px;
		border-collapse:collapse;	
	}

.xtra2 td
 {
  padding:5px;
  padding-left:5px;
  padding-right:6px;
	text-align:center;
	}
	
table h2
 {
	 font-weight:normal;
	}
	
/* ++++++++++ ENDE TABELLENFORMATIERUNGEN ++++++++++ */


/* ++++++++++ FORMULARFORMATIERUNGEN ++++++++++ */
#kontaktform fieldset 
 {
		color:#FFFFFF;
		font-size:13px;
		margin-bottom:20px;
 }

#kontaktform input
 {
		width:153px;
		height:15px;
	 font-family:Arial, sans-serif;
		font-size:13px;
		padding:1px;
		margin:5px 0 5px 8px;
		vertical-align:middle;
		color:#FFFFFF;
		border:1px solid #686868;
		background:#2A2A2A;
 }
	
#kontaktform .input_aktiv
 {
	 background:#58341E;
		color:#FFFFFF;
	}

#kontaktform label 
 {
		/*display:block;
		width:350px;*/
		margin:8px 10px;
		font-size:13px;
		/*line-height:20px;*/
	}
	
#kontaktform label.fest 
 {
		display:block;
		float:left;
		width:80px;
/*		margin:12px 0px;*/
line-height:10px;
	}	
	
textarea
 {
	 width:241px;
		height:100px;
	 font-family:Arial, sans-serif;		
		font-size:13px;
		color:#FFFFFF;
		padding:1px;
		border:1px solid #686868;
		background:#2A2A2A;		
	}		

#kontaktform p 
 {
  margin-left:4px;
		font-size:9px;
 }
 
 
#footer div
{
	position: absolute;
	top: 3px;
	left: 0;
	width: 800px;
	text-align: center;
}

#footer div a, #footer div strong
{
	color: #c1c1c1;
	text-decoration: none;
} 

#footer div p
{
	color: #929292;
	font-size: 10px;
	font-family:"Trebuchet MS";
}

#footer div p img {
vertical-align: middle;
margin-right: 1px;
}
	
/* Off state for a ARC radio button */
.radioOff 
 {
	 display:inline;
	 padding:2px;
	 padding-left:20px;
		font-size:13px;
		line-height:18px;
	 color:#e2e2e2;
	 background:transparent url(../_images/radio_off.gif) no-repeat 0% 50%;
		
 }
	
/* On state for a ARC radio button */
.radioOn 
 {
	 display:inline;
	 padding:2px; /* NS 6 problem */
	 padding-left:20px;
		font-size:13px;
		line-height:18px;
	 color:#e2e2e2;
	 background: transparent url(../_images/radio_on.gif) no-repeat 0% 50%;
 }
	
.radioOff:hover 
 {
	 background-image: url(../_images/radio_hover.gif);
 }	
	
/* Off state for a ARC checkbox */
.checkboxOff 
 {
	 display:inline;
	 margin:0px;
	 padding:2px; /* NS 6 problem */
	 padding-left:20px;
	 font-size:13px;
	 line-height:18px;	
	 background-image:url(../_images/check_off.gif);
	 background-repeat:no-repeat;
	 background-position:0% 50%;
	 border:0px;
 }
	
/* On state for a ARC checkbox */
.checkboxOn 
 {
	 display:inline;
	 margin:0px;
	 padding:2px; /* NS 6 problem */
	 padding-left:20px;
	 font-size:13px;
	 line-height:18px;
	 background-image:url(../_images/check_on.gif);
	 background-repeat:no-repeat;
	 background-position:0% 50%;
	 border:0px;
 }
	
.checkboxOff:hover 
 {
	 background-image: url(../_images/check_hover.gif);
 }		
/* ++++++++++ ENDE FORMULARFORMATIERUNGEN ++++++++++ */


/* ++++++++++ DIVERSES ++++++++++ */
.tribal
 {
	 text-align:center;
		margin-top:-10px;
		margin-bottom:15px;
	}

.shine {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	cursor: url('../highslide/graphics/zoomin.cur'), pointer;
    outline: none;
	border: 1px solid #686868;
}


.highslide-image {
    border: 0;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	width: 207px;
	height: 20px;
	line-height: 20px;
	color: white;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	text-align: right;
	border-top: 1px solid #686868;
	border-bottom: 1px solid #686868;
    background-color: black;
    background-image: url('../highslide/graphics/loader.gif');
    background-repeat: no-repeat;
    background-position: 95px 2px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-overlay {
	display: none;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.externerlink {
padding-left: 11px;
background-image: url(../_images/extl.gif);
background-repeat: no-repeat;
background-position: 0 3px;
}



.prj-th {
	width: 100%;
	text-align: left;
	font-size: 14px;
}
.prj-th2 {
	font-size: 11px;
	padding: 0 4px 8px 4px;
}
.prj-div1 {
	font-size: 11px;
	font-weight: normal;
	color: #8B8B8B;
}
.prj-div1 a {
	color: #686868;
}
.prj-js {
	color: #686868;
	text-decoration: none;
	font-weight: normal;
	font-size: 9px;
	line-height: 14px;
	cursor: help;
}
.prj-span1 {
	color: #2A2A2A;
	padding-right: 1px;
	font-size: 14px;
	font-weight: bold;
}
.prj-span2 {
	color: #2A2A2A;
	padding-left: 1px;
	font-size: 14px;
	font-weight: bold;
}
.prj-bild {
	width: 350px;
	height: 50px;
	margin: 0;
	padding: 0;
}
.prj-info1 {
	width: 350px;
	background: #404040;
}
.prj-info2 {
	padding: 8px 14px 9px 14px;
	text-align: left;
	line-height: 14px;
	font-size: 11px;
}




/* ++++++++++ FORMATIERUNGEN SEITE INFORMATIONEN ++++++++++ */
.frage a
 {
		text-decoration:none;
		margin-bottom:1px;
  padding:0;
		width:440px;
	}
	
.info-info1 {
	width: 440px;
	background: #404040;
	/*margin-bottom:15px;*/
	margin-top:-5px;
	padding:0;
}

.info-info2 {
	padding: 8px 14px 9px 14px;
	text-align: left;
	line-height: 18px;
	font-size: 13px;
}

.info_tabelle
 {
	 width:440px;
		margin-top:5px;
		/*margin-bottom:5px;*/
		font-size:11px;
		line-height:16px;
		border-collapse:collapse;
 }
	
.info_tabelle th
 {
/*		height:50px;
		border-right:1px dotted #151515;*/	
	}	
	
.info_tabelle td
 {
  padding:5px;
		border-right:1px dotted #151515;
		border-bottom:1px dotted #151515;				

	}
/* ++++++++++ ENDE FORMATIERUNGEN SEITE INFORMATIONEN ++++++++++ */