/* CSS Document */
/* 
Autor:    Roy Schmidt
Web:      www.SigmaMedia.de
E-Mail:   info@SigmaMedia.de
*/

html {
	height:100%;
}
	
body { 
	background: #000;
	height:100%;
}

* {
	margin: 0;
	padding: 0;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

:link:focus, :visited:focus { 
	-moz-outline: 0px dotted; 
}

[type="radio"]
{
 border: 0;
}

.nobIE {
	*border: 0 !important;
}

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

.textCenter {
	text-align: center;
}

p.holder {
	padding-bottom: 40px; 
}

.kursiv {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
}

.black {
	color: #000;
}

.txtBold {
	font-weight: 700;
}

.t9p {
	position: absolute;
	left: -9999px;
}


/*---------------------------------ImageReplacements Anfang--------------------------------------*/
#headLabel01,
#headLabel02,
#headStudioControl,
#headStudioRecording01,
#headStudioRecording02,
#headContact,
#headVitaCareer, #headVitaVita, #headVitaLivemix  { 
	background-repeat: no-repeat;
	float: left;
	height: 75px;
	width: 300px;
	text-indent: -9000px;
	margin: 0 10px 10px 0;
}



#headLabel01,
#headLabel02 {
	background-image: url(../img/headlines/head_label01.jpg);
	height: 204px;
	width: 300px;
}

#headLabel02 {
	background-image: url(../img/headlines/head_label02.jpg);
	float: right;
	margin: 0 0 0 10px;
}


#headStudioControl {
	background-image: url(../img/headlines/studio_control.jpg);
}
#headStudioRecording01 {
	background-image: url(../img/headlines/studio_recording01.jpg);
}
#headStudioRecording02 {
	background-image: url(../img/headlines/studio_recording02.jpg);
}


#headContact {
	background-image: url(../img/headlines/contact.jpg);
	height: 340px;
	margin: 0 0 0 8px;
	width: 580px;
}

#headVitaCareer {
	background-image: url(../img/headlines/vita_career.jpg);
}
#headVitaVita {
	background-image: url(../img/headlines/vita_vita.jpg);
}
#headVitaLivemix {
	background-image: url(../img/headlines/vita_livemix.jpg);
}
/*---------------------------------ImageReplacements Ende--------------------------------------*/



/*---------------------------------Menues Anfang--------------------------------------*/
ul#topMenu {
	height: 96px;
	list-style-type: none;
	left: 435px;
	margin: 0;
	padding: 0; 
	position: relative;
	top: 120px; 
	width: 475px;
}

ul#topMenu li {
	float: left;
	margin: 2px 10px 0 0;
	width: 85px;
}

ul#topMenu li a {
	display: block;
	height: 93px;
	text-decoration: none;
}

ul#topMenu li a#la { 
	background: url(../img/menu_label.gif) no-repeat top left;
}
ul#topMenu li a:hover#la, ul#topMenu li a#laCur { 
	background: url(../img/menu_label.gif) no-repeat;
	background-position: left -93px;
}

ul#topMenu li a#st { 
	background: url(../img/menu_studio.gif) no-repeat top left;
}
ul#topMenu li a:hover#st, ul#topMenu li a#stCur { 
	background: url(../img/menu_studio.gif) no-repeat;
	background-position: left -93px;
}

ul#topMenu li a#wo { 
	background: url(../img/menu_works.gif) no-repeat top left;
}
ul#topMenu li a:hover#wo, ul#topMenu li a#woCur { 
	background: url(../img/menu_works.gif) no-repeat;
	background-position: left -93px;
}

ul#topMenu li a#co { 
	background: url(../img/menu_contact.gif) no-repeat top left;
}
ul#topMenu li a:hover#co, ul#topMenu li a#coCur { 
	background: url(../img/menu_contact.gif) no-repeat;
	background-position: left -93px;
}

ul#topMenu li a#vi { 
	background: url(../img/menu_vita.gif) no-repeat top left;
}
ul#topMenu li a:hover#vi, ul#topMenu li a#viCur  { 
	background: url(../img/menu_vita.gif) no-repeat;
	background-position: left -93px;
}

#footerWrap a:link, #footerWrap a:visited, #footerWrap a:hover, #footerWrap a:active {
	color: #98989C !important;
	display: block;
	float: left;
	margin: 0 6px;
	text-decoration: none;
}

#footerWrap a:hover {
	color: #E3D29E !important;
}
/*---------------------------------Menues Ende--------------------------------------*/

/*---------------------------------Listen Anfang--------------------------------------*/
#contentWrapRight ul { 
	font-size: 11px;
	line-height: 20px;
	list-style-image: url(../img/list_style_img.gif);
	margin: 0 0 0 17px; 
}

#contentWrapRight ul li {
	margin-top: 10px;
}

#contentWrapRight ul.listRight { 
	float: right;
	margin-top: -5px; 
	width: 270px; 
}

#contentWrapRight ul.listLeft { 
	float: left;
	width: 135px;
}
/*---------------------------------Listen Ende--------------------------------------*/

/*---------------------------------Layout-Container Anfang--------------------------------------*/
#mainWrap {
	background: #000;
	left: 50%;
	margin-left: -455px;
	min-height: 101%;
	position: absolute;
	width: 910px;
}

#headerWrap { 
	background: #000 url(../img/lo_index.gif) no-repeat bottom left; 
	height: 216px;
	position: fixed;
	width: 910px;
}

#contentWrapLeft { 
	background: url(../img/bg_wrap_left.jpg) no-repeat;
	width: 200px;
	height: 450px;
	position: fixed;
	top: 250px;
}

#contentWrapRight { 
	color: #E3D29E;
	font-size: 11px;
	margin: 220px 0px 10px 295px;
	width: 603px;
	padding: 40px 0;
}

#contentWrapRight a:link, a:visited, a:hover, a:active, h5, .blue {
	color: #4B87C7;
	text-decoration: none;
}

#contentWrapRight a:hover {
	color: #E3D29E;
}

#contentWrapRight a:hover span {
	color: #4B87C7 !important;
}

#contentWrapRight h1 {
	font-size: 12px;
	font-weight: 700;
}

#contentWrapRight p {
	line-height: 25px;
	margin-bottom: 5px;
	text-align: left;
}

#contentWrapRight img { 
	border: 1px solid #E3D29E; 
	margin: 10px 30px 0 0;
}

div.worksWrap {
	background: url(../img/underLine.gif) no-repeat center bottom;
	margin-bottom: 30px;
}

h2{
	color: #4B87C7;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 10px;
}

div.worksWrap ul.listLeft {
	font-size: 12px;
	list-style-image: none !important;
	list-style-type: none !important;
}

div.worksWrap ul.listLeft li a:link,
div.worksWrap ul.listLeft li a:visited, 
div.worksWrap ul.listLeft li a:hover,
div.worksWrap ul.listLeft li a:active {
	background: url(../img/speaker.gif) no-repeat;
	display: block;
	height: 21px;
	padding-left: 30px;
}

div.worksWrap ul.listLeft li a:hover {
	background: url(../img/speaker.gif) no-repeat;
	background-position: left -21px;
}


div.worksWrap div.imgWrap {
	float: left;
	width: 135px;
}

div.worksWrap div.imgWrap p {
	text-align: left !important;
}

#contentWrapRight div.worksWrap div.imgWrap img {
	background: #333333;
	border: 1px solid #E3D29E; 
	margin: 10px 10px 10px 0;
	padding: 1px;
}

div.worksWrap div.textWrap {
	float: left;
	margin: 0 30px 0 0;
	text-align: justify;
	width: 280px;
}


#footerWrap {
	background: url(../img/footer_li.jpg) no-repeat top left; 
	color: #98989C;
	font-size: 10px;
	line-height: 24px; 
	margin-top: 50px;
}

#footerWrap div#footerRight {
	background: url(../img/footer_re.jpg) no-repeat top right;
	float: right;
	text-align: right;
	width: 200px;
}

/*---------------------------------Layout-Container Ende--------------------------------------*/