@charset "utf-8";
/* 
CSS www.alexandsteffen.com
written by M.Schwarz 2010
www.jamediaservice.de
*/


/* Basic */
body {
	background-color:#000;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#dcdcdc;
	font-size:11px;
	text-align:center;
}
p {
	margin-top:0px;
}

/* Layout */

#centhold {
	top:0px;
	width:1020px;
	height:600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image:url(../grafx/alex&steffen_webseite_hintergrundbild_1020x764px.jpg);
	background-repeat:no-repeat;
}

#child  {
	top:0px;
	left:0px;
	width:1020px;
	height:600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position:relative;
	/*border:#CCC solid 1px;*/
}

#navwork {
	top:40px;
	left:40px;
	width:940px;
	height:50px;
	position:relative;
	margin-bottom:40px;
}

#clipcar {
	top:40px;
	left:40px;
	width:940px;
	height:527px;
	position:relative;
	margin-bottom:40px;
}

#clipcarmof {
	top:40px;
	left:40px;
	width:940px;
	height:527px;
	position:relative;
	margin-bottom:40px;
}

#cliptext {
	top:40px;
	left:40px;
	width:940px;
	position:relative;
}

#clipoverview {
	top:40px;
	left:40px;
	width:960px;
	/*height:737px;*/
	position:relative;
	margin-bottom:20px;
}

#clipoptions {
	top:50px;
	left:40px;
	width:940px;
	height:11px;
	position:relative;
	margin-bottom:20px;
}

#moviecar {
	width:300px;
	height:169px;
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#121212;
}

#navnews {
	top:40px;
	left:40px;
	width:940px;
	height:18px;
	position:relative;
	margin-bottom:40px;
}

#newstext {
	top:40px;
	left:40px;
	width:960px;
	/*height:366px;
	overflow:auto;*/
	position:relative;
	margin-bottom:20px;
}
#navarchive {
	top:40px;
	left:40px;
	width:400px;
	height:50px;
	position:relative;
	margin-bottom:20px;
	text-align:left;
}
#newsarchive {
	top:40px;
	left:40px;
	width:400px;
	/*height:366px;
	overflow:auto;*/
	position:relative;
	margin-bottom:20px;
	text-align:left;
}
#newsarchoptions {
	top:20px;
	left:40px;
	width:400px;
	height:52px;
	position:relative;

}
#singlenewstext {
	top:40px;
	left:40px;
	width:940px;
	/*height:366px;
	overflow:auto;*/
	position:relative;
	margin-bottom:20px;
}

#newsoptions {
	top:60px;
	left:40px;
	width:940px;
	height:11px;
	position:relative;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}


#navabout {
	top:40px;
	left:40px;
	width:940px;
	height:18px;
	position:relative;
	margin-bottom:40px;
}

#abouttext {
	top:40px;
	left:40px;
	width:940px;
	height:170px;
	position:relative;
	margin-bottom:40px;
}

#representtext {
	top:40px;
	left:40px;
	width:940px;
	position:relative;
	margin-bottom:40px;
	clear: both;
}

#disclaimer {
	top:40px;
	left:40px;
	width:940px;
	/*height:100px;*/
	position:relative;
}

#line {
	top:40px;
	left:40px;
	width:940px;
	height:20px;
	position:relative;
	
	margin-bottom:20px;
}

#spacer {
	top:40px;
	left:40px;
	width:940px;
	height:40px;
	position:relative;
}

/* FX */

#whiteI {
	height:400px;
	width:976px;
	position:absolute;
	top:54px;
	left:0px;
	background-color:#FFF;
	z-index: 10;
}


#imageContainer {
	position:absolute;
	margin:auto;
	width:976px;
	height:179px;
	overflow:hidden;
}

/* Textformatierung */
a:link { text-decoration:none; color:#666666; font-size:11px; }
a:visited { text-decoration:none; color:#666666; font-size:11px; }
a:focus { text-decoration:none; color:#FFFFFF; font-size:11px; }
a:hover { text-decoration:none; color:#b3b3b3; font-size:11px; }
a:active { text-decoration:none; color:#FFFFFF; font-size:11px;}

a.link:link { text-decoration:none; color:#666666 }
a.link:visited { text-decoration:none; color:#666666 }
a.link:focus { text-decoration:none; color:#FFF }
a.link:hover { text-decoration:none; color:#b3b3b3 }
a.link:active { text-decoration:none; color:#FFF }

a.more { display:block; width:34px; height:6px; }
a.more img { border:0 none; }
a.more:link { text-decoration:none; background-image:url(../grafx/bt_more_link.png);  }
a.more:visited { text-decoration:none; background-image:url(../grafx/bt_more_link.png); }
a.more:hover { text-decoration:none; background-image:url(../grafx/bt_more_hover.png); }
a.more:active { text-decoration:none; background-image:url(../grafx/bt_more_active.png); }

a.newshead:link { text-decoration:none; font-size:11px; color:#666666; text-transform:uppercase; font-weight:normal; }
a.newshead:visited { text-decoration:none; font-size:11px; color:#666666b; text-transform:uppercase; font-weight:normal; }
a.newshead:hover { text-decoration:none; font-size:11px; color:#b3b3b3; text-transform:uppercase; font-weight:normal; }
a.newshead:active { text-decoration:none; font-size:11px; color:#FFFFFF; text-transform:uppercase; font-weight:normal; }



.h1 {
	text-transform:uppercase;
	font-size:12px;
	color:#000;
}

.small {
	font-size:9px;
	color:#666666;
}
.newstitle {
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
.whisma {
	font-size:9px;
	color:#FFFFFF;
}
.movact {
	color:#00f0ff;
}
div.panel {
	display:none;
}
.flip {
	cursor:pointer;
	color:#666666;
}
.flip a:link { text-decoration:none; color:#666666; font-size:11px; }
.flip a:visited { text-decoration:none; color:#666666; font-size:11px; }
.flip a:hover { text-decoration:none; color:#b3b3b3; font-size:11px; }
.flip a:active { text-decoration:none; color:#FFFFFF; font-size:11px;}

.show { cursor:pointer; color:#666666; }
.hide { cursor:pointer; color:#666666; }

/*  Aktive Seite */
#id-pro #id-pro-b { background-image:url(../img/btn/nav_produkte_mo.png); background-repeat:no-repeat;}
#id-nor #id-nor-b { background-image:url(../img/btn/nav_normteile_mo.png); background-repeat:no-repeat;}
#id-kar #id-kar-b { background-image:url(../img/btn/nav_karriere_mo.png); background-repeat:no-repeat;}
#id-dow #id-dow-b { background-image:url(../img/btn/nav_downloads_mo.png); background-repeat:no-repeat;}
#id-kon #id-kon-b { background-image:url(../img/btn/nav_kontakt_mo.png); background-repeat:no-repeat;}

/*  Mouseover */
a.mobile:link, a.mobile:visited { display:block; background-image:url(../grafx/bt_mobile.png); width:41px; height:8px; background-repeat:no-repeat; float:left; margin-right:7px; }
a.mobile:hover { background-image:url(../grafx/bt_mobile_hover.png); float:left; }
a.mobile:active { background-image:url(../grafx/bt_mobile_active.png); float:left; }

a.standard:link, a.standard:visited { display:block; background-image:url(../grafx/bt_standard.png); width:58px; height:8px; background-repeat:no-repeat; float:left; margin-right:7px; }
a.standard:hover { background-image:url(../grafx/bt_standard_hover.png); float:left; }
a.standard:active { background-image:url(../grafx/bt_standard_active.png); float:left; }

a.hd:link, a.hd:visited { display:block; background-image:url(../grafx/bt_hd.png); width:16px; height:8px; background-repeat:no-repeat; float:left; margin-right:5px; }
a.hd:hover { background-image:url(../grafx/bt_hd_hover.png); float:left; }
a.hd:active { background-image:url(../grafx/bt_hd_active.png); float:left; }

a.work:link, a.work:visited { display:block; background-image:url(../grafx/nav_work_p.png); width:67px; height:18px; background-repeat:no-repeat; float:left; margin-right:13px; }
a.work:hover, a.work:active { background-image:url(../grafx/nav_work_p_m.png); float:left; }

a.news:link, a.news:visited { display:block; background-image:url(../grafx/nav_news_p.png); width:65px; height:18px; background-repeat:no-repeat; float:left; margin-right:10px; }
a.news:hover, a.news:active { background-image:url(../grafx/nav_news_p_m.png); float:left; }

a.about:link, a.about:visited { display:block; background-image:url(../grafx/nav_about_p.png); width:81px; height:18px; background-repeat:no-repeat; float:left; margin-right:0px;  }
a.about:hover, a.about:active { background-image:url(../grafx/nav_about_p_m.png); float:left; }

a.pro:link, a.pro:visited { display:block; background-image:url(../img/btn/nav_produkte.png); width:78px; height:18px; background-repeat:no-repeat; float:left; margin-right:9px; margin-left:0px }
a.pro:hover, a.pro:active { background-image:url(../img/btn/nav_produkte_mo.png); float:left; }

a.nor:link, a.nor:visited { display:block; background-image:url(../img/btn/nav_normteile.png); width:83px; height:13px; background-repeat:no-repeat; float:left; margin-right:8px; }
a.nor:hover, a.nor:active { background-image:url(../img/btn/nav_normteile_mo.png); float:left; }

a.kar:link, a.kar:visited { display:block; background-image:url(../img/btn/nav_karriere.png); width:73px; height:13px; background-repeat:no-repeat; float:left; margin-right:8px; }
a.kar:hover, a.kar:active { background-image:url(../img/btn/nav_karriere_mo.png); float:left; }

a.dow:link, a.dow:visited { display:block; background-image:url(../img/btn/nav_downloads.png); width:93px; height:13px; background-repeat:no-repeat; float:left; margin-right:9px; }
a.dow:hover, a.dow:active { background-image:url(../img/btn/nav_downloads_mo.png); float:left; }

a.kon:link, a.kon:visited { display:block; background-image:url(../img/btn/nav_kontakt.png); width:102px; height:13px; background-repeat:no-repeat; float:left; margin-right:0px; }
a.kon:hover, a.kon:active { background-image:url(../img/btn/nav_kontakt_mo.png); float:left; }

a.mocl:link, a.mocl:visited { display:block; background-image:url(../grafx/clips_more.png); width:11px; height:11px; background-repeat:no-repeat; float:left; margin-right:0px; }
a.mocl:hover { background-image:url(../grafx/clips_more_mo.png); float:left; }
a.mocl:active { background-image:url(../grafx/clips_more_a.png); float:left; }

a.lecl:link, a.lecl:visited { display:block; background-image:url(../grafx/clips_less.png); width:11px; height:11px; background-repeat:no-repeat; float:left; margin-right:0px; }
a.lecl:hover { background-image:url(../grafx/clips_less_mo.png); float:left; }
a.lecl:active { background-image:url(../grafx/clips_less_a.png); float:left; }

a.mote:link, a.mote:visited { display:block; background-image:url(../grafx/te_more.png); width:38px; height:8px; background-repeat:no-repeat;  }
a.mote:hover { background-image:url(../grafx/te_more_mo.png);  }
a.mote:active { background-image:url(../grafx/te_more_a.png);  }

a.lete:link, a.lete:visited { display:block; background-image:url(../grafx/te_less.png); width:38px; height:8px; background-repeat:no-repeat; float:left; margin-right:10px; }
a.lete:hover { background-image:url(../grafx/te_less_mo.png); float:left; }
a.lete:active { background-image:url(../grafx/te_less_a.png); float:left; }

h1 { font-size:12px;}
ul, li { margin:0px; padding:0px;}

.column{ padding-right: 20px; text-align:left }
.newscol { clear:both; }
.newshcar { clear:both; }

#ticker-area{
	position:absolute;
	background: #000;
	top:0px;
	left:0px;
	padding:5px;
	/*color: #FFF;
	opacity:0.5;*/
}
.demo{
	border: 1px solid #dcdcdc;
	cursor:pointer;
}
#fbcar{
	/*width:100px;*/
}
#tooltipFB{
	cursor:pointer;
}

a.clipo { width:300px; height:169px; float:left; margin-right:20px; margin-bottom:20px; }
/*a.clipo img { display:block;  opacity:1.0; width:300px; height:169px; }*/

.caption {
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
	width:300px;
}
.captionfix {
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
    position: absolute;
    background-color: #000;
    width: 300px;
	/*opacity:0.9;
	filter:alpha(opacity=90); */
}
.captit {
	/*color:#FFF;
	width:300px;
	text-align:left;
	text-transform:uppercase;
    background-color: #000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;*/
}
.moviecar {
	width:300px;
	height:169px;
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#121212;
}

.moreClips-active {
	background-image:url(../grafx/clips_more.png);
}
.moreClips-tip {
	background-image:url(../grafx/clips_more2.png);
}
.lessClips-active {
	background-image:url(../grafx/clips_less2.png);
}
.lessClips-tip {
	background-image:url(../grafx/clips_less.png);
}
.target {
}