/*** Typography ***/
body { font-family: Arial; }
#menu { font-family: Tahoma, Arial; }
#menu_sub { font-family: Tahoma, Arial; }
.tablehead { font-family: Tahoma, Arial; }


body { font-size: 12px; }
h2 { font-size: 18px; font-weight: bold; color: #456c99; }
h3 { font-size: 16px; font-weight: bold; color: #456c99; }
#menu { font-size: 12px; line-height: 24px; color: #000; }
#menu_sub { font-size: 12px; line-height: 20px; color: #000; }
#headline { font-size: 24px; font-weight: bold; color: #004799; }
.tablehead,
.tablehead a { font-size:11px; font-weight:bold; color: #FFF; }
.formheadline { font-size: 24px; font-weight: bold; color: #004799; }
.bildunterschrift { font-size: 11px; font-weight:bold; color:#000; }
.bildunterschrift_input { font-size: 11px; font-weight:bold; color:#000; }

/*** general ***/
p { margin-top: 0px; }
form { margin: 0px; padding: 0px; }
ul { list-style-image: url('bullet.gif'); }

/*** layout ***/
body { margin: 0px auto; background: #F6F6F6 url('bg_roll.gif') repeat-y; }
#header { width: 800px; height: 100px; background: #FFF url('banner.jpg') no-repeat; }
#menu { width: 800px; height: 24px; background: #0050A0 url('menu_roll.gif') repeat-y; border-bottom: 1px solid #FFF; }
#menu_sub { width: 187px; }
#content { width: 582px; margin-left: 188px; padding: 35px 10px 10px 20px;}
#headline { height: 65px; }
#contentSchmal { width: 380px; float: left; }
#contentBreit { width: 572px; }
.contentHalb { width: 276px; float: left; }


/*** menu ***/
	#menu ul { margin: 0px; padding: 0px; list-style: none; }
		#menu li { float: left; }
		#menu li a { display: block; padding: 0 10px; color: #FFF; text-decoration: none; }
		#menu li a:hover {  color: #000; background-color: #FFF; text-decoration:none; }
		#menu li.current_page a { color: #000; background-color: #FFF; }
	#menu ul.right { float: right; }

#menu_sub { float: left; }
	#menu_sub ul { margin: 0px; padding: 0px; list-style: none; }
		#menu_sub li a { display: block; padding: 0 10px; color: #000; text-decoration: none; border-top:1px solid #A0A0A0; }
		#menu_sub li a:hover { color: #FFF; background-color: #456c99; text-decoration:none; }
		#menu_sub li.current_page a { color: #FFF; background-color: #004799; }
		#menu_sub li.current_page ul li a { color: #000; background-color: #e1e2e2; }
		#menu_sub li ul { margin: 0px; padding-left: 10px; list-style: none; }
			#menu_sub li ul li a:hover { color: #FFF; background-color: #456c99; text-decoration:none; }
			#menu_sub li ul li.current_page a { color: #FFF; background-color: #456c99; }
		#menu_sub li.menu_spacer { height: 55px; border-top:1px solid #A0A0A0; }

/* */
img, img a { border:0px; }
a{ font-weight:bold; color:#456c99; text-decoration:none; }
a:hover{ font-weight:bold; color:#456c99; text-decoration:underline; }
.form_input { width: 270px; font-size: 11px; color: #000; background: #FFF; border:1px solid #004799; }
.form_upload { width: 270px; font-size: 11px; color: #000; background: #FFF; border:1px solid #004799; size:43; }
.form_textarea { width: 270px; height: 50px; font-size: 11px; color: #000000; text-decoration: none; background: #FFFFFF; border:1px solid #004799; }
.form_select { width: 273px; font-size: 12px; color: #000; background: #EEE; }
.form_select_multi { width: 330px; height: 100px; font-size: 12px; color: #000000; text-decoration: none; background: #EEEEEE; }
.form_submit { height: 20px; color: #000; background: #a8bbdb; border:1px solid #004799; }
.formheadline { width: 376px; }
.table_breit { width: 572px; }
.table_schmal { width: 380px; }
.tablehead { height: 14px; padding: 2px; padding-right:0px; background: #456c99; color: #FFF; }
.tablehead  a { color: #FFF; }
.tablehead  a :hover { color: #FFF; text-decoration:underline; }
.table_even { background-color: #EEE; }
.table_odd { }

.group_table { border-spacing: 0px 1px; margin-bottom: 2px; }
.group_table_l { border: solid gray; border-width: 1px 0px 1px 1px; }
.group_table_m { border: solid gray; border-width: 1px 0px 1px 0px; }
.group_table_r { border: solid gray; border-width: 1px 1px 1px 0px; }

/* PictBoxen */
#pictures { float: right; width: 180px; }
#pictbox{ width: 180px;	margin-left: 20px; padding-bottom: 20px; float: left; }
.Tumpnails { width: 113px; height: 122px; float: left; border:1px solid #999999; margin: 1px 1px 1px 0px; }
.infoBox { padding-bottom: 5px; text-align: center; vertical-align: middle; }
.deletepict { position:absolute; left: 512px; top: 270px; width: 125px; height: 122px; float: left; border:1px solid #999; }
.picsort { position: absolute; color: #000; background-color:#FFF; }
.picsort a { color: #000; text-decoration: none; }
.picsort a:hover { color: red; }
.bildunterschrift { width: 180px; padding: 2px; margin-top: 0px; }
.bildunterschrift_input { width: 176px; height: 12px; color:#000; background-color: #CCC; }


/* TinyMCE specific rules */
body.mceContentBody { background: #FFF; }