/*
COLORS
Navigation Text: 	#847763
Text Standart:		#7D7369

*/

*
{
	margin: 0; padding: 0;
}

body
{
	font: normal 12px/16px "Trebuchet MS",Verdana,Arial,Sans-serif;
	color: #555;
	background:#8C8C8C url("../img/sides_body.gif") repeat-y center top;
	margin: 0 0 0 0;
}

hr												{ display: none; }
.nodisplay, dfn, #path
{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.spacer											{ display: block; clear: both; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 0; }

fieldset										{ border: none; margin:0; padding:0; }
legend											{ display: none; }

input, select, textarea
{
	
	border: 1px solid #666;
	background-color: #B5B5B5;
	background-color: white;
	width:250px;
}

textarea
{
	height: 150px;
}

input.checkbox
{
	width:15px;
	display: block;
	float: left;
	background-color: transparent;
	border:0;
	margin:6px 10px 0 0;
}

label.checkbox
{
	float:left;
}

.button
{
	width: auto;
	cursor: pointer;
	font: normal 100%/1.6em arial,helvetica,sans-serif;
	border: 0 solid;
	background-color: transparent;
	text-decoration: underline;
	text-align: left;
}

.checkbox, .radio								{ width: auto; }
input:focus, textarea:focus						{ background-color: #fff; }
.button:focus									{ background-color: transparent; }
label											{ cursor: pointer; font-weight: bold;color: #666; display:block;margin-top:5px}

img 											{ border: 0px none; }
strong, .info									{ font-weight: bold; }
a											{ color: #F04923;}
a:hover											{ color: #F04923; text-decoration: none; }

ul, ol											{ list-style: none; }
li a											{ display: block; text-decoration: none; }

p												{ margin: 0 0 20px 0; }

p.error									{ padding: 10px; color:white; border: 1px solid white; background:url("../img/warning.gif") #F04923 5px 5px no-repeat; padding-left: 82px;}
label.error								{ color: #F04923; }

label span
{
	display:block;
	font-weight: normal;
}


input.error, select.error		{ background-color: #F04923; color: white; border: 1px solid white }

.ok { color:green;}

abbr											{ cursor: help; }

h1
{
	font-size: 16px;
	font-weight: bold;
	display:block;
	margin: 0 0 10px 0;
	padding-left: 15px;
	color: #666;
	background:url("../img/arrow_red_big.gif") 0px 3px no-repeat;
}

span.error_title
{
	font-size: 14px;
	font-weight: bold;
	display:block;
	margin: 0 0 10px 0;
}
/* ******************** page blocks */

#header_row
{
	height: 90px;
	width: 100%;
	background:#002255 url("../img/bg_header.gif") repeat-x left top;
}

#header
{
	margin: 0px auto;
	width: 774px;
	height: 90px;
	background:#0543A0 url("../img/bar_header.gif") no-repeat left top;
}

#page
{	
	margin: 0 auto;
	padding: 0;
	width: 740px;
}

#logo
{
	display: inline;
	width: 214px;
	height: 90px;
	float:left;
	margin: 0 0 0 17px;
	background:#8C8C8C url("../img/logo.gif") no-repeat left top;
}



#nav ul
{
	margin: 50px 0 0 215px;
	list-style: none;
	float: left;
}

#nav li
{
	float: left;
}

#nav a
{
	float: left;
	width: 94px;
	height: 30px;
	display: inline;
	margin-left: 3px;
}

#button_view
{
	background:#000 url("../img/button_view.gif") no-repeat left top;
}

#button_view_in
{
	background:#000 url("../img/button_view_inactive.gif") no-repeat left top;
}

#button_view_inactive:hover
{
	background:#000 url("../img/button_view_hover.gif") no-repeat left top;
}

#button_travel
{
	background:#000 url("../img/button_travel.gif") no-repeat left top;
}

#button_travel_inactive
{
	background:#000 url("../img/button_travel_inactive.gif") no-repeat left top;
}

#button_travel_inactive:hover
{
	background:#000 url("../img/button_travel_hover.gif") no-repeat left top;
}

#button_stuff
{
	background:#000 url("../img/button_stuff.gif") no-repeat left top;
}

#button_stuff_inactive
{
	background:#000 url("../img/button_stuff_inactive.gif") no-repeat left top;
}

#button_stuff_inactive:hover
{
	background:#000 url("../img/button_stuff_hover.gif") no-repeat left top;
}

#button_foto
{
	background:#000 url("../img/button_foto.gif") no-repeat left top;
}

#button_foto_inactive
{
	background:#000 url("../img/button_foto_inactive.gif") no-repeat left top;
}

#button_foto_inactive:hover
{
	background:#000 url("../img/button_foto_hover.gif") no-repeat left top;
}

#button_text
{
	background:#000 url("../img/button_text.gif") no-repeat left top;
}

#button_text_inactive
{
	background:#000 url("../img/button_text_inactive.gif") no-repeat left top;
}

#button_text_inactive:hover
{
	background:#000 url("../img/button_text_hover.gif") no-repeat left top;
}

#button_misc
{
	background:#000 url("../img/button_misc.gif") no-repeat left top;
}

#button_misc_inactive
{
	background:#000 url("../img/button_misc_inactive.gif") no-repeat left top;
}

#button_misc_inactive:hover
{
	background:#000 url("../img/button_misc_hover.gif") no-repeat left top;
}

#subnav
{
	width: 174px;
	float: left;
	margin: 20px 20px 0 0;
}

.subnav_box_header
{
	height: 23px;
	background:#000 url("../img/nav_box_header.gif") no-repeat left top;
}

.subnav_box_header h3
{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	display:block;
	padding: 5px 0 0 22px;
	
}

.subnav_box
{
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding: 5px 0 0 0;
}

.subnav_box_footer
{
	height: 6px;
	font-size: 0;
	margin-bottom: 20px;
	background:#000 url("../img/nav_box_footer.gif") no-repeat left top;
}

#subnav ul
{
	list-style: none;
}

#subnav li
{
	display: inline;
}

#subnav ul a
{
	color: #444;
	display: block;
	padding: 2px 10px;
	border-bottom: 1px solid #e5e5e5;
}

#subnav ul a.second_layer
{
	color: #444;
	display: block;
	padding: 2px 10px 2px 25px;
	border-bottom: 1px solid #e5e5e5;
	background:url("../img/arrow_from_top_grey.gif") 12px 5px no-repeat;
	
}

#subnav ul a:hover, #subnav ul a.active
{

	background-color: #fff;
}

#subnav ul a.subnav_bottom
{
	border: 0px;
}

/* Contentbereiche */
.surrounding
{
	margin: 0 20px 20px 20px;
}

.space_20
{
	height: 20px;
	font-size:1px;
}

.space_10
{
	height: 10px;
	font-size:1px;
}

.box_hr 
{
	display: block; clear: both; height: 7px; overflow: hidden; padding: 0; margin:  0;border-bottom: 1px solid #8C8C8C;
}

.box_hr1
{
	display: block; clear: both; height: 10px; overflow: hidden; padding: 0; margin:  0;
}


.content_text
{
	width: 506px;
	float: left;
	margin-top: 20px;
}

.content_half_left
{
	margin-right: 20px;
	width: 340px;
	float: left;
}

.content_half_right
{
	width: 340px;
	float: left;
}

.content_view_text
{
	width: 504px;
	float: left;
	margin-left: 20px;
}

.content_view_links
{
	float: left;
	width: 176px;
}


/* Boxen */
.box_header
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_2px_tl.gif") no-repeat left top;
}

.box_header div
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_2px_tr.gif") no-repeat right top;
}

.box_footer
{
	height: 10px;
	font-size: 0;
	margin-bottom: 20px;
	background:url("../img/box_2px_bl.gif") no-repeat left bottom;
}

.box_footer div
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_2px_br.gif") no-repeat right bottom;
}

.box
{
	border-left: 2px solid #8C8C8C;
	border-right: 2px solid #8C8C8C;
	padding: 0 10px;
	background-color: #fff;
	color: #666;
}

.box_header_view
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_1px_tl.gif") no-repeat left top;
}

.box_header_view div
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_1px_tr.gif") no-repeat right top;
}

.box_footer_view
{
	height: 10px;
	font-size: 0;
	margin-bottom: 20px;
	background:url("../img/box_1px_bl.gif") no-repeat left bottom;
}

.box_footer_view div
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_1px_br.gif") no-repeat right bottom;
}

.box_view
{
	border-left: 1px solid #8C8C8C;
	border-right: 1px solid #8C8C8C;
	padding: 0 10px;
	background-color: #fff;
	color: #666;
}


.box_half_header
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_1px_tl.gif") no-repeat left top;
}

.box_half_header div
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_1px_tr.gif") no-repeat right top;
}

.box_half_footer
{
	height: 10px;
	font-size: 0;
	margin-bottom: 20px;
	background:url("../img/box_1px_bl.gif") no-repeat left bottom;
}

.box_half_footer div
{
	height: 10px;
	font-size: 0;
	background:url("../img/box_1px_br.gif") no-repeat right bottom;
}

.box_half
{
	border-left: 1px solid #8C8C8C;
	border-right: 1px solid #8C8C8C;
	padding: 0 10px;
	background-color: #fff;
	color: #666;
}

.box_simple
{
	padding: 10px;
	background-color: #fff;
	margin-bottom: 5px;
	color: #666;
}

.box_simple h2
{
	font-size: 13px;
	font-weight: bold;
	display:block;
	padding: 0;
}

.img_list_left, .img_list_middle, .img_list_right, .text_list_left, .text_list_right, .img_list_middle_100, .img_list_left_100
{
	float: left;
}

.img_list_left
{
	width: 60px;
	height: 50px;
}

.img_list_middle
{
	width: 300px;
}

.img_list_left_100
{
	width: 110px;
	height: 100px;
}

.img_list_middle_100
{
	width: 250px;
}

.img_list_right, .text_list_right
{
	width: 120px;
}

.text_list_left
{
	width: 360px;
}

.box h1, .box_half h1, .simple_box h1, .box_view h1
{
	color: #F04923;
	font-size: 16px;
	font-weight: bold;
	display:block;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	background: white;
}

h1.box_small, .box h2, .box_half h2, .simple_box h2, .box_view h2
{
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding:0 0 10px 0;
	background: white;
	color: #666;
}

.box ul, .box_half ul, .simple_box ul, .box_view ul
{
	margin: 0 0 10px 0;
	padding: 0;
}

.box li, .box_half li, .simple_box li, .box_view li
{
	padding-left: 10px;
	background:url("../img/dot.gif") no-repeat 0 6px;
}


.box p, .box_half p, .simple_box p, .box_view p
{
	margin-bottom: 10px;
}


/* Images in Boxen */
.img_left
{
	display:block;
	border: 1px solid #8C8C8C;
	margin: 0 10px 3px 0;
	padding: 0;
	float:left;
}

.img_right
{
	display:block;
	border: 1px solid #8C8C8C;
	margin: 0 0 3px 10px;
	padding: 0;
	float:right;
}

.img_pan
{
	display:block;
	margin: 0 -10px 10px -10px;
	padding: 0;
}

img.topless
{
	margin-top:0;
}


/* Footer */
#footer
{
	position: absolute;
	top: 6px;
	left: 50%;
	text-align: right;
	width: 400px;
	margin: 0 0 0 -44px;
	color:white;
	font-size: 10px;	
}

#footer ul
{
	list-style: none;
	float:right;
}

#footer li
{
	float:left;
}

#footer ul a
{
	font-size: 10px;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	padding: 0 3px;
	float:left;	
}

#footer ul a:hover
{
	text-decoration: underline;
}


#flag_english
{
	height: 10px;
	width: 15px;
	margin: 3px 0 0 0;
	background:url("../img/flag_english.gif") no-repeat left top;
}

#flag_german
{
	height: 10px;
	width: 15px;
	margin: 3px 0 0 3px;
	background:url("../img/flag_german.gif") no-repeat left top;
}


input.submit_large
{
	color: #666666;
	display:block;
	width: 191px;
	height: 29px;
	border:0;
	text-decoration: none;
	text-align: right;
	padding-right:  10px;
	margin-top: 10px;
	cursor:pointer;
		font-size:12px;
}

input.icon_submit_grey_arrow
{
	color: #666666;
	background:url("../img/submit_grey_large_arrow.gif") no-repeat 0 2px;
}

input.icon_submit_grey_arrow:hover
{
	background:url("../img/submit_grey_large_arrow_hover.gif") no-repeat 0 2px;
}

input.icon_submit_white_arrow
{
	color: #666666;
	background:url("../img/submit_white_large_arrow.gif") no-repeat 0 2px;
}

input.icon_submit_white_arrow:hover
{
	background:url("../img/submit_white_large_arrow_hover.gif") no-repeat 0 2px;
}

/* Links */

a.submit_large
{
	color: #666666;
	display:block;
	width: 178px;
	height: 23px;
	text-decoration: none;
	text-align: right;
	padding: 6px 13px 0 0;
	margin-top: 10px;
}

a.submit_large:hover, input.submit_large:hover
{
	color: white;
}

a.icon_submit_white_folder
{
	background:url("../img/submit_white_large_folder.gif") no-repeat left top;
}

a.icon_submit_white_folder:hover
{
	background:url("../img/submit_white_large_folder_hover.gif") no-repeat left top;
}

a.icon_submit_white_arrow
{
	background:url("../img/submit_white_large_arrow.gif") no-repeat left top;
}

a.icon_submit_white_arrow:hover
{
	background:url("../img/submit_white_large_arrow_hover.gif") no-repeat left top;
}

a.icon_submit_grey_arrow
{
	color: #666666;
	background:url("../img/submit_grey_large_arrow.gif") no-repeat left top;
}

a.icon_submit_grey_arrow:hover
{
	background:url("../img/submit_grey_large_arrow_hover.gif") no-repeat left top;
}

a.doc
{
	display:block;
	text-decoration: none;
	height:16px;
	color: #F04923;
	padding: 0 0 0 9px;
	background:url("../img/doc_grey.gif") 0px 3px no-repeat;
}

a.more, a.more_1
{
	display:block;
	text-decoration: none;
	height:16px;
	color: #F04923;
	padding: 0 0 0 9px;
	background:url("../img/arrow_grey.gif") 0px 3px no-repeat;
}

a.more:hover, a.more_1:hover,  a.doc:hover
{
	text-decoration: underline;
}

a.more_1
{
	float:left;
}

a.more_view
{
	display:block;
	text-decoration: none;
	height:16px;
	color: #666;
	padding: 0 0 0 15px;
	background:url("../img/arrow_grey.gif") 0px 3px no-repeat;
}

a.hide_view
{
	display:block;
	text-decoration: none;
	height:16px;
	color: #666;
	padding: 0 0 0 15px;
	background:url("../img/hide_grey.gif") 0px 3px no-repeat;
}

a.more_view:hover
{
	text-decoration: underline;
	color: #666;
}


/* bottom -braucht man hier,da der footer absolut verschoben wird*/
#bottom
{
	font-size:1px;
}

/* Foto */
#cinema_surrounding
{
	margin: 20px 0;
}

#prev
{
	width: 20px;
	height: 485px;
	background:url("../img/prev.gif") 0px 170px no-repeat;
	float:left;
}
	
#next
{
	width: 20px;
	height: 485px;
	background:url("../img/next.gif") 0px 170px no-repeat;
	float:left;
}

.no_prev, .no_next
{
	width: 20px;
	height: 485px;
	float:left;
}

#cinema
{
	width: 700px;
	height: 480px;
	float:left;
}	

#nav_surrounding
{
	margin: 0 0 20px 0;
}

#prev_img_nav
{
	width: 27px;
	height: 34px;
	background:url("../img/arrow_grey_big_left.gif") 0px 5px no-repeat;
	float:left;
}
	
#next_img_nav
{
	width: 27px;
	height: 34px;
	background:url("../img/arrow_grey_big.gif") 16px 5px no-repeat;
	float:left;
}

#img_nav
{
	height: 34px;
	float:left;
	overflow: hidden;
	position: relative;
}	

#img_nav div
{
	position: relative;
}

#img_nav a, #img_nav a.active
{
	padding:0;
	margin: 0;
	border:2px solid #D7D6D6;
	display:block;
	float: left;
	width: 30px;
	height: 30px;
}

#img_nav a.active
{
	border:2px solid #F04923;
}

#img_nav a:hover, #img_nav a.active:hover
{
	border:2px solid white;
}

h1.cinema, h1.cinema_gal
{
	margin:0;
	padding:0;
	font-size: 12px;
	font-weight:bold;
	display: inline;
	background: none;
}

h1.cinema_gal
{
	display: block;
	text-align:right;
	margin-top:-17px;
}

span.cinema_notice
{
	font-size: 10px;
}

a.tag_1, a.tag_2, a.tag_3, a.tag_4
{
	color: #666;
	text-decoration: none;
}

a.tag_1:hover, a.tag_2:hover, a.tag_3:hover, a.tag_4:hover
{
	color: #fff;
	background-color: #666;
	text-decoration: none;
}


a.tag_1
{
	font-size: 12px;
}

a.tag_2
{
	font-size: 15px;
}

a.tag_3
{
	font-size: 18px;
}

a.tag_4
{
	font-size: 22px;
}

.tag_cloud 
{
	font-size: 22px;
	line-height: 100%;
	
}

#prev_mirror
{
	width: 40px;
	height: 170px;
	background:url("../img/prev.gif") no-repeat left top;
	float:left;
}
	
#next_mirror
{
	width: 40px;
	height: 170px;
	background:url("../img/next.gif") no-repeat right top;
	float:left;
}


#mirror_surrounding
{
	margin: 5px 0 20px 0;
}


.mirror_overlay
{
	position: relative;
	height: 100px;
	width: 700px;
	top:-68px;
	left: 40px;
}

#mirror
{
	height:170px;
	width: 660px;
	overflow: hidden;
	float:left;
	position:relative;	
}


.mirror_imgs
{
	width: 1000px;
	padding-bottom: 2px;
	position : relative;
}

.mirror_imgs img
{
	border: 0;
	margin: 0;
	padding: 0;
}

.mirror_imgs a
{
	width:100px;
	height: 100px;
	float: left;
	display: block;
	margin: 0 40px 0 0;
	position : relative;
}

#inner_mirror
{
	
	position : relative;
}

#contact_portrait
{
	width:198px;
	height: 321px;
	margin: 30px 0 0 70px;
	background:url("../img/contact.gif") no-repeat left top;
}