/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * CSS Document
 * http://www.ehrenamt-video.de
 *
 *  @author: Timo Kemker
 *    @date: 2008-02-05
 *  @modify: -
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* @charset "utf-8"; */

html, body { 
	background-color:#E4E4E4; 
	height:100%; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%;
}
P { font-size:0.8em }

A       { color:#990033; text-decoration:none; }
A:hover { text-decoration:underline; }

#wrapper {
	display:block;
	width:1000px;
	height:100%;
	margin:auto;
	background-color:#FFFFFF;
}

input {
	border:1px solid #666666;
}
table { font-size:0.8em; }

H1 { font-size:1.2em; color:#990033; }
H2 { font-size:1.0em; }
H3 { font-size:0.8em; font-weight:bold; }

/* ------------------------------------- HEADER ------------------------------------- */
#header { display:block; background-color:#FFFFFF; }
#title  { height:100px; font-size:20pt}
#menu   { height:34px; width:1000px; background-image:url(/images/bg_mnu.gif); background-repeat:repeat-x; background-position:0px 22px; }

#menu UL { margin:0px; padding:0px;}
#menu LI { list-style:none; float:left; margin-left:3px; vertical-align:text-bottom; }
#menu A {
	display:block;
	background-image:url(../images/btnBlue.gif);
	height:32px;
	width:160px;
	color:#000000;
	font-size:10pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:center;
	border:1px solid #666666;
}
#menu A:hover { background-image:url(../images/btnGray.gif); color:#ffffff;}
#menu .active { background-image:url(../images/btnGray.gif); color:#ffffff;}

/* ------------------------------------- CONTENT ------------------------------------- */
#basis { display:block; float:left; width:1000px; padding-top:10px; background-color:#FFFFFF;}
#content {
	display:block;
	float:left;
	width:660px;
	padding:20px;
}

.video { 
	height:180px; overflow:hidden; width:640px; border:0px solid #E4E4E4; font-size:1.2em;
	background-image:url(/images/bg_video.gif);
	background-repeat:no-repeat;
	padding:0px;
}
.video table {
	margin-top:12px;
	margin-left:10px;
	font-size:0.65em;
}
.video h1 {
	overflow:hidden;
	max-height:32px;
	color:#FFFFFF;
	font-size:0.85em;
	padding: 7px 0px 0px 16px;
	margin:0px;
}
.video .preview IMG { 
	border:0px; 
}
.video .description {
	font-size:0.65em;	
}
/*.video H1 { 
	left:150px; 
	font-size:1.0em; 
	background-color:#006699;
	color:#FFFFFF;
	margin:1px;
	display:block;
	padding:2px;
	padding-left:5px;
}*/
.video P { margin:0; padding:2px;}

.formular TD { border-top:1px solid #CCCCCC; }

.kommentar TD { border-top:1px solid #CCCCCC; }

#sidebar { 
	width:260px;
	margin:10px;
	display:block;
	float:left;
	background-color:#E4E4E4;
	padding:10px;
	font-size:1.0em;
}
#sidebar_sonstige { 
	width:260px;
	margin:10px;
	display:block;
	float:left;
	background-color:#ffffff;
	padding:10px;
	font-size:1.0em;
}


#suche { 
	width:260px;
	margin:10px;
	display:block;
	float:right;
	background-color:#E4E4E4;
	padding:10px;
	font-size:1.2em;
}

#movie {
	width:400px;
	float:left;
}
#movie-meta {
	display:block;
	width:240px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	font-size:1.0em;
}

#kommentare {
	display:block;
	width:400px;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	float:left;
}

#movie-meta h4 {
	font-size:0.75em;
	margin-bottom:-10px;
	margin-top:0px;
	color:#006699;
	
}
#bewerten IMG {
	border:0px;
	padding:0px;
}

#preview_small_wrapper { display:block; margin:auto; }
#preview_small { width:220px; height:150px; float:left; text-align:center; overflow:hidden; }
#preview_small IMG { margin:auto; display:block; }
#preview_small .title { height:20px; font-size:0.7em; font-weight:bold;  overflow:hidden; }
#preview_small .image{ height:140px; }
#preview_small .counter { height:20px; font-size:0.6em; font-weight:lighter; }

/* ----- SIDEBAR ----- */

#login { font-size:0.8em; }

/* ------------------------------------- FOOTER ------------------------------------- */
#footer {
	display:block; 
	float:left;
	height:32px;
	width:980px;
	font-size:0.7em;
	padding:10px;
	border-top:1px solid #CCCCCC;
	background-color:#FFFFFF;
}