/************************************************************* HTML TAGS */
html {}

body { background		: #e1dfd6; }

a {
	margin				: 0;
	padding				: 0;
	color				: #089698;
	text-decoration		: none;
}
* {
	font-family 		: Georgia, Arial !important; 
}
a:hover { text-decoration: underline; }

img { border			: 0; }

b.edit{
	font-style			: italic;
}
b{
	font-style			: italic;
}

/************************************************************* PAGE */
div.frame {
	width				: 100%;
	padding				: 0px 0;
	text-align: center;	margin: 0 auto;}
div.page {
	width				: 900px;
	padding				: 0 10px;
	text-align			: left;
	background			: #FFFFFF url(/pics/layout/bg_page.gif) repeat-y top left;
	margin: 0 auto;}
div.bg1, div.bg2, div.bg3, div.bg4 {
	width				: 100%;
	margin				: 0;
}
div.side-bg {
	position			: absolute;
	left				: 900px;
}

/* tl: IE 5.5 Hack von dkr, damit IE HasLayout bekommt, hier könnte inline-block ausreichen? Validiert nicht! */
div.tailer { 
	zoom				: 100%;
	padding				: 0 14px 14px; 
}


/************************************************************* HEADER */
div.header { 
	float				: left;
	background-color	: #4B4B48;
}
div.logo{
	float				: left;
}
p.logo {
	display				: none;
	background			: url(/pics/layout/citywerk_header.jpg) no-repeat top left;
}
p.logo a {
	display				: block;
	width				: 760px;
	height				: 80px;
	text-decoration		: none;
}

p.logo span { display:	none; }

.header-img {
	width				: 872px;
	float				: left;
	height				: 225px;
	padding				: 0 0 6px;
	background			: #FFFFFF url(/pics/layout/image_1259588578549.jpeg) no-repeat;
}
div.header_suche_schrift{
	float				: right;
	position			: relative;
	height				: 29px;
	width				: 267px;
	/*background			: #4b4b48;*/
}
div.suche{
	float				: left;
	width				: 185px;
	padding				: 3px 0 5px 15px;
	border-right		: 1px solid #FFFFFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.suche{ 
		padding			: 2px 0 6px 15px; 
	}
}
div.schrift_navi{
	float				: left;
	width				: 65px;
	padding				: 7px 0 5px 0px;
	margin				: 0 0 0 0px;
	text-align			: center;
}
* HTML div.suche{
	padding				: 4px 0 5px 15px;
}

#suche_input_text{
	height				: 15px;
	width				: 131px;
	font-size			: 0.75em;
	border				: 0px;
	padding				: 2px 3px !important;
	color				:#4b4b48;
	background			: url(/pics/layout/bg_suche.gif) no-repeat top left;	
}
#suche_input_button:hover{
	background			: url(/pics/layout/suche_over.gif) no-repeat top left;		
}
/************************************************************* HORIZONTAL MENU */
div.hmenu {
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	float			: left;
}
div.hmenu#hmenu2 {
	width			: 605px;
	background:		#4b4b48;
}
div.hmenu#hmenu1 {
	display			: none;
	position		: absolute;
	top				: -4px;
	right			: -79px;
	z-index			: 999;
	clear			: right;
	padding			: 12px 6px 12px 0px;
	background		: url(/pics/layout/bg_flagen.gif) no-repeat top left;	
		
}
div.hmenu#hmenu1 a{
	padding			: 2px 5px 2px;
	border			: none;
	background		: none; 
}
div.hmenu-workspace {
	display			: block;
	padding			: 0px 0px;
	float			: left;
	height			: 29px;
}

ul.hmenu1 { list-style-type:	none; }

li.hmenu1 {
	display			: inline;
	float			: left;	
}
a.hmenu {
	display:		block;
	float:			left;
	padding:		1px 10px;
	color:			#4b4b49;
	font-size:		1.0em;
	text-decoration:none;
	font-family 	: Helvetica, Arial, Myriad Pro, Georgia !important; 
}
a.hmenu:hover {
	color			: #4b4b49;
	text-decoration	: none;
}
a.hmenu1 {
	padding			: 7px 9px 7px 9px;
	font-weight		: 700;
	color			: #FFFFFF;
	border-right	: 1px solid #FFFFFF;
	background		: #4b4b48;
	text-transform	: uppercase;	
}
a.hmenu1-first{
	padding			: 5px 10px 8px;
}

.mac_os_opera a.hmenu1{
	padding			: 10px 9px 8px 9px;
}
.mac_os_opera a.hmenu1-first{
	padding			: 7px 9px 7px 9px;
}
.mac_os_gecko a.hmenu1{
	padding			: 9px 9px 9px 9px;
}
.mac_os_gecko a.hmenu1-first{
	padding			: 6px 10px 7px 10px;
}

/*******************************************  Hack für Safari**/
@media screen and (-webkit-min-device-pixel-ratio:0){
	a.hmenu1 { 
		padding		: 8px 9px 9px 9px;
	}
}	
@media screen and (-webkit-min-device-pixel-ratio:0){	
	a.hmenu1-first{
		padding			: 5px 10px 10px;
	}	
}

a.classLeben {
	padding			: 7px 9px 7px 9px;
	border-right	: 1px solid #FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	a.classLeben {
		padding			: 8px 9px 9px 9px;
		border-right	: 1px solid #FFF;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	span.magazinedate{
		padding		: 2px 5px 1px !important;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	img.title_distance{
		margin		: 8px 0 5px !important;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	img.title_distance_top{
		height		: 11px !important;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	img.trenner_footer{
		margin		: 14px 0 14px !important;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	img.trenner_footer_hot{
		margin		: 14px 0 13px !important;
	}
}

a.hmenu1:hover {
	text-decoration	: none;
	color			: #FFFFFF;
	background		: #089698;
}
a.classKultur:hover {
	text-decoration	: none;
	background		: #F29640 !important;
}
a.classTourismus:hover {
	text-decoration	: none;
	background		: #089698 !important;
}
a.classWirtschaft:hover {
	text-decoration	: none;
	background		: #2A99CB !important;
}
a.classLeben:hover {
	text-decoration	: none;
	background		: #7AB03E;
}
a.classRathaus:hover {
	text-decoration	: none;
	background		: #D43047;
}
a.classHome:hover {
	text-decoration	: none;
	background		: #d43052;
}
a.hmenu1-active {
	color			: #FFFFFF;
	background		: #089698;
}


/************************************************************* MAIN */
div.main {
	clear:		both;
	min-height:		480px;
	text-align:	center;
}

* html div.main {
	height: 		480px;
	position:	relative;
}

/* warum steht das auskommentiert hier drin?
div.main div.vmenu, div.main div.content, div.main div.container { min-height:	480px; }
*/


/************************************************************* BREADCRUMB */
div.breadcrumb {
	clear				: both;
	float				: left;
	padding				: 3px 0;
	width				: 872px;	
	margin				: 0 auto;
	padding-bottom		: 2px;
	background			: white;
}
span.breadcrumb-infotext {
	display				: block;
	float				: left;
	padding				: 3px 5px 3px 2px;
	font-size			: 8.5pt;
	color				: #4b4b48;
}
div.breadcrumb UL {
	display				: inline;
	list-style-type		: none;
}
div.breadcrumb LI {
	display				: inline;
	float				: left;
}
a.breadcrumb {
	display				: block;
	float				: left;
	margin				: 0;
	padding				: 3px 10px 3px 5px;
	color				: #4b4b48;
	font-size			: 8.5pt;
	text-decoration		: none;
	background			: transparent url(/pics/layout/bread_pfeil.gif) no-repeat right 7px;
}
a.breadcrumb:hover {
	color				: #4b4b48;
	text-decoration		: none;
}


/************************************************************* VERTICAL MENU */
div.vmenu {
		float			: right;
	width			: 252px;
	margin			: 0  0 0 -252px;
	overflow		: hidden;
			border-top		: 14px solid #edece5;
	}

div.vmenu-workspace { 
	margin			: 0 0 15px 0;
	padding			: 0 13px 10px; 
	background		: #f4f4ef;
}

ul.vmenu1, ul.vmenu2, ul.vmenu3, ul.vmenu4 { list-style-type:	none; }

ul.vmenu2{
	border-bottom		: 1px solid #c7c6be;	
}

li.vmenu1, li.vmenu2, li.vmenu3, li.vmenu4 { display:	inline; }

a.vmenu2, a.vmenu3 { clear:left; }
li.vmenu3-last { display:block !important; padding-bottom:5px; clear:left; }

a.vmenu {
	display:		block;
	margin:			0 0 0px;
	padding:		4px 5px 2px;
	color:			#4b4b48;
	font-size:		0.75em;
	text-align:		left;
	text-decoration	: none;
	font-weight			: 400;
}

a.vmenu:hover { color:	#4b4b48; }

a.vmenu1 {
	padding				: 4px 0 2px 1px;
	color				: #4b4b48;
	font-size			: 9.5pt;
	border-bottom		: 1px solid #c7c6be;
}
a.vmenu1-last {
	border-bottom		: none;
}

a.vmenu1:hover { 
	text-decoration		: none; 
	color				: #000000;
}
a.hasChildern{
	border-bottom		: none;
}
a.vmenu1-active{
	color				: #000000;
}
a.vmenu2 {
	padding				: 4px 0 2px 32px;
	color				: #4b4b48;
	font-size			: 0.75em;
	font-weight			: 400;
}

a.vmenu2:hover { 
	color				: #000000;
	text-decoration		: none;
}

a.vmenu2-active {
	color				: #000000;
	font-size			: 0.75em;
}
a.vmenu3 {
	padding				: 4px 0 18px 48px;
	color				: #4b4b48; 
	font-size			: 0.75em;
	font-weight			: 400;
}

a.vmenu3:hover { 
	/*color				: #089698;*/
	color				: #000000;
	text-decoration		: none;
}


a.vmenu3-active{
	font-size			: 0.75em;
	/*color				: #089698;
	background		: #089698 url(/pics/layout/vmenu_pfeil_trans.gif) no-repeat 0px 0px;*/
}

a.vmenu4 {
	padding				: 3px 0 3px 25px;
	color				: #4b4b48;
	font-size			: 0.75em;
	font-weight			: 400;
}

a.vmenu4:hover { 
	text-decoration		: none;
}

a.vmenu4-active {
}


/************************************************************* CONTAINER */
div.container {
	display: none;	float				: right;
	width				: 0px;
	margin				: 0 0 0 0;
	text-align			: left;
}
div.container-left {
	float				: left;
	width				: 0px;
}
div.container-right {
	float				: right;
	width				: 0px;
}

div.container-menu { width:	252px; }

div.container-top { width:	0px; }

div.container-bottom { width:	0px; }

div.container-workspace {
	float				: left;
	width				: 100%;
	margin				: 0 0 15px 0;
	background			: #edece5;
}
div.container-headline {
	padding				: 8px 4px 10px 14px;
	color				: #d43052;
	font-weight			: 700;
	text-align			: left;
	text-decoration		: none;
	border-top			: 14px solid #edece5; 
	background			: #f4f3ee;
	overflow			: hidden;
}
div.container-content {
	padding				: 3px 14px 10px 14px;
	color				: #4b4b48;
	font-size			: 9.5pt;
	background			: #f4f3ee;
	text-align			: left;
	float				: left;
	line-height			: 19px;
	width				: 224px;
}

div.container-content a { color:	#089698; }

a.containertext{
		color				: #4b4b48 !important;
}


h3.container {
	display				: inline;
	font-size			: 15pt;
	font-weight			: 400;
	color				: #089698;
}

img.border-image { float:	left; }

div.containerimage{
	margin				: 0 auto;
	text-align			: center;
	margin				: 0px 0 15px 0; 
}

image.containerimage{
	margin				: 0 auto;
	text-align			: center;
}

/************************************************************* CONTENT */
div.content {
	width:		606px; 
	margin:		0 252px 0 0px ;
	padding:	0 14px 0 0px;
	text-align:	left;
	background:	#FFFFFF;
}
* HTML div.content {
	width			:603px;
}
div.cnt_trenner{
	background			: #EDECE5;
	padding				: 7px 0;
}
* HTML div.cnt_trenner{ 
	padding				: 14px 0;
}
div.content-wrap {
	float		:	left;
	width		:	100%;
	margin		:	0 auto;
	background	: url(/pics/layout/headline.gif) repeat-x top left;
}
div.mod_home div.content-wrap {
	background	: none;
}
div.content-workspace { 
	margin		: 0 auto 10px auto; 
	float		: left; 
	width		: 100%;
}
div.content-workspace ol, div.content-workspace ul, div.content-workspace li { margin-left:	17px; }
div.content-workspace ol li, div.content-workspace ul li { margin-left:	0; }
div.content-text {
	height			: 100%;
	margin			: 0 0 0px;
	padding			: 0px 0px 0;
	color			: #4b4b48;
	text-align		: left;
	/*font-size		: 9.5pt;*/
	font-size		: 0.8em;
	float			: left;
	width			: 100%;
	line-height		: 19px;
}
div.content-header {
	padding:		26px 0px 11px;
	color:			#089698;
	text-align:		left;
	font-weight:	400;
}
h3.content-title {
	display			: inline;
	color			: #089698;
	font-size		: 1.3em !important;
	font-weight		: 400;
}

div.content-text div.content-header h3.content-title{
	color			: #000 !important;
}
/************************************************************* FOOTER */
div.footer {
	clear			: both;
	margin			: 0;
	padding			: 3px 14px;
	font-size		: 0.75em;
	color			: #FFFFFF;
	text-align		: left;
}

.footer a {
	display			: block;
	float			: left;
	padding			: 2px 10px;
	color			: #4b4b49;
	font-size		: 1em;
	font-weight		: 700;
	text-decoration	: none;
}

.footer a:hover {
	color:			#4b4b49;
	text-decoration:none;
}

table.footer-meta {
	background		: #4b4b48;
	width			: 100%;		
}

.footer-meta a:hover {
	color			: #edece5;
}
a.footer-meta {
	color			: #edece5;
	font-size		: 0.9em;
	padding			: 1px 3px 2px;
	float			: left;
	text-align		: center;
	font-weight		: 700;
	text-transform	: uppercase;
	font-family		: helvetica,Verdana !important;
}

a.footer-meta:hover {
	color			: #BCBBB2;
}
/************************************************************* STANDARDS */
div.paging-inlay{
	text-align:			center;
}

span.paging { color:	#4b4b48; padding: 3px; font-size:8.5pt !important;font-family:		helvetica !important;}

.paging { }

span.site-of-pager{
	padding-right:8px;
}

span.jump-to-pager{
	padding-left:8px;
}

span.backlink-pager a, span.forlink-pager a{
	vertical-align:middle;
}

input.jump-to-pager{
	margin-top:			-2px;	
	text-align:			center;
	width:				25px;	
	padding:			0px !important;
}

input.submit-pager{
	height:				20px;
	vertical-align:		top;
}

.border1 { border:	1px solid #4b4b48; }

div.form-begin {
	float			: left;
	text-align		: left !important;
 	/*border:		1px solid #4b4b48;*/
}

textarea, input.text { 
	border:	1px solid #4b4b48; 
}

input.button {
	color:	#4b4b48;
	border:	1px outset #000000;
}
option {
	color:		#4b4b48;
	background:	#FFFFFF;
}
button {
	color:	#4b4b48;
	border:	1px solid #4b4b48;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #4b4b48;
}

legend {
	padding:	2px 10px;
	border:		1px solid #4b4b48;
}

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#f4f3ee;
}

#submit_kontakt_form{
	border:0px !important;
	margin-top:3px;
}

* HTML #submit_kontakt_form{
	border:0px !important;
	margin-top:1px;
}

div.top_news_gerade{
		width		: 100%;
		margin		: 0 6px 10px 0px;
}
div.top_news_ungerade{
		width		: 100%;
		margin		: 0 0px 10px 0px;
}
* HTML div.top_news_gerade{
		width		: 100%;
		margin		: 0 4px 10px 0px;
}
* HTML div.top_news_ungerade{
		margin		: 0 0px 10px 0px;
		width		:100%;
}


.tab-container {
  	width: 100%;
  	background:	#edece5;
  	margin-bottom:16px;
}
 
.tab {
  	border: 1px solid #f4f3ee;
  	border-bottom: 0px;
  	cursor: pointer;
  	float: left;
  	height: 15px;
  	margin-right: 6px;
  	padding: 4px;
  	text-align: center;

}

.tab-active{
  	border: 1px solid #f4f3ee;
 	border-bottom: 0px;
  	cursor: pointer;
  	float: left;
  	height: 15px;
  	margin-right: 6px;
  	padding: 4px;
  	text-align: center;
  	background:#4b4b48;		
}
 
#tab-content {
  	clear: both;
  	padding:5px;
}
#around-content {
  	border: 1px solid #f4f3ee;
  	clear: both;
}

#around-content .container-workspace .container-headline{
	display:none;
}

#around-content .container-workspace {
	font-size:1.4em;
} 

.tab-left{	
	float:left;
}

.tab-right{
	float:left;
}
.events-gui-container-isact{
	border		: 1px solid #089698 !important;
}
div.events-gui-container{
	width			: 100%;
}
div.events-gui-container-toplinks{
	width			: 99%;
	float			: left;
	text-align		: left !important;
}
div.events-gui-container-vorschlag{
	float			: left;
	text-align		: left !important;
}
input#submit_vorschlag{
	vertical-align		: 0em !important;
}
#break_kontakt_form{
	vertical-align		: 0em !important;
	padding-top			: 2px;
}
a.sitemap{
	color				: #4b4b48 !important;
}

span.formtext{
	font-weight			: normal !important;
}

a.formtext{
	font-size			: 9.5pt !important;
}

form textarea, input.text, input[type="text"] { 
	border				: 1px solid #999 !important; 
	padding				:  0 3px !important;
}

.magazinetitleInArticle{
	font-size			: 1.8em !important;
	line-height			: 25px;
}

.magazinetextInArticle{
	font-size			: 1em;
	text-align			: left !important;
	line-height			: 19px;
}

.magazineshorttextInArticle{
	font-size			: 1.3em;
	text-align			: left !important;
	font-weight			: normal;
	color				:#000; 
}

.magazinedate{
	/*font-size			: 8.5pt !important;*/
	font-size			: 0.85em !important;
	
}

div.events_time_head {
	background-color	: #F7F7F1;
	height				: 21px;
	padding				: 2px 8px;
}

span.eventdate {

}
.magazinetext{
	text-align			: left !important;
}
div.fmenu 
{
	font-size			: 0.8em !important;
}

.magazinetitle
{
	/*font-size			: 15pt !important;*/
	line-height			: 19pt !important;
	
	font-size			: 1.6em !important;
}

.medien-tpl-bigmedien, .medien-tpl-cont-zoomheading, .picturetext {
	font-size			: 8.5pt !important;
	background			: #ffffff !important;
}

.voteRadio{
	float:left;
	padding-top:3px;
	width:18px;
}

* HTML .voteRadio{
	padding-top:0px;	
}

*+ HTML .voteRadio{
	padding-top:0px;	
}

.voteText{
	float:left;
	width:203px;
}

.containerURL {
	font-size: 12px !important;
}