/* CSS Document */

#content {
	background:#F2F2F2;
	width:100%;
	border-left:black solid 1px;
	border-right:black solid 1px;
}

#content_left {
	width:600px;
	float:left;
}

#content_right {
	width:336px;
	float:right;
}


/* ########################################################### BOXEN ################################################################# */


#content_left .box {
	width:586px;
	margin:10px 0 0 10px;
}

#content_right .box {
	width:326px;
	margin:10px 0 0 0;
}

#content_left .boxhead {
	background:#fff6cb;
	width:570px;
	margin-left:6px;
	padding:7px;
	color:black;
}

#content_left .boxhead b {
	margin-left:15px;
}

#content_right .boxhead {
	background:#EAEAEA url(../i/boxheader_right_bg.png) 0 0 repeat-x;
	width:302px;
	margin-left:6px;
	padding:0 10px;
	border:#C2C2C2 solid 1px;
	border-bottom:none;
}

#content_right .boxhead img.right {
	position:absolute;
	left:933px;
}


.boxhead_l {
	float:left;
	width:450px;
}

#content_left .boxhead h2 {
	float:left;
	padding:3px;
	margin: 0px;
}

#content_right .boxhead h2 {
	float:left;
	padding:10px;
	margin: 0;
	color:black;
}

.boxshade_l {
	background:url(../i/boxshade_l.png) 0 0 repeat-y;
	width:100%;
}

.boxshade_r {
	background:url(../i/boxshade_r.png) 100% 0 repeat-y;
	width:100%;
}

.boxshade_lo {
	background:url(../i/boxshade_lo.png) 0 0 no-repeat;
	width:100%;
}

.boxshade_ro {
	background:url(../i/boxshade_ro.png) 100% 0 no-repeat;
	width:100%;
}

.box_content {
	background:white url(../i/page.png) 0 100% no-repeat;
	border:#BDBDBD solid 1px;
	margin-left:6px;
	padding-bottom:20px;
}

#content_left .box_content {
	width:582px;
	min-height:220px;
}

#content_right .box_content {
	width:322px;
}


.boxshade_u {
	background:url(../i/boxshade_u.png) 0 0 repeat-x;
	width:100%;
	height:13px;
}

.boxshade_ul {
	background:url(../i/boxshade_ul.png) 0 0 no-repeat;
	float:left;
	width:12px;
	height:13px;
}

.boxshade_ur {
	background:url(../i/boxshade_ur.png) 0 0 no-repeat;
	float:right;
	width:12px;
	height:13px;
}


/* ########################################################### TABS ################################################################# */



.tabs {
	float:left;
	margin:5px 0 -7px 5px;
	top:1px;
	position:relative;
}

#content_right .tabs {
	margin-bottom:0px;
}

.tabs li {
	background:#ffd673 url(../i/tabshade.png) 100% 0 no-repeat;
	float:left;
}

#content_right .tabs li {
	background:#ffd673 url(../i/righttabshade.png) 100% 0 no-repeat;
}

.tabs li:hover, .tabs li.active {
	background:#d9a300 url(../i/tabshade_h.png) 100% 0 no-repeat;
	float:left;
	color: #000;
}

#content_right .tabs li:hover, #content_right .tabs li.active {
	background:#d9a300 url(../i/righttabshade_h.png) 100% 0 no-repeat;
}

.tabs li a {
	padding:4px 25px 6px 15px;
	color:black;
	float:left;
	font-weight:bold;
}

#content_right .tabs li a {
	padding:4px 20px 6px 10px;
}

.tabs li:hover a, .tabs li.active a {
	text-decoration:none;
	color: #000;
	padding-bottom:7px;
	border-bottom:black;
}


/* ########################################################### BUTTONS ################################################################# */


.button {
	background:url(../i/button.png) 0 0 repeat-x;
	float:left;	
}

.box .button {
	float:right;
	margin:10px 10px -10px 0;
}

.button a {
	background:url(../i/button_r.png) 100% 0 no-repeat;
	color:black;
	font-weight:bold;
	padding:0;
	line-height:2.2;
	text-decoration:none;
	display:block;
}

.button span {
	background:url(../i/button_l.png) 0 0 no-repeat;
	padding:0 10px 4px 10px;
	display:block;
	color:#000;
}

.button input {
	background:url(../i/button_l.png) 0 0 no-repeat;
	padding:6px 10px 7px 10px;
	display:block;
	color:black;
	font-weight:bold;
	border:none;
	cursor:pointer;
	margin:0;
}


.button:hover {
	background:url(../i/button_h.png) 0 0 repeat-x;
	color:#000;
}

.button a:hover {
	color:url(../i/button_r_h.png) 100% 0 no-repeat;
	color:#000;
}

.button span:hover {
	background:url(../i/button_l_h.png) 0 0 no-repeat;
	color:#000;
}

.button input:hover {
	background:url(../i/button_l_h.png) 0 0 no-repeat;
	color:#000;
}


/* ########################################################### KLEINE BUTTONS ################################################################# */

.smallbutton {
	background:url(../i/smallbutton.png) 0 0 repeat-x;
	float:left;	
	margin:0 1px 0 1px;
}

.smallbutton a {
	background:url(../i/smallbutton_r.png) 100% 0 no-repeat;
	color:black;
	font-weight:bold;
	padding:0;
	line-height:2.2;
	text-decoration:none;
	display:block;
}

.smallbutton span {
	background:url(../i/smallbutton_l.png) 0 0 no-repeat;
	padding:0 5px 3px 5px;
	display:block;
	cursor:pointer;
	border:none;
	font-weight:bold;
	color:black;
	margin:0;
	line-height:1.5;
}

.smallbutton input {
	background:url(../i/smallbutton_l.png) 0 0 no-repeat;
	padding:2px 5px 4px 5px;
	display:block;
	cursor:pointer;
	border:none;
	font-weight:bold;
	color:black;
	margin:0;
}

.smallbutton:hover {
	background:url(../i/smallbutton_h.png) 0 0 repeat-x;
}

.smallbutton a:hover {
	background:url(../i/smallbutton_r_h.png) 100% 0 no-repeat;
}

.smallbutton span:hover, .smallbutton input:hover {
	background:url(../i/smallbutton_l_h.png) 0 0 no-repeat;
}




/* ###########################################################  ################################################################# */


.start_event {
	float:left;
	padding:15px 25px;
	width:240px;
}

.box h1 {
	float:left;
}

.bloghead {
	width:535px;
	overflow:hidden;
	white-space:nowrap;
	float:none;
	color:#999999;
	padding:0px 15px;
}

#content_right .box .boxpadding {
	padding-top:10px;
}

.news_left {
	width:350px;
	margin-right:25px;
	float:left;
}

.news_left p {
	margin-top:5px;
}

.news_right {
	width:160px;
	float:left;
	padding-top:5px;
}

.news_right p {
	margin-bottom:10px;
}

.more_right {
	float:right;
	margin:20px 10px 0 0;
	background:url(../i/arr_r.gif) 0 3px no-repeat;
	padding-left:15px;
	font-weight:bold;
}

.up {
	float:right;
	margin:10px 10px 10px 0;
	background:url(../i/arr_up.gif) 0 3px no-repeat;
	padding-left:15px;
	font-weight:bold;
}

.comment {
	float:right;
	margin:0;
	background:url(../i/comment.gif) 0 5px no-repeat;
	padding:5px 0 5px 30px;
}

h3.cinema {
	background:url(../i/movie.png) 0 0 no-repeat;
	margin-left:10px;
	padding:10px 0 20px 50px;
}

.image_list {
	width:160px;
	float:left;
	text-align:center;
	margin-bottom:30px;
	padding:0 10px 0 10px;
}

.image_list_schmal {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 200px;
}

.image_list img {
	margin:5px;
}

.image_list_big {
	width:250px;
	float:left;
	text-align:center;
	margin-bottom:30px;
	padding:0 10px 0 10px;
	color:#999999;
}

.image_list_big img {
	border:#C5C5C5 solid 1px;
}

.image_list_big a:hover img {
	border:#990000 solid 1px;
}

.lastactions {
	width:216px;
	float:left;
	padding:25px 25px 25px 50px;
}

.alt {
	background:#EAEAEA url(../i/boxheader_right_bg.png) 0 0 repeat-x;
}

.lastactions .left {
	width:80px;
	margin-right:5px;
}

.lastactions .right {
	width:120px;
	float:left;
}

.eventhead {
	margin-left:20px;
}


/* ########################################################### KATEGORIEN ################################################################# */

.cat {
	padding:5px 10px 5px 15px;
	margin-bottom:10px;
}

.cat ul {
	list-style-position:outside;
	font-weight:normal;
	padding:0 0 0 0;
	margin: 3px 0 0 0;
}

.cat li a {
	background:url(../i/arr_r.gif) 5px 2px no-repeat;
	margin:0;
	padding:0 0 5px 20px;
	font-weight: bold;
	display:block;
}

.cat li ul {
	margin-top:-2px;
}

.cat li ul li a {
	background:url(../i/arr_r.gif) 5px 3px no-repeat;
	display:block;
	margin:0 0 0 20px;
	padding:0 0 6px 18px;
	font-weight: normal;
}


/* ########################################################### KATEGORIEN ################################################################# */



#vertikal_navi {
position: relative;
left: -10px;
margin-top:10px;
z-index: 2;
}

.tab_vertikal a {
display: block;
width: 320px;
color: #fff;
background: url(../i/nav.png) 0 0 repeat-x;
font-weight: bold;
margin:  0 0 -2px 0;
text-decoration: none;
padding:10px;
border-top:#F2F2F2 solid 1px;
}

.tab_vertikal a:hover, .tab_vertikal a.active {
background: url(../i/nav_active.png) 0 0 repeat-x;
text-decoration: none;
color: #fff;
}


.tab_vertikal a.sub {
width: 325px;
background:#DBDBDB url(../i/nav_sub.png) 0 0 repeat-y;
padding: 2px 0 5px 15px;
margin: 0;
color:#333;
}

.tab_vertikal a.subactive {
background:#DBDBDB url(../i/nav_sub.png) 0 0 repeat-y;
padding: 2px 0 5px 15px;
width: 325px;
color:#333;
text-decoration:underline;
}

.tab_vertikal a.sub:hover {
text-decoration:underline;
}

.tab_vertikal .head {
padding: 5px 10px;
height: 100%;
}

.tab_vertikal div.profile_pic {
float: left; 
}

.tab_vertikal div.profile_pic img {
	border:1px solid #C2C2C2;
}

.tab_vertikal h2 {
float:left;
margin:20px 0 0 5px;
}

.separator {
background-color: #E3E7E8;
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 5px 25px 5px 25px;
margin: 0 0 10px 0;
height: 100%;
width: 532px;
}