﻿* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100,01%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	vertical-align: baseline; }

:focus{
	outline: 0; }

body {
	color: #686868;
	text-align: center;
	font: 500 0.65em Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;}


table{
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td{
	text-align: left;
	font-weight: normal; 
  vertical-align: top; 
  }

blockquote:before, blockquote:after,
q:before, q:after{
	content: ""; }

blockquote, q{
	quotes: "" ""; }


table, th, td{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.25em; }
	
h1 {
	font: 600 1.5em Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.25em;
	margin-bottom: 10px;}

h4{
	font: 600 1.5em Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.25em;
	margin-bottom: 10px;
	}
	
	
h3{
	font-size: 1.1em;
	font-weight: 700;
	margin: 0 0 .4em 0;
	color: #000; }

h2, h3.icon{
	font: 400 1.1em Verdana,Arial,Helvetica,sans-serif;
	line-height: 1em;
	color: #686868;
	 }

h2 a{
	color: #686868;
	text-decoration: underline; }
	
div.inner h2.icon, h2.icon, h3.icon{
	 }


html body ul li.lt,
html body ol li.lt{
	border-bottom: 0; }

#thetube .col-s,
#thetube .col-m,
#thetube .col-mf,
#thetube ol, 
#thetube li,
#menu ul, 
#menu li,
#sub ul,
#sub li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none; }

a:link, a:visited {
	color: #686868;
	text-decoration: underline; }


a:focus, 
html body a:hover,
a:active{
	color: #aa0000; }

html body .c{
	clear: both;
	display: block; }
	
html body .c-left{
	clear: left; }

html body .c-right{
	clear: right; }

.col-1, .col-2{
	float: left;
	width: 490px; }
	
.col-1e{
	width: 500px;
	float: left; }
	
.col-1m{
	width: 810px;
	float: left;
	padding: 0;
	margin: 0 10px 3em 10px;}
	
.col-1m .col-m{
	margin: 0; }
		
.col-2s{
	float:	left;
	width: 340px; }
	
.col-3{
	float: left;
	width: 130px;
	padding: 1px 0; }

.col-1{
	clear: both; }

.col-x{
	 }

.col-m{
	clear: both;
	margin: 0 10px 3em 10px;
	padding: 1px 0; }

.col-s{
	float: left;
	width: 225px;
	margin: 0 10px 3em 10px;
	padding: 0; }

.col-s1{
	width: 225px;
	margin: 0 10px 3em 10px;
	padding: 0; }

.col-s2{
	width: 470px;
	margin: 0 10px 3em 10px; }

.col-s3{
	width: 715px;
	margin: 0 10px 2em; }

.col-s4{
	width: 960px;
	margin: 0 10px 2em; }

html body .player{
	margin: 0 0px 2em 10px;
	padding: 1px 0; }
	
html body div.player div.inner h2{
	width: 480px; }

.col-x .inner h2.icon{
	margin-right: 0;
	margin-left: 0; }

#rectangle{
	float: left;
	border: 1px dotted #333;
	background-color: #666; }

#insertionMarker{
	display: none; }

html body .half{
	width: 48%; }

html body .left{
	float: left; }

html body .right{
	float: right; }


#my{
	float: right;
	/* overflow: hidden; */
	margin: 0px 20px 0px 10px;
	height: 50px;
	width: 600px;
	line-height: 1.5em;
	vertical-align: middle;
	}

#my img{
	vertical-align: middle;
	margin: 1px;
	}

#my ul.usr{
	float: right;
	line-height: 2em;
	text-align: right;
	width: 75%; }

#my ul.usr li{
	margin-right: 1em; }

#my ul.usr li,
#my ul.language li{
	display: inline;
	list-style: none; }

#my ul.usr li a:link, #my ul.usr li a:visited {
	color: #686868;
	text-decoration: underline;
}

#my ul.usr li a:hover {
	color: #aa0000;
}

#my ul.language{
	float: right;
	text-align: right;
	line-height: 2em; }

#header{
	float: left;	
	margin: 15px 0px 0px 22px;
	padding: 0;
	width: 250px; 
	}

#header a{
	background: transparent; 
	}



.boxform{
	display: inline; }

.boxform input{
	border: 0;
	background-color: #797979;
	display: inline; }

#mainsearch{
	width: 330px;
	float: right;
	text-align: right; }

#mainsearch, #mainsearch p{
	margin: 0; }

#mainsearch form input, #mainsearch form select{
	margin: -1px 0 0;
	padding: 0;
	vertical-align: middle; }

#mainsearch p{
	display: block;
	height: 25px;
	overflow: hidden;
	margin: 0;
	padding: 0 15px;
	border: 0; }

#mainsearch input, #mainsearch label, #mainsearch select{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	max-width: 130px; }
	
#mainsearch form input{
	border: 3px double #cccccc; }

#mainsearch form input.button{
	border: 0; }

#mainsearch label{
	display: none; }

#thetube{
	overflow: hidden;
	 }

#thetube h2{
	margin: 0;
	padding: .7em 0;
	font-size: .9em; }

#thetube-featured,
#thetube-top,
#thetube-latest{
	float: left;
	 }

#thetube-featured{
	width: 645px;
	float: left;
	background: #e9e9e9;
	overflow: visible;
}

#thetube-top.col-s{
	width: 160px;
	overflow: hidden; }

#thetube-latest.col-m{
	width: 320px;
	float: left; }

#thetube li{
	float: left; }

#thetube-top li,
#thetube-latest li,
#thetube-top li img,
#thetube-latest li img{
	width: 160px;
	height: 120px;
	overflow: hidden; }

#thetube-top li{
	width: 158px;
	height: 118px;
	margin: 0 0 2px 2px; }

#thetube-top li.lt,
#thetube-latest li{
	width: 158px;
	height: 120px;
	margin: 0 0 0px 2px; }

#thetube-latest ol li.ft img{
	width: 120px;
	height: 90px; }

#thetube-latest li.ft{
	width: 318px;
	height: 238px;
	margin: 0 0 2px 2px; }

.pagination, .pagination-bottom{
	text-align: left;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination_over{
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination-bottom{
	float: left;
	width: 100%;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	background: #ffffff;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: url('images/ag/paginationBottomHg.png') top right repeat-y;
}

.pagination span.count,
.pagination-bottom span.count{
	margin: 0 1em;
	}

.pagination a.rsslink,
.pagination-bottom a.rsslink,
.sort a.rsslink,
.pagination a.rsslink:hover,
.pagination-bottom a.rsslink:hover,
.sort a.rsslink:hover{
	padding: 0;
	background: transparent;
	color: inherit;
	border: none; }

.pagination a,
.pagination-bottom a,
.pagination_over a,
.sort a{
	padding: 2px 5px 1px;
	border: 1px solid #999; }

span.sort{
	float: right;
	font-size: 1em;
	line-height: 1.25em;
	text-transform: none;
	padding: 0.2em 0 0.2em 0;
 }

span.sort a.rsslink{
	margin: 0 0 0 1.25em; }

span.sort form{
	display: inline; }
	
.pagination b,
.pagination-bottom b,
.pagination_over b,
.sort b,
.pagination a:hover,
.pagination-bottom a:hover,
.pagination_over a:hover,
.sort a:hover{
	padding: 2px 5px 1px;
	background: #aa0000;
	color: #ffffff;
	border: 1px solid #aa0000; }

.pagination form{
	display: inline; }

ul.inner{
	padding: 0;
	list-style: none; }

p.tags{
	line-height: 2em; }

.post{
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 2px solid #111; }

.media li.file .preview img{
	border: 1px solid #999;
	padding: 2px; }

ul.visitor{
	list-style: none;
	display: block;
	padding: 0; }

li.user{
	padding: 0;
	margin: 0; }

li.user a.avatar{
	display: block;
	float: left;
	margin: 0 1em 0 0; }

li.user a.avatar img{
	display: block;
	width: 50px;
	height: auto;
	border: 5px solid #ffffff; }

li.user cite.about {
	font-style: normal;
	overflow: hidden;
}	

li.user cite.about a{
	display: block;
	width: 150px;
	float: left;
	text-decoration: none;
	padding: 5px 5px 5px 24px;
	font: 500 1.2em	Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.25em;
	color: #686868;
	background: #dcdcdc url('images/ag/boxCategoryNavHg.gif') top left no-repeat;
}

li.user cite.about a:hover{
	color: #aa0000;
	background: #dcdcdc url('images/ag/boxCategoryNavHgActive.gif') top left no-repeat; 
}

li.user cite.about .stats, #mystats strong.stats{
	display: block;
	float: left;
	margin: 0 .5em 0 0;
	text-align: center; }

li.user cite.about .stats img,  #mystats strong.stats img{
	display: block; }

li.user cite.about .stats a{
	display: inline;
	margin: auto; }

#most-active-user ul.media li.file{
	width: 140px; }

#most-active-user ul.media li.file .preview img {
	width: 130px;
 }

div.user{
	width: 280px;
	float: left; }

div.m_info{
	float: left; }

div.m_info ul.about li{
	text-align: left; }

.m_media{
	float: left;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	margin-left: 20px;
 }
	
.m_media .media {
	width: 140px; }

.m_media .media li.file div.about{
	width: 130px; }

.col-2s .col-m .inner .content input,
.col-2s .col-m .inner .content textarea{
	width: 300px; }

div.user ul li a{
	width: 20px; }

div.user ul.about{
	float: left;
	display: block;
	margin: 0;
	padding: 0; }

div.user ul.about li{
	clear: both;
	margin-left: 100px; }

.posts,
.comments,
.users{
	margin: 0;
	padding: 0;
	list-style: none; }

.posts li{
	margin: 0 0 12px;
	padding: 0 0 3px;
	border-bottom: 1px solid #cccccc; }

.posts h3{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px; }

.posts h3 a{
	display: block;
	text-decoration: none; }

.posts cite.about{
	display: block;
	margin: 0 0 6px;
	font-size: 10px;
	color: #666666; }

.posts cite.about a{
	color: #666666; }

.comments img.avatar,
.users a.avatar img,
a.avatar img{
	 }

.comments li, #commentform{
	margin: 0 0 3px;
	padding: 9px;
	background: #e9e9e9; }

.comments img.avatar{
	display: block;
	float: left;
	width: 50px;
	margin: 0; }

.comments div.comment{
	margin: 0;
	padding-left: 70px; }

.comments cite.about{
	display: block;
	margin: 0 0 12px;
	line-height: 12px;
	color: #666666;
	text-align: left; }

#commentform{
	margin: 0; }

.users li{
	float: left;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	width: 125px;
	overflow: hidden;
	}

.users a.avatar, .user a.avatar{
	display: block;
	width: 100px;
	float: left;
	border: 1px solid #999;
	 }

.users a.avatar img{
	display: block;
	width: 100px;
	border: none;
	margin: 0;
	padding: 0;
	 }

.users span.user{
	clear:both;
	display: block;
	float: left;
	line-height: 1.25em;
	 }

.users span.user a{
	display: block; 
	}

.users span.user a:hover{
	color: #aa0000; }

span.o_stats{
	width: 90px;
	display: block;
	margin-top: 5px; }

.users span.user strong a{
	display: inline; }
	
.users span.user strong	{
	display: inline; }

.users span.user span.stats a{
	display: inline; }

strong.stats{
	display: block;
	text-align: center;
	margin: 0 6px 0 0;
	line-height: 1.6em; }
	
.content .media .about strong.stats img{
	width: 16px; }

.users span.user span.stats strong.stats strong.small{
	float: none;
	margin: 0; }

#chatbox input#chat_text_id{
	width: 135px;
	margin: 0;
	background: #ffffff;
	border: 3px double #cccccc;
	color: #333;
	padding: 0px; }
	
#chatbox input.button{
	width: 60px;
	margin: -5px 0 -7px 3px;
	border: 0; }

#chatbox input#chat_text_id:focus{
	border-color: #b22222; }

#chatbox cite.about{
	margin: .5em 0 0; }

div.chatform{
	margin: 0 0 5px; }

ul.actions{
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.actions li{
	padding: 0;
	margin: 0.2em 0 0.2em 0; }

ul.actions a{
	display: block;
	color: #000; }

#welcome{
	clear: both;
	float: none;
	width: auto;
	padding: 1em; }

#welcome h2{
	margin: 0; }

.comments,
.files,
ul.inner li.comment,
.users-pic ul,
ul.mystats,
#mystats ul,
.media,
.media li,
#kategorien li{
	padding: 0;
	list-style: none; }

.media{
	 }

.media ul{
	margin: 0;
	padding: 0; }

div.content .media.left.add{
	width: 230px; }

#kategorien{
	}

#kategorien .inner {
	 }

#kategorien li{
	display: block;
	float: left;
	margin-bottom: 10px;}

#kategorien li img{
	width: 105px;
	height: 80px }


.media li {
	float: left;
	margin-top: 5px;
}

.media li.file,
.users.big li{
	float: left;
	width: 105px;
	 }

	

html body .media li.file.c-left{
	clear: both;
	float: left; }

.media ul.groups li.file{
	height: 225px; }

.media div.g_app{
	float: left;
	margin-right: 25px; }

.col-ms .content ul li img{
	width: 150px; }

.content .media .mediaContainerLA {
	float: left;
	width: 105px;
	margin-right: 21px;
	overflow: hidden;
}

.mediaContainerLA li.file a h2, .mediaContainerLA li.file a:visited h2 {
	font: 500 1.1em Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.25em;
	color: #000;
	text-decoration: underline;
}

.mediaContainerLA li.file a:hover h2 {
	color: #aa0000;
}

.mediaContainerLA li.file a img {
	float: left;
	width: 100px;
	height: 75px;
	margin-bottom: 5px;	
}


.content .media li.file{
	padding: 5px 0 0;
	 }

.content .media li.file img{
	width: 100%; }

	
.mwimg{
	float: left;
	width: 120px;
	height: 90px;
}

.media li.file .preview img{
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	width: 120px;
	height: 90px;
	 }

.media li.file div.about{
	background: #eeeeee;
	color: #666666;
	padding: 5px 5px 1px;
	line-height: 1em; }

.media li.file div.about li{
	font-size: 10px;
	line-height: 1em;
	margin: 0;
	padding: 4px 0 2px; }

.media li.file div.about li.rating{
	padding: 5px 0 3px; }

.media ul.history{padding:5px;}

.media ul.history li.file{
	width: 120px;
	height: 150px;
	margin: 10px 0;
	overflow: hidden;
	font-size: 10px; }

.media ul.history li.file .preview img{
	height: 85px;
	width: 100px; }

.media ul.history li.file div.about{
	width: 100px;
	height: 40px;
	overflow: hidden; }

.media ul.history li.file div.about li.rating img{
	width: 14px; }

.media li.file div.about li.rating img{
	width: 16px; }

.media ul.history li.file div.about ul{
	display: none; }

.error{
	display: block;
	padding: 3px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #000; }

.bookmark img{
	padding: .5em 2px 0; }

div.about ul{
	position: relative;
	display: block;
	margin: 0 0 .5em;
	padding: 0;
	line-height: 1.3em; }

div.about li{
	display: block;
	position: relative;
	font-weight: 700;
	list-style: none;
	border-bottom: 1px solid #cccccc; }

div.about li.lt{
	border: 0; }

div.about li strong{
	font-weight: 400; }

.media div.about li.desc{
	height: 3em; }

.media div.about input{
	width: 95%;
	margin: 0 .5em; }

.col-3.more ul,
.col-3.more li{
	margin: 0;
	padding: 0; }

.col-3.more li{
	display: block;
	padding: 0 0 5px;
	list-style: none;
	overflow: hidden; }

.col-3.more img{
	display: block;
	width:100%; }
	
div.buttons{
	margin: 9px 0; }

div.inner ul li span.plt{
	margin: 2em 1em;
	display: block; }

.descr{
	display: block;
	padding: 0 .2em 1em; }

#topic select{
	width: 400px; }

.g_desc{
	background: #eeeeee;
	padding: .5em;
	display: block; }
	
.g_edit input {
	width:445px; }

ul.g_list{
	list-style: none;
	width: 45%;
	padding: .5em; }

div.about img{
	padding: .2em .3em .4em 0; }

div.inner h2.pad{
	margin-top: 3em; }

div.pad label{
	display: block;
	width: 110px; }

div.pad .check{
	display: block;
	padding: 1em 0 0 100px; }

div.pad .media_list{
	list-style: none;
	padding: 0pt 0pt 1.75em; }

div.pad .media_list li{
	float: left;
	width: 25%; }

div.pad .channel_info{
	list-style: none;
	padding: 0pt 0pt 1em; }

div.pad .channel_info li{
	float: left;
	width: 33%; }

div.profile div.avatar{
	float: left;
	width: 290px;
	margin: 0 30px 0 0;
 }

div.profile div.avatar img{
	display: block;
	margin: 30px auto;
	border: 1px solid #000; }

div.profile div.about{
	float: left;
	width: 640px;
	padding: 30px 0 0; }

div.profile div.about h3{
	margin: 0 10px 1.5em;
	font-size: 2em; }

div.profile div.about ul{
	float: left;
	width: 280px;
	margin: 0 10px;
	padding: 0 0 30px; }

div.profile div.about ul li.errorfield{
	margin: 0 0 2.5em;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .3em; }

div.profile div.about .user_info{
	margin: 0 100px; }

div.profile div.about.user_info ul{
	list-style: none;
	width: 700px;}

div.profile .user_info ul li{
	text-align: left;
	height: 1em;
	width: 900px;}
	
div.profile span.p_left{
	padding-right: 2em;
	text-align: right;
	display: block;
	float: left;
	width: 300px;
	 }

div.profile span.p_right{
	display: block;
	 }

div.profile p{
	width: 330px;
	float: left;
	padding: 1em 0;
	margin: 10px 0px 10px 30px;
	}

#myprofile{
	width: 100%; }

.p_avatar{
	float: left;
	width: 250px;
	padding: 0;
	overflow: hidden;
 }

.p_avatar img{
	margin-bottom: 15px;
	border: 1px solid #999; }

.p_infos{
	float: left;
	padding: 0;
	width: 98%;
}

.p_infos th {
	text-align: left;
	background: #dcdcdc;
	font: 500 1em Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	width: 180px;
	border-bottom: 1px solid #fff;
}

.p_infos td   {
	background: #e9e9e9;
	font: 500 1em Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	border-bottom: 1px solid #fff;
}



table.forum td{
	padding: .2em; }

table.forum th{
	background: #eeeeee;
	padding: .1em .5em;
	border-right: 5px #ffffff solid; }

table.forum td{
	height: 100%; }

table.forum span.tdate{
	font-size: 10px;
	display: block; }

p.showerror, .showerror{
	float: left;
	display: block;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid red;
	list-style: none;
	color: red;
	font: 600 1em Verdana,Arial,Helvetica,sans-serif;
 }

ul.showerror li{
	color: red;
	font: 600 1em Verdana,Arial,Helvetica,sans-serif;
 }


p.success_message{
	float: left;
	display: block;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid green;
	list-style: none;
	color: #000;
	font: 600 1em Verdana,Arial,Helvetica,sans-serif;
 }


#chat div.chat{
	overflow: hidden; }

.blog_post_text{
	width: 350px;
	height: 5em; }

.blog_com_text{
	width: 350px;
	height: 5em; }

.button{
	 }
	
.buttons{
	margin: 10px 0 5px; }

#footer{
	margin-left: 3px;
	padding: 20px 20px 15px 20px;
	text-align: center;
	background: url('images/ag/footerHg.png') bottom left no-repeat; }

#footer p{
	margin: 0;
	 }

#footer a{
	margin: 0 .5em }


#dragableElementsParentBox{
	width: 980px;
	border: 0; }

/*Hinzugefügt durch e.Consult AG für AdvoTV
*5.2.08 G.A. 
 *Styles für den modalen Dialog
*/

/*Modal Popup*/

.modalBackground {
	background-color: #000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:#ff6600;
	padding:10px;
	width:350px;
}

.modalPopup input, .modalPopup textarea {
	color: #686868;
	border: 1px solid #999;
	padding: 2px;
	font: 500 1em Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 15px;
}

#contact_ok {
	color: #fff;
	background: #ff6600;
	border: none;
	outline: none;
	padding: 3px;
	font: 500 1em Verdana,Arial,Helvetica,sans-serif;
}

#contact_cancel {
	color: #000;
	background: #dcdcdc;
	border: none;
	outline: none;
	padding: 3px;
	font: 500 1em Verdana,Arial,Helvetica,sans-serif;
}

.highlight { background-color: #e9e9e9; color: #000000; border: 1px solid #999;}

/********************************************************/



/* --- Helpers --- */

.white {
	color: #ffffff;
}

.black {
	color: #000000;
}


.black a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}


.black a:hover {
	color: #aa0000;
	text-decoration: underline;
}

.hidden {
	display: none;
}

.nowrap {
	white-space: nowrap;
}


.right {
	float: right;
}

.left {
	float: left;
}

.clear  {
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
	height: 0;
	clear: both;
}


.abstand-10 {
	width: 10px;
	height: 10px;
	float: left;
	overflow: hidden;
}

.abstand-15 {
	width: 15px;
	height: 15px;
	float: left;
	overflow: hidden;
}

.abstand-20 {
	width: 20px;
	height: 20px;
	float: left;
	overflow: hidden;
}

.trennerDarkgrey-5 { 
	color: #999;
	font-size: 1px;
	line-height: 1;
	background-color: #999;
	margin: 5px 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
 }
/* --- Banner rechts --- */

#bannerKeil{
	display: block;
	width: 1px;
	height: 1px; 
	margin: 0px;
	margin-bottom: 200px;
}

.boxBannerRight {
	display: inline;
	float: left;
	width: 217px;
	overflow: hidden;
}

.boxBannerRightTop {
	width: 217px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxLeftTop.png') top left no-repeat;
}

.boxBannerRightMiddle {
	width: 217px;
	background: url('images/ag/boxLeftMiddle01.png') top left repeat-y;
	overflow: hidden;
}

.boxBannerRightMiddle01 {
	width: 217px;
	background: url('images/ag/boxLeftMiddle.png') top left no-repeat;
	overflow: hidden;
}


.boxBannerRightBottom {
	width: 217px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxLeftBottom.png') top left no-repeat;
}


.boxBannerRightContent {
	width: 177px;
	margin: 5px 20px 10px 20px; 
	overflow: hidden;
}

.boxBannerRightContentSmall {
	width: 175px;
	margin: 5px 20px 10px 20px;
	overflow: hidden;
}

/* --- Content --- */


#containerWrap {
	display: inline;
	float: left;
	width: 971px;
	margin: 0; /*  ex 0 auto*/
	text-align: left;
	background: #ffffff url("images/ag/borderWrap.gif") repeat-y top center;
}

#containerEnd {
	display: block;
	width: 971px;
	height: 4px;
	overflow: hidden;
	margin: 0px;
	margin-bottom:10px;
	text-align: left;
	background: #ffffff url("images/ag/borderEnd.png") repeat-y  top left;
	float: left;
}

#containerInner {
	width: 965px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url("images/ag/hgHeader.jpg") no-repeat top left;
}



#contentMain {
	display: block;
	width: 943px;
	margin-left: 20px;
	padding-top: 15px;
	background: #ffffff;
	min-height: 280px;
	min-height: auto !important;
}


#leftColumn {
	float: left;
	width: 217px;
}
	


#content {
	width: 688px;
	margin-left: 20px;
	float: left;
}

#contentSolo {
	width: 645px;
	float: left;
}


#shadowTop {
	clear: both;
	float: left;
	width: 965px;
	background: #ffffff url("images/ag/shadowTop.png") no-repeat top left;
	min-height: 5px;
	height: auto !important;
	height: 5px;
	overflow: hidden;
}


/* --- Navigation --- */

#navMain {
		clear: both;
		float: left;
		width: 900px;
		height: 29px;
		margin-left: 22px;
		margin-top: -20px; /* ex 3px */
		padding: 0;
		overflow: hidden;
}

#navMain ul {
		list-style-type: none;
		float: left;
		padding: 0;
		margin: 0;
}

#navMain ul li {
		text-align: left;
		list-style-type: none;
		display: inline;
		margin: 0;
		height: 29px;
}

#navMain ul li a {
		color: #000000;
		font: 500 1em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1em;
		text-decoration: none;
		text-align: left;
		margin: 0;
		margin-right: 8px;
		padding: 10px 10px 10px 10px;
		background: url("images/ag/navMainNo.gif") top right no-repeat;
		float: left;
}

#navMain ul li a:hover, #navMain li.act a {
		color: #ffffff;
		text-decoration: none;
		background: url("images/ag/navMainAct.gif") top right no-repeat;
}



#navSub {
		clear: both;
		width: 965px;
		float: left;
		overflow: hidden;
		/*background: #ff6600;*/
		background: #aaaaaa;
		margin: 0;
		padding-top: 3px;
		padding-bottom: 3px;
}

#navSub ul {
		list-style-type: none;
		margin: 0;
		padding: 3px 32px;
}

#navSub ul li {
		text-align: left;
		list-style-type: none;
		display: inline;
}

#navSub ul li a {
		color: #000000;
		font: 500 1em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1em;
		text-decoration: none;
		text-align: left;
		margin-right: 10px;
		float: left;
		/*border-bottom: 1px solid #ff6600;*/
		border-bottom: 1px solid #aaaaaa;
}

#navSub ul li a:hover, #navSub li.act a {
		color: #ffffff;
		text-decoration: none;
		border-bottom: 1px solid #ffffff;
}


/* --- powered by e.Consult --- */#powered{
	display: inline;
	float: right;
	width: 140px;
	height: 55px;
	margin: 0px;
	padding: 0px;
}

/* --- Login --- */

#loginBox {
	clear: both;
	width: 310px;
	float: left;
	position: relative;
	top: 40px; /* ex 30px */
	left: 640px;
	height: 60px;
	/*overflow: hidden;*/
	font: 500 1em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#loginBox label {
	width: 115px;
	float: left;
} 

#loginBox #login_username_id, #loginBox .i_bg {
	width: 115px;
	float: left;
	padding: 1px;
	color: #000000;
	background: #dcdcdc;
	border: 1px solid #ffffff;
	font: 500 1em Verdana, Arial, Helvetica, sans-serif;
}


#loginBox .column {
	width: 120px;
	float: left;
	margin-right: 5px;
	/* overflow: hidden; */
}

#loginBox .columnSubmit {
	width: 60px;
	float: left;
	/* overflow: hidden; */
}


#loginBox #login_submit_id {
	float: left;
	margin: 0;
	padding: 0;
	width: 52px;
	height: 16px;
}

#loginBox .column p a:link, #loginBox .column p a:visited {
	float: left;
	margin-top: 5px;
	color: #fff;
	text-decoration: none;
}

#loginBox .column p a:hover, #loginBox .column p a:active {
	color: #fff;
	text-decoration: underline;
}




/* --- Boxes left --- */

.boxLeft {
	width: 217px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}


.boxLeftTop {
	width: 217px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxLeftTop.png') top left no-repeat;
}

.boxLeftMiddle {
	width: 217px;
	background: url('images/ag/boxLeftMiddle01.png') top left repeat-y;
	overflow: hidden;
}

.boxLeftMiddle01 {
	width: 217px;
	background: url('images/ag/boxLeftMiddle.png') top left no-repeat;
	overflow: hidden;
}


.boxLeftBottom {
	width: 217px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxLeftBottom.png') top left no-repeat;
}


.boxLeftContent {
	width: 177px;
	margin: 5px 20px 10px 20px;
	overflow: hidden;
}

.boxLeftContentSmall {
	width: 175px;
	margin: 5px 20px 10px 20px;
	overflow: hidden;
}



/* --- Search --- */


.searchBoxTop {
	width: 217px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxSearchTop.gif') top left no-repeat;
}


.searchBoxMiddle {
	text-align: left;
	
	width: 217px;
	background: url('images/ag/boxSearchMiddle01.gif') top left repeat-y;
	overflow: hidden;
}

.searchBoxMiddle01 {
	
	width: 217px;
	background: url('images/ag/boxSearchMiddle.jpg') top left no-repeat;
	overflow: hidden;
}



.searchBoxBottom {
	width: 217px;
	height: 10px;
	overflow: hidden;
	background: url('images/ag/boxSearchBottom.gif') top left no-repeat;
}

.searchBoxMiddle select, .searchBoxMiddle #search_id_id {
	text-align: left;
	float: left;
	width: 177px;
	padding: 1px;
	color: #000000;
	background: #dcdcdc;
	border: 1px solid #ffffff;
	font: 500 1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}


#send_id {
	width: 114px;
	height: 20px;
	float: left;
	padding: 0;
	background: none;
	border: none;
	margin: 0;
}



/* --- Boxes Content --- */


/* --- Big Box --- */

.boxContent {
	width: 686px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}


.boxContentTop {
	width: 686px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxContentTop.png') top left no-repeat;
}

.boxContentMiddle {
	width: 686px;
	background: url('images/ag/boxContentMiddle01.png') top left repeat-y;	
	overflow: hidden;
}


.boxContentMiddle01 {
	width: 686px;
	background: url('images/ag/boxContentMiddle.jpg') top left no-repeat;
	overflow: hidden;
}


.boxContentBottom {
	width: 686px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxContentBottom.png') top left no-repeat;
}


.boxContentContent {
	width: 643px;
	margin: 5px 20px 10px 20px;
	overflow: hidden;
}


/* --- Box Content left --- */

.boxContentLeft {
	width: 357px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}


.boxContentLeftTop {
	width: 357px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxContentLeftTop.png') top left no-repeat;
}

.boxContentLeftMiddle {
	width: 357px;
	background: url('images/ag/boxContentLeftMiddle01.png') top left repeat-y;	
	overflow: hidden;
}


.boxContentLeftMiddle01 {
	width: 357px;
	background: url('images/ag/boxContentLeftMiddle.jpg') top left no-repeat;
	overflow: hidden;
}


.boxContentLeftBottom {
	width: 357px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxContentLeftBottom.png') top left no-repeat;
}


.boxContentLeftContent {
	width: 317px;
	margin: 5px 20px 10px 20px;
	overflow: hidden;
}


/* --- Box Content right --- */

.boxContentRight {
	width: 312px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}


.boxContentRightTop {
	width: 312px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxContentRightTop.png') top left no-repeat;
}

.boxContentRightMiddle {
	width: 312px;
	background: url('images/ag/boxContentRightMiddle01.png') top left repeat-y;	
	overflow: hidden;
}


.boxContentRightMiddle01 {
	width: 312px;
	background: url('images/ag/boxContentRightMiddle.jpg') top left no-repeat;
	overflow: hidden;
}


.boxContentRightBottom {
	width: 312px;
	height: 13px;
	overflow: hidden;
	background: url('images/ag/boxContentRightBottom.png') top left no-repeat;
}


.boxContentRightContent {
	width: 272px;
	margin: 5px 20px 10px 20px;
	overflow: hidden;
}



/* Mediainfos Featured Video */
#mediainfos table  { text-align: left; width: 100%; border: 0; border-collapse: collapse; border-spacing: 0px }
#mediainfos table td   { font-size: 1em; padding: 3px 5px 3px 0px; }
#mediainfos td a:link, #mediainfos td a:visited { color: #686868; font-size: 1em; line-height: 1.3em; text-decoration: underline; }
#mediainfos td a:hover { color: #aa0000; text-decoration: underline; }



/* Forms (Feedback / Signup / LoginContent / Comment Box / Für Anwälte) */


#signup {
	width: 450px;
	float: left;
	margin-right: 50px;
	overflow: hidden;
}



#loginContent {
	width: 400px;
	float: left;
	overflow: hidden;
}
	

#feedback label, #signup label, #loginContent label {
	float: left;
	width: 100px;
	margin-right: 20px;
	overflow: hidden;
	color: #000;
	}

#feedback input, #feedback textarea, #signup input, #loginContent input, #recoverPassword input {
	border: 1px solid #999;
	margin-bottom: 10px;
	font: 500 1em Verdana,Arial,Halevetica,sans-serif;
	padding: 2px;
	width: 20em;
}

#feedback input:focus, #feedback textarea:focus, #signup input:focus, #loginContent input:focus, .commentsTextBox textarea:focus {
	background: #e9e9e9;
}

#dat_form #dat_form_submit_id, #feedback #feedback_submit_id, #signup #register_submit_id, #loginContent #login_submit_id, #recoverPassword #password_submit_id, #comment_send_id, #favorite_button, #inappropriate_button,#group_join_id, #media_inappropriate_send_id, #compose_send_id , #feedback #lawyers_submit_id{
	border: none;
	margin: 0;
	width: auto;
}

#signup #register_check { 
	background-color: transparent;
	border: none;
	width: auto;
	vertical-align: middle;
	float: left;
	margin-right: 0.3em;
}
#newsletter_check  { 
	background-color: transparent;
	border: none;
	width: auto;
	vertical-align: middle;
	float: left;
	margin-right: 0.3em;
}

#is_lawyer_check  { 
	background-color: transparent;
	border: none;
	width: auto;
	vertical-align: middle;
	float: left;
	margin-right: 0.3em;
}



.commentsTextBox textarea {
	clear: both;
	float: left;
	border: 1px solid #999;
	font: 500 1em Verdana,Arial,Helverica,sans-serif;
	padding: 2px;
}


/* Video-Listen */

.videoListBox {
	float: left;
	border: 1px solid #999;
	width: 640px;
	overflow: hidden;
	background: #e9e9e9 url('images/ag/videoListBoxMiddleHg.png') 120px 0px repeat-y;
}


.videoListBox h2 {
	margin-bottom: 5px;
	font: 500 1.2em Verdana,Arial,Helvetica;
}

.videoListBox h2 a:link, .videoListBox h2 a:visited {
	color: #000000;
	text-decoration: underline;
}

.videoListBox h2 a:hover {
	color: #aa0000;
	text-decoration: underline;
}	


.videoListBox li {
	width: 100%;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}

.videoListBox .preview img {
	width: 120px;
	height: 90px;
	display: block;
}

.categoryVideoList a:link, .categoryVideoList a:visited {
	color: #000000;
	text-decoration: underline;
}

.categoryVideoList a:hover, .categoryVideoList a:active {
	color: #aa0000;
	text-decoration: underline;
}


.relatedList {
	width: 300px;
	float: left;
}

.relatedList li {
	float: left;
	width: 140px;
	padding-bottom: 20px;
}

#medialink, #embeddedlink {
	border: 1px solid #999;
	margin-bottom: 10px;
	font: 500 1em Verdana,Arial,Halevetica,sans-serif;
	padding: 2px;
	width: 310px;
}		

ul.profileInfos {
	margin: 0;
	float: left;
}

ul.profileInfos li {
	display: block;
	margin-bottom: 0.2em;
}

.groups .preview img {
	border: 1px solid #999;
}




