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

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

html, body { 
	background-color:#ffffff; 
	height:100%; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
P { font-size:12px; color:#666666;}

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

input, select, textarea { font-size:12px; color:#666666;}

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

input {
	border:1px solid #666666;
}
table { font-size:11px; color: #666666;}

H1 { font-size:14px; color:#666666;}
small { font-size:12px; color:#666666;}
H2 { font-size:12px; color:#666666;}
H3 { font-size:12px; font-weight:bold; color:#666666;}
H4 { font-size:12px; font-weight:bold; color:#666666;}

/* ------------------------------------- HEADER ------------------------------------- */
#header { display:block; background-color:#FFFFFF; }
#title  { height:34px; font-size:20pt; margin-top:0px; margin-bottom:30px; margin-left:0px}
#logo  { width:200px; float:left; vertical-align:top; text-align: right }
#linie  { width:1000px; height:1px; background-color:#666666; float:left}
#menu   { height:14px; width:720px; color:#000000; margin-bottom:0px; margin-left:-20px; float:left}

#menu UL { margin:0px; padding:0px; }
#menu LI { list-style:none; float:left; text-align:left;margin-left:60px; vertical-align:middle}
#menu A {
	display:left;
	height:30px;
	color:#666666;
	font-size:12pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	
}

#menu A:hover {
	display:left;
	height:30px;
	color:#ff9900;
	font-size:16pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:right;
}

#menu .active {
	display:left;
	height:30px;
	color:#ff9900;
	font-size:16pt;
	font-weight:bolder;
	text-decoration:none;
	text-align:right;
}


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

.video { 
	height:180px; overflow:hidden; width:640px; border:0px solid #666666; font-size:12px;
	background-repeat:no-repeat;
	padding:0px;
}
.video table {
	margin-top:21px;
	margin-left:10px;
	font-size:12px;
}
.video h1 {
	overflow:hidden;
	max-height:37px;
	color:#FFFFFF;
	font-size:12px;
	padding: 7px 0px 5px 6px;
	margin:0px;
	background-color:#666666;
	vertical-align:middle
}
.video .preview IMG { 
	border:0px; 
	margin-right: 20px;
}
.video .description {
	font-size:12px;	
}

.video TD {
	font-size:12px;	
	margin-right: 20px;

}
/*.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-top:43px;
	margin-bottom:20px;
	display:block;
	float:right;
	background-color:#E4E4E4;
	padding:10px;
	font-size:12px;
}

#sidebar_sonstige { 
	width:260px;
	margin:00px;
	margin-bottom:20px;
	display:block;
	float:right;
	background-color:#E4E4E4;
	padding:10px;
	font-size:12px;
}

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

#embedd { 
	width:260px;
	margin:0px;
	display:block;
	float:right;
	background-color:#E4E4E4;
	padding:10px;
	font-size:12px;
}

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

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

#movie-meta h4 {
	font-size:10px;
	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:11pxm; font-weight:bold;  overflow:hidden; }
#preview_small .image{ height:140px; }
#preview_small .counter { height:20px; font-size:10px; font-weight:lighter; }

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

#login { font-size:12px; }

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