/*##############################BODY##############################*/

html, body {
    height: 100%;
}

body {
	margin:0;
	padding:0;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:76%;
	color:#333333;
	background:#F6F6F6 url(../images/left.gif) top left repeat-y;
}

.blinded {
	display:none;
}

.clearing {
	clear:both;
	font-size:0px;
}



/*##############################SKIPNAVIGATION##############################*/

#skipnav a {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-100px;
}

#skipnav a:focus,#skipnav a:active {
	position:absolute;
	z-index:100;
	left:385px;
	top:15px;
	font-weight:bold;
	border-bottom:1px #000000 solid;
	color:#000000;
}



/*##############################PAGE LAYOUT##############################*/

#page {
	position:relative;
	width:980px;
	max-width:980px;
	min-height:100%;
}

#header {
	width:100%;
	height:100px;
	background:#FFFFFF url(../images/stadtsilhouette.gif) top right no-repeat;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:360px;
	height:100px;
}

#mainmenu {
	position:absolute;
	left:380px;
	top:40px;
	padding-right:220px;
	width:auto;
	height:40px;
}

#left {
	float:left;
	width:210px;
	/*BEN: Make room for #boeckstiegel, otherwise it overlays the misc links*/
	margin-bottom:190px;
}

#rubrik {
	width:210px;
	height:30px;
}

#rubriktitel {
	width:155px;
	padding:3px 0 0 40px;
}

#submenu {
	padding:5px 20px 15px 25px;
	width:175px;
}

#submenu li.nav_one_off, #submenu li.nav_two_off {
	font-weight:normal;
}

#submenu li.nav_one_on, #submenu li.nav_two_on {
	font-weight:bold;
}

#volltextsuche {
	padding:5px 20px 15px 25px;
	width:175px;
}

#misc_links {
	padding:5px 20px 15px 25px;
	width:175px;
}

#contentarea {
	float:left;
	width:540px;
	background:#F6F6F6;
}

#breadcrumb {
	padding:5px 0px 10px 30px;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
}

#content {
	padding:0px 10px 140px 30px;
}

#right {
	float:right;
	width:210px;
	background:#FFFFFF;
}

#stylechanger {
	padding:10px 0px 0px 15px;
	/*BEN: I use pixel-based font-sizes here to make sure the links in this div don't move, it's annoying*/
	font-size:11px;
	line-height:14px;
}
.fonsizesmaller,
.fonsizebigger{
	background:#fff url(../images/fonsizebigger.jpg) bottom left no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	margin: 0 10px 5px 0;
}

.fonsizesmaller{
	background:#fff url(../images/fonsizesmaller.jpg) bottom left no-repeat;
}
.fonsizesmaller:hover,
.fonsizebigger:hover{
	border-bottom: none !important;
}


#rightcontent {
	padding:55px 10px 15px 15px;
	width:185px;
}

#bannertop {
	padding:15px 10px 15px 15px;
	width:185px;
}

#bannertop a:hover {
	border:none;
}

#boeckstiegel {
	position:absolute;
	left:0px;
	bottom:0px;
	width:210px;
	height:190px;
	background:url(../images/boeckstiegel.jpg) bottom left no-repeat;
	font-size:0px;
}



/*##############################TYPOGRAPHY##############################*/

h1,h2,h3,h4,h5,h6,p,ol,ul,li,img {
	padding:0;
	margin:0;
}

h2,h3,h4,h5,h6 {
	color:#C80715;
}

pre {
	font-family:monospace;
}
	
strong, b {
	font-weight:bold;
}

em,i {
	font-style:normal;
}

img {
	border:0;
}

a {
	text-decoration:none;
}

a[href^="http://"]:before,a[target="_blank"]:before {
	content:url(../images/ico_extlink.gif);
	vertical-align: middle;
}

/*#####LEFT#####*/
#left h1 {
	font-size:0.9em;
	line-height:1.5em;
	font-weight:bold;
}

#left p {
	font-size:0.9em;
	line-height:1.5em;
	margin:0.9em 0em 0em 0em;
}

#left ol,#left ul {
	margin:0.3em 0 0.3em 12px;
}

#left li {
	font-size:0.9em;
	line-height:1.2em;
	margin:0 0 0.3em 0;
}

#left a {
	color:#313131;
}

#left a:hover {
	border-bottom:1px #000000 dotted;
}

/*VOLLTEXTSUCHE*/
#volltextsuche input.textfeld {
	width:136px;
	height:16px;
	padding:1px 1px 1px 1px;
	border:1px #D1D0D0 solid;
	margin:0 0 7px 0;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	color:#313131;
	background:#F6F6F6;
}

#volltextsuche input.button {
	padding:0;
	border:0;
	margin:0;
}

#volltextsuche ul {
	list-style-type:none;
	margin:-7px 0 0 0;
}

/*#####CONTENT#####*/
#contentarea h1 {
	font-size:1.4em;
	font-weight:normal;
	margin:1.4em 0em 0.4em 0em;
	color:#313131;
}

#contentarea h2 {
	font-size:1.2em;
	margin:1.2em 0em 0.3em 0em;
	font-weight:bold;
}

#contentarea h3 {	
	font-size:1.1em;
	margin:1.1em 0em 0.2em 0em;
	font-weight:bold;
}

#contentarea h4 {
	font-size:1.0em;
	margin:1.0em 0em 0.1em 0em;
	font-weight:bold;
}

#contentarea h5 {
	font-size:1.0em;
	margin:1.0em 0em 0.1em 0em;
	font-weight:bold;
}

#contentarea h6 {
	font-size:1.0em;
	margin:1.0em 0em 0.1em 0em;
	font-weight:bold;
}

#contentarea p {
	font-size:1.0em;
	line-height:1.6em;
	margin:1.0em 0em 0.1em 0em;
}

#contentarea ol,#contentarea ul {
	margin:0.2em 0 0.2em 15px;
}

#contentarea li {
	font-size:1.0em;
	line-height:1.6em;
}

#contentarea a {
	color:#C80715;
	border-bottom:1px #C80715 dotted;
}

#contentarea a:hover {
	border-bottom:1px #C80715 solid;
	background:#FFFFFF;
}

#contentarea a:visited {
	color:#333333;
	border-bottom:1px #666666 dotted;
}

#contentarea a:active {
	color:#C80715;
	border-bottom:1px #C80715 solid;
	background:#FFFFFF;
}

/*#####BREADCRUMB#####*/
#breadcrumb p {
	padding:0;
	margin:0;
}

/*#####RIGHT#####*/
#right h1,#right h2 {
	font-size:0.9em;
	font-weight:bold;
	margin:0 0 0.2em 0;
}

#right p {
	font-size:0.8em;
	line-height:1.2em;
}

#right a {
	color:#C80715;
}

#right a:hover {
	color:#C80715;
	border-bottom:1px #C80715 dotted;
}

/*#####BANNER#####*/
#bannertop a[href^="http://"]:before,#bannertop a[target="_blank"]:before {
	content:inherit;
}

#right #bannertop a:hover {
	border:none;
}

a.clean:hover {
	border:none;
	text-decoration:none;
}


/*##############################EXT: TT_NEWS##############################*/

/*#####LIST#####*/
.news-list-item {
	width:100%;
	background:url(../../news/rechts.gif) top right repeat-y;
}

.news-or {
	float:right;
	top:0;
	right:0;
	width:10px;
	height:10px;
	background:url(../../news/ecke_or.gif) top right no-repeat;
}

.news-ur {
	float:right;
	bottom:0;
	right:0;
	width:10px;
	height:10px;
	background: url(../../news/ecke_ur.gif) top right no-repeat;
}

.news-linksymbol {
	float:right;
	top:0px;
	padding-right:10px;
}

.news-linksymbol a[href^="http://"]:before,.news-linksymbol a[target="_blank"]:before {
	content:inherit;
}

.news-list-morelink a[href^="http://"]:before,.news-list-morelink a[target="_blank"]:before {
	content:inherit;
}

.news-list-item p.news-list-date {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.2em;
	color:#999999;
}

.news-list-item p {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.2em;
	padding:0 0.3em 0.3em 0;
}

.news-list-item h2 {
	font-size:0.9em;
	font-weight:bold;
	margin:0 0 0.2em 0;
}

/*#####LATEST#####+CALENDAR CLASSES#####*/
.news-latest-item {
	width:100%;
	margin-bottom:15px;
	clear:both;
}

.latest-left {
	width:34%;
	float:left;
}

.latest-right {
	width:64%;
	float:right;
}

#contentarea .news-latest-item h2 {
	font-size:1.0em;
	font-weight:bold;
	margin:0.1em 0 0.3em 0;
}

#contentarea .news-latest-item p, #contentarea .latest-item p {
	margin:0 0 0.1em 0;
}

#contentarea .news-latest-item p.news-latest-morelink a, #contentarea p.latest-content a  {
	border:0;
}

#contentarea .news-latest-item p.news-latest-morelink a[href^="http://"]:before,#contentarea .news-latest-item p.news-latest-morelink a[target="_blank"]:before {
	content:inherit;
}

#contentarea .news-latest-item p.news-latest-date, #contentarea p.latest-date {
	font-size:1.0em;
	font-weight:bold;
	color:#999999;
	margin:0 0 0.1em 0;
}

#contentarea .news-latest-item p.news-latest-date a[href^="http://"]:before,#contentarea .news-latest-item p.news-latest-date a[target="_blank"]:before {
	content:inherit;
}

.news-latest-item p.news-latest-date img, .latest-item p.latest-date img {
	float:left;
	padding:5px 5px 0 0;
}



/*##############################CSS_STYLED_CONTENT##############################*/

.csc-textpic-image a {
	border:0;
}

.csc-textpic-image a:hover {
	border:0;
}

.csc-header {
	clear:both;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
	padding:4px 8px 4px 0;
}

.csc-textpic-caption {
	font-size:0.8em;
	line-height:1.6em;
}

td.td-0,td.td-last {
	vertical-align:top;
}






/*##############################EXT: TX_INDEXEDSEARCH##############################*/

.tx-indexedsearch {
	padding:0;
	margin:0;

}
.tx-indexedsearch input {
	margin:0;
	padding:0;
}

.tx-indexedsearch-sw { 
	font-weight:bold; 
	padding:0;
}
.tx-indexedsearch-whatis { 
	margin:0; 
}
.tx-indexedsearch-noresults {
	 font-weight:bold; 
 }
 
.tx-indexedsearch-res {
	background:#FFFFFF;
}

.tx-indexedsearch-title {
	height:20px;
	background:#E2E2E2; 
	padding:0;
	margin:0;
}

.tx-indexedsearch-title p {
	font-weight:bold;
	padding:0;
	margin:0;
}

.tx-indexedsearch-descr {
	background:#FFFFFF;  
	margin:0;
	padding:0;
 }
 
.tx-indexedsearch h2 {

}

.tx-indexedsearch-redMarkup {
	color:#C5070B; 
}
.tx-indexedsearch-info { 
	background:#FFFFFF;  
	margin:0;
	padding:0;
	border-top:1px #E2E2E2 solid;
}
.tx-indexedsearch-secHead { 
	margin:0;
	padding:0;
}

.tx-indexedsearch-secHead p { 
	padding:0px 5px 0px 5px;
	margin:0px; 
}
.tx-indexedsearch-secHead H2 { 
	margin:0px; 
	padding:0px 5px 0px 5px;
}
.tx-indexedsearch-secHead TABLE { 
	background:#D4D3D3; 
	margin:0px; 
	padding:0px;
}
.tx-indexedsearch-secHead TD { 
	vertical-align:middle;
	margin:0px; 
	padding:0px;
}



/*##############################EXT: TT_GUEST##############################*/

#guestbook {
	width:100%;
}

#guest_header {
	height:17px;
	background:#D4D3D3 url(../images/quadrat_pink.gif) top left no-repeat;
	padding:8px 0px 5px 35px;
	color:#FFFFFF;
	font-weight:bold;
}

.guest_eintrag {
	background:#FFFFFF;
	padding:5px 0px 15px 5px;
	border-bottom:1px #E2E2E2 solid;
}

.eintrag {
	margin:8px 10px 0px 10px;
}

.eintrag p {
	font-size:1.0em;
	font-weight:normal;
	line-height:1.4em;
	color:#313131;
}

.date {
	margin:8px 10px 0px 10px;
}

.date p {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4em;
	color:#313131;
}

.author {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.4em;
	color:#313131;
	margin:8px 10px 0px 10px;
}

.author p {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.4em;
	color:#313131;
}

.guest_eintrag a {
	color:#AC5A8C;
	text-decoration:none;

}

.guest_eintrag a:hover {
	color:#AC5A8C;
	text-decoration:none;
	border-bottom:1px #AC5A8C dotted;
}



/*##############################EXT:SP_DIRECTORY##############################*/

.tx_spdirectory-pi1-item { 
	border-left: 1px solid #E2E2E2; 
	border-right: 1px solid #E2E2E2; 
	border-bottom: 1px solid #E2E2E2; 
}

.tx_spdirectory-pi1-heads {
	background:#D4D3D3;
	color:#000000;
}

.tx_spdirectory-pi1-subheads {
	background:#E2E2E2;
}

.tx_spdirectory-pi1-small {
	font-size: 10px; 
}



/*##############################FORMS##############################*/

form {
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	color:#313131;
	vertical-align:middle;
}

.tx-vcdcalendar-pi1 form {
	font-size:1.0em;
}

.tx-ttguest form {
	font-size:1.0em;
}

.tx-ttguest fieldset {
	padding:2px 0 4px 5px;
	border:1px solid #E2E2E2;
	margin:20px 0 0 0;
	background:#FFFFFF;
}

.tx-ttguest label {
	width:110px;
	padding:4px 0 2px 0;
	float:left;
}

.tx-ttguest input {
	width:220px;
	padding:2px;
	margin:2px 0 2px 0;
	border:1px solid #E2E2E2;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.0em;
	background:#F6F6F6;
}

.tx-ttguest textarea {
	width:220px;
	padding:2px;
	margin:2px 0 2px 0;
	border:1px solid #E2E2E2;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.0em;
	background:#F6F6F6;
}

.tx-ttguest input.csc-mailform-submit {
	width:118px;
	height:19px;
	padding:0;
	border:0;
	margin:2px 0 0 110px;
	border:1px solid #E2E2E2;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.0em;
	color:#444444;
	background:#F6F6F6;
}

/*|||||||||||||||||||IMAGES|||||||||||||||||||*/

img {
border:0px;
}

/*##############################EXT:FOTOBOOK##############################*/

#content .fb_dirlink {
	font-size:1.0em;
	font-weight:bold;
	padding:0px;
	margin:0em 0em 0em 0em;
}

#content .fb_dirlink a {
	text-decoration:none;
	color:#C80715;
	border-bottom:1px #C80715 dotted;
}

#content .fb_dirlink a:hover {
	border-bottom:1px #C80715 solid;
	background:#FFFFFF;
}

fb_dirlink a:visited {
	color:#C80715;
	border-bottom:1px #C80715 solid;
}

.fb_thumb {
	display:inline;
}

.fb_thumb img {
	margin:15px 15px 0px 0px;
	border:1px #D4D3D3 solid;
	background:#FFFFFF;
	padding:5px;
}

#content .fb_thumb a {
	border:0;
}

#content .fb_thumb a:hover {
	border:0;
	background:none;
}

#content .fb_thumb a:visited {
	border:0;
}

.fb_foto {
}

#content .fb_foto a {
	border:0px;
}

#content .fb_foto a:hover {
	border:0px;
	background:none;
}

#content .fb_foto a:visited {
	border:0;
}

.fb_foto img {
	margin:15px 15px 0px 0px;
	border:1px #D4D3D3 solid;
	background:#FFFFFF;
	padding:10px;
}

.fb_dircomment {
	border:1px #D1D0D0 solid;
	background:#F6F6F6;;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	color:#313131;
}

.sumalink {
	visibility:hidden;
	display:none;

}

/*############################## Formular ##############################*/
.formular .csc-mailform-field, .formular .csc-mailform-label {
	display:block;
	position:relative;
	padding-bottom:5px;
	clear:both;
}

.formular label {
	display:block;
	width:220px;
	margin:2px 0 0 0;
	float:left;
}

.formular input, .formular textarea {
	width:200px;
	margin:2px 0 7px 0;
	float:left;
}

.formular input.csc-mailform-check, .formular input.csc-mailform-radio {
	width:auto;
}

.formular span fieldset input {
	margin:0;
	clear:left;
}

.formular span fieldset label {
	width:150px;
	margin:0 0 0 5px;
}

.formular .csc-mailform-submit {
	margin-left:220px;
	width:auto;
}