/**
 * Index page Stylesheet for Uni Siegen -> Medienästhetik -> Seminars
 * (c) 2009 S. Teuber
 */
html {
	overflow:			hidden;
}

body {
	margin-top:			0;
}

#container {
	margin:				0;
	width:				1000px;
	overflow: 			auto;
}

#logo {
	margin:				1.5em 0 0 1.5em;
}

#dname {
	position:			absolute;
	top:				32px;
	left:				145px;
	font-size:			1em;
	font-weight:		bold;
}

#headline {
	position:			absolute;
	top:				63px;
	left:				145px;
	font-size:			1.4em;
	font-weight:		bold;
}

#contentBackground a {
	color:				#D15D00;
}

#contentBackground a:hover, #contentBackground a:active {
	color:				#FCC601;
}

#contentBackground {
	position:			relative;
	clear:				left;
	margin:				40px 0 0 0;
	width:				980px;
	height:				500px;
	background:			url('../media/start-hintergrund.gif') top left no-repeat;
}

#contentScript {
	position:			absolute;
	top:				60px;
	left:				95px;
	width:				245px;
	height:				320px;
	text-align:			center;
}

#contentImage {
	position:			absolute;
	top:				190px;
	left:				410px;
	width:				200px;
	height:				210px;
	text-align:			center;
}

#contentSound {
	position:			absolute;
	top:				20px;
	left:				700px;
	width:				210px;
	height:				360px;
	text-align:			center;
}

#contentScript h2, #contentImage h2,
#contentScript h3, #contentImage h3 {
	margin-top:			1em;
}

#contentSound h2,
#contentSound h3 {
	margin-top:			5em;
}

.twocols .left, .twocols .right {
	width:				330px;
	float:				left;
}

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

.twocolsRel .left, .twocolsRel .right {
	float:				left;
}

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

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:		20px !important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:		20px !important;
}

.csc-textpic-caption {
	font-size:			0.9em;
}

.objectContainer {
	position:			relative;
}

.objectStill {
	position:			absolute;
	top:				0;
	left:				0;
	display:			none;
	background-color:	#CCC;
	background:			url('../media/rauschen.jpg') top left;
}