/**
	Author: Juri Leino - 2007
	Homepage: http://line-o.de
	Mail: info@line-o.de
*/

/*	general _______________________________*/

* {
	padding : 0;
	margin : 0;
}

body {
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	font-size : 100,01%;
	color : #aaa;
	background : white;
	text-align : center;
}

span {
	font-weight : bold;
	font-size : 0.95em;
}

a:link {
	color: #000;
	text-decoration : none;
	font-size: 1em;
}
a:visited {
	color: #aaa;
}
a:hover {
	color: #777;
}
a:active {
	color: #f00;
}
a img {
	border : none;
}

h1,h2,h3 {
	margin : 0.5em;
}

h2 {
	margin : 1em 1em 1em 0.6em;
}
h3 {
	margin-left : 0.77em;
}

address {
	margin : 0.77em;
	font-size: 1.3em;
}

p {
	margin : 0.8em;
}
span.gema { 
	float : right;
	margin : 0.8em;
	margin-right : 22em;
	color: #4baa6f;
}
h1.gema {
	color: #4baa6f;
}
/* structure _______________________________*/

#header	{
	width : auto;
	padding : 0 auto;
	background : transparent url(../img/header_04.jpg) top center repeat-x; 
	text-align : center;
}
#container {
	clear : both;
	text-align : left;
	margin : 0 auto 0 auto;
	width : 900px;
	height : auto;
	background : transparent;
	min-height : 100%;
}
#footer {
	height : 50px;
	clear : both;
	background : transparent; 
	/* url(../img/footer_bg.gif) bottom center repeat-x scroll; */
}

/* __________________________menus */

#mainmenu {
	list-style-type: none;
	list-style-image: none;
	width : 900px;
	height : 150px;
	padding: 0 ;
	margin: 0 auto;
	text-align: left;
}
#mainmenu #logo {
	position : relative;
	bottom : 44px;
	left: 80px;
	float : left;
	margin: 0;
	vertical-align: top;
}

#mainmenu #logo a {
	padding: 0;
	margin: 0;
}
#mainmenu #logo a:hover {
	background: transparent;
}
#logo h1 { display : none; }


#mainmenu li {
/*	display : inline; */
	float : left;
	border : none;
	background : transparent;
	height : 100px;
	margin : 0 5%;
	padding-top : 48px;
	font-size : 1.3em;
}

#mainmenu li a {
/*	display : block; */
	text-decoration : none;
	height : 1em;
	padding: 3em 1em;
	color: #660066;
}
#mainmenu li a:hover {
	text-decoration : underline;
/*	background: #66ffcc; */
}

#mainmenu li.aktiv {
	background:transparent url(../img/mainmenu_aktiv.jpg) center top no-repeat;
}


#showreelmenu {
	list-style-type: none;
	list-style-image: none;
	margin : 0 1em;
	padding: 0 0.4em;
	background : #fff;
	color : white;
	float: left;
	text-align: right;
}

#showreelmenu li {
	line-height : 2em;
	color : #777;
}
#showreelmenu li.aktiv {
	color : #acb;
}
#showreelmenu a {
	color : #660066;
	background : #fff url() top left repeat-x;
	text-decoration : none;
	font-size: 1.5em;
	width: 100%;
	padding: 0.1em
}
#showreelmenu a:hover {
	color : #660066;
	background : #eee;
	text-decoration : none;
}
#showreelmenu a:active {
	background : #aaa;
	text-decoration : none;
}

#showreelmenu ul {
	list-style-type: none;
	list-style-image: none;
	margin : 0 1em;
	padding: 0.4em;
	background : #fff;
	color : white;
	text-align: right;
	font-size : 0.8em;
}

.moviecontainer {
	margin-left : 220px;
}
#showreel h1,
.leftmargin {
	margin-left : 240px;
}

div.moviecontainer {
	margin : 0.5em 0.25em 0.5em 220px;
	padding : 0.5em;
}

.moviecontainer h2 {
	margin-top: 0.1em;
}

/* ______________________form */

label,input {
	float : left;
	margin : 3px 14px;
	line-height : 1.6em;
	font-size : 1.2em;
}
label {
	width : 15%;
}
input.text {
	width: 70%;
}
form br {
	clear : both;
}
form div {
	margin : 2%;
	width : 35%;
	float : right;
}

form div input {
	padding: 0.1em;
}
textarea {
	width : 70%;
	height : 5em;
	margin : 3px 14px;
	font-size : 1.2em;
}

#profil #container ul {
	font-size : 1.25em;
	list-style-type : bullet;
	list-style-image : none;
	list-style-position : outside;
	margin : 0.5em 0.5em 0.5em 2em;
}
#profil #container ul ul {
	font-size : 1em;
}
#profil #container img {
	float : right;
	position : relative;
	top : -3em;
}

/* index___________________*/

#home div#container {
	background : transparent url(../img/was_gut_klingt_sieht_gut_au.jpg) top left no-repeat scroll;
	padding-top: 160px;
	padding-bottom: 20px;
}

#home div#container h1 {
	text-align : right;
	font-size : 1em;
	margin-right: 90px;
}

#home div#container h1 a {
	font-size : 1em;
	color : grey;
	text-decoration : none;
	text-align : right;
}

#home div#player {
	margin : -200px 0 260px 0;
	clear: both;
}
#home div #player_index {
}

/* impressum___________________*/

#impressum #container div {
	float : left;
	padding-right : 3em;
	padding-bottom : 3em;
}

a#line-o {
	width: auto;
	padding: 20px 20px 20px 104px;
	height: 50px;
	text-align: bottom;
	font-size: 1.6em;
	background: white url(../bilder/line-o_logo.png) center left scroll no-repeat;
}

hr { clear : both; }