/****** FILE: themes/kaiserstadt/css/layout.css *****/
/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */

/* Misc Styles and defaults
-------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #38332b;
 	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
}

html {
	background: #f3f3f1;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}
a {
    text-decoration: none;
    color: #5760a7;
}

     a:hover {
        text-decoration: underline;
    }

/* CONTAINER
----------------------------------------- */
#HomepageOuterContainer {
height:1px;
left:0;
overflow:visible;
position:absolute;
top:50%;
width:100%;
}

#HomepageContainer {
    height: 495px;
    width: 100%;
    background: white url(../images/kaiserstadt_home_bg.gif) repeat-x left center;
    text-align: center;
    position: absolute;
    top: -247px;

}
#HomepageContainer img {
   margin: 3px auto 9px auto;
}
#HomepageContainer hr {
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    border: none;
    border-top: 1px solid white;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}


#BgContainer {
	width: 900px;
	margin: 0 auto 10px auto;
}
#Container {
	width: 900px;
}
#Layout {
	width: 741px;
	clear: both;
	overflow: hidden;
	margin: 252px 159px 0 0;
}
#Content {
	width: 582px;
	float: right;
	margin: 10px 0 0 0;
	text-align: left;
    overflow: hidden;
    background: #fff url(/themes/kaiserstadt/images/kaiserstadt_bg_content_sp.png) 575px 0 repeat-y;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
    position: absolute;
	width: 742px;
    height: 164px;
	margin: 0;
	overflow: hidden;
	background: transparent;
    color: white;
    top: 0;
    left: 0;

}
	#Navigation ul {
 		float: left;
		margin-left: 0px;
        width: 738px;
        height: 164px;
        padding: 2px 0;
        background: url(/themes/kaiserstadt/images/kaiserstadt_bg_menu.png) 119px 0 repeat-y;
    }
		#Navigation ul li {
	 		list-style: none;
			height: 17px;
			display: block;
            border-bottom: 1px solid white;
		}
    /* we love IE... */
            * HTML #Navigation ul li {
                margin-bottom: -4px;
            }
            *:first-child+html #Navigation ul li {
                margin-bottom: -4px;
            }
        #Navigation ul li.active
        {
            background: url(/themes/kaiserstadt/images/kaiserstadt_bg_menu_active.png) repeat;
        }
  			#Navigation ul li a {
                font-weight: bold;
                text-align: left;
				text-decoration: none;
				display: block;
				height: 13px;
                width: 93px;
				font-size: 10px;
				padding: 2px 10px;
				color: white;
                border: none;
			}
				#Navigation ul li a span {
                display: none;
				}
					#Navigation ul li a:hover {
						cursor: pointer;
                        background: #000;
					}
					#Navigation ul li a:hover span {
						cursor: pointer;
					}

    			#Navigation>ul>li.active>a,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover {
                    background: #000;
					}
				#Navigation ul li a.current span,
				#Navigation ul li a.section span,
	    		#Navigation ul li a.section:hover span,
				#Navigation ul li a.current:hover span {
                    font-weight: bolder;
				}

        #Navigation ul li ul  {
            position: absolute;
            width: 107px;
            height: 164px;
            left: 114px;
            top: 0;
            padding: 2px 0;
            z-index: 10;
        }
        #Navigation ul li ul li {
            border: none;
            height: 18px;
        }


        #Navigation ul ul li a,
        #Navigation ul ul li a.section,
        #Navigation ul ul li a.section:hover,
        #Navigation ul ul li a.current,
        #Navigation ul ul li a.current:hover,
        #Navigation ul ul li a:hover
        {
            background: transparent;
        }

        #Navigation ul.subMenu {
            background: url(/themes/kaiserstadt/images/kaiserstadt_bg_menu_sub.png) 119px 0 repeat-y;
        }

/* SIDEBAR
-------------------------------------- */


#Sidebar {
    width: 155px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}
    #Sidebar .sidebarBox,
	#Sidebar .sidebarMenuBox {
		margin: 0 0 5px 0;
		padding-bottom: 2px;
		background: #f5f4ef url(/themes/kaiserstadt/images/kaiserstadt_bg_sidebar_sp.png)  -480px 0 repeat-y;
	}
    #Sidebar .sidebarMenuBox {
        background: #e8e5de url(/themes/kaiserstadt/images/kaiserstadt_bg_sidebar_sp.png)  -160px 0 repeat-y;
    }
    #Sidebar .sidebarMenuBox,
    #Sidebar .sidebarBox a,{
        color: #252025;
    }
    #Sidebar ul {
		margin: 2px 0 5px 3px;
padding-bottom:2px;
	}
		#Sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
	#Sidebar h3{
        height: 22px;
		clear: both;
		color: white;
		font-weight: 700;
		font-size: 1.1em;
		margin: 0 0 5px 0;
		line-height: 2em;
		padding: 0 0 0 5px;
        background: #867b6d url(/themes/kaiserstadt/images/kaiserstadt_bg_sidebar_sp.png) 0 -16px no-repeat;
	}

    #Sidebar .sidebarMenuBottom,
    #Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 155px;
		margin: -5px 0 0 0;
        background: #f5f4ef url(/themes/kaiserstadt/images/kaiserstadt_bg_sidebar_sp.png)  -320px 0 no-repeat;
	}
    #Sidebar .sidebarMenuBottom{
        background: #e8e5de url(/themes/kaiserstadt/images/kaiserstadt_bg_sidebar_sp.png)  0 0 no-repeat;
    }

	#Sidebar a em {
		font-style: normal;
	}
	#Sidebar p{
		font-size: 11px;
	 	margin: 10px 10px 0 5px;
	}
    #Sidebar p{
        clear: both;
    }
    #Sidebar #news ul {
        margin-left: 1px;
    }
    #Sidebar #news ul li {
        width:145px;
        margin: 0;
        padding: 4px 3px;
        border-bottom: 1px solid #e8e5de;

    }
    #news  a {
        font-size: 9px;
    }

	/* MENU2 */

    ul#Menu2 {
        width: 153px;
        overflow: hidden;
        margin-bottom: -5px;
    }

    ul#Menu2 li {
    	font-size: 0.9em;
    	margin: 1px 0 0 -2px;
        padding: 0 0 1px 0;
        list-style: none;
    }
    #Sidebar ul#Menu2 li a,
    #news a {
      color: #898989;
    }

    ul#Menu2 li a {
            display: block;
            width: 151px;
            font-size: 1.2em;
            height: 1.6em;
            line-height: 1.6em;
            color: #898989;
            font-weight: bold;
      	}
			ul#Menu2 li em {
				padding-left: 8px;
				display: block;
			}
				ul#Menu2 li li em {
					padding-left: 0;
				}
      	/* Level 1
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
      	ul#Menu2 li a:hover,
      	ul#Menu2 li a.current,
      	ul#Menu2 li a.current:hover,
        #news li a:hover
         {
        	color: #666;
			cursor: pointer;
            text-decoration: none;
      	}
        #Sidebar ul#Menu2 li a:hover,
        #Sidebar ul#Menu2 li a.current {
        color: #666;
        }

	  	ul#Menu2 li a.current {
	  	}
      	ul#Menu2 li a.section,
      	ul#Menu2 li a.section:hover {
            width: 148px;
      	}
      	ul#Menu2 li a.levela:hover span,
      	ul#Menu2 li a.current span,
      	ul#Menu2 li a.section span,
      	ul#Menu2 li a.section:hover span,
      	ul#Menu2 li a.current:hover span {
			display: block;
			height: 100%;
		}
		ul#Menu2 li a.levela:hover em,
		ul#Menu2 li a.current em,
		ul#Menu2 li a.section em,
		ul#Menu2 li a.section:hover em,
		ul#Menu2 li a.current:hover em {
			display: block;
            height: 100%;
      	}
      		ul#Menu2 li ul {
            	height: 100%;
            	position: relative;
            	margin: -4px 0 0 2px;
            	width: 146px;
            	padding: 4px 0 0 0;
      		}
      			ul#Menu2 li ul li {
            		width: 140px;
            		padding: 0;
            		font-size: 0.8em;
            		display: inline;
            		margin: 0;
      			}
      				ul#Menu2 li ul li ul {
            			margin-left: 0;
      				}

					ul#Menu2 li li a.current,
      				ul#Menu2 li li a.section,
      				ul#Menu2 li li a.section:hover,
      				ul#Menu2 li li a.current:hover {
            			color: #555;
      				}
      					ul#Menu2 li li ul {
            				margin: 0 0 0 10px;
            				padding: 0;
            				width: 130px;
      					}
      					ul#Menu2 li li ul .roundWhite {
            				margin-bottom: -10px;
      					}

			/* Sub Menu */
      		ul#Menu2 li a.levelb {
/*            	font-size: 1.7em;*/
            	text-indent: 8px;
            	width: 140px !important;
				background: transparent;
            	margin-left: 10px;
      		}
            ul#Menu2 li a.levelb.link {
                width: 136px !important;
            }
	  		ul#Menu2 li a.levelb:hover,
      		ul#Menu2 li li a.current,
      		ul#Menu2 li li a.current:hover,
      		ul#Menu2 li li a.section,
      		ul#Menu2 li li a.section:hover {
            	text-decoration: none;
            	display: block;
            	color: #fff;
                width: 140px !important;
      		}
      		ul#Menu2 li a.levelb:hover span,
      		ul#Menu2 li li a.current span,
      		ul#Menu2 li li a.current:hover span,
      		ul#Menu2 li li a.section span,
      		ul#Menu2 li li a.section:hover span {
            	display: block;
            	height: 100%;
      		}
      		ul#Menu2 li a.levelb:hover em,
      		ul#Menu2 li li a.current em,
      		ul#Menu2 li li a.current:hover em,
      		ul#Menu2 li li a.section em,
      		ul#Menu2 li li a.section:hover em {
            	display: block;
            	height: 100%;
      		}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember {
    clear: both;
}

p#Remember label {
	margin: -24px 0 0 5px;
	text-align: left;
    float: none;
}
.entry {
	border-bottom: 1px solid #eee;
}



/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer {
 	clear: both;
	width: 900px;
	height: 3em;
    overflow: hidden;
	text-align: center;
    padding-bottom: 15px;
}
	#Footer .footerTop {
		width: 100%;
		display: block;
		height: 1em;
	}
  	#Footer p {
		color: #000;
		font-size: 1.1em;
		text-align: center;
        line-height: 1.4em;
        vertical-align: middle;
	}
  		#Footer a {
	   		color: #000;
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #000;
				text-decoration: underline;
			}







/*********** kaiserstadt.info ***************/
#headerwrapper {
    position: absolute;
    top: 0;
    width: 900px;
    margin: 0 auto;
}
#majestaetischeMomente {
    position: absolute;
    right: 64px;
    top: 2px;
}
#majestaetischeMomente2 {
    position: absolute;
    right: 5px;
    top: 2px;
}
#header {
    position: absolute;
    top: 58px;
    left: 0;
    height: 164px;
    width:  742px;
    background: #303030 url(/themes/kaiserstadt/images/kaiserstadt_bg_header.jpg) right top no-repeat;
}
#slideshow, #slideshowOverlay {
position: absolute;
right: 0;
top: 58px;
height: 553px;
width: 154px;
overflow: hidden;
}
#slideshowOverlay {
    background: transparent url(/themes/kaiserstadt/images/slideshow/kaiserstadt_overlay_slideshow_sp.png) -156px 0 repeat-y;
    z-index: 100;
}
#slideshowOverlayHeader {
    position: absolute;
    right: 0;
    top: 0;
    height: 7px;
    width: 154px;
    background: transparent url(/themes/kaiserstadt/images/slideshow/kaiserstadt_overlay_slideshow_sp.png) 0 -13px repeat-y;
    z-index: 100;
}
#slideshowOverlayFooter {
    position: absolute;
    right: 0;
    bottom: 0px;
    height: 11px;
    width: 154px;
    overflow: hidden;
    background: transparent url(/themes/kaiserstadt/images/slideshow/kaiserstadt_overlay_slideshow_sp.png) 0 0 repeat-y;
    z-index: 100;
}

#goldregen {
    height: 549px;
    width: 150px;
    overflow: hidden;
    background: white url(/themes/kaiserstadt/images/kaiserstadt_bg_goldregen.png) 0 3px no-repeat;
}

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs {
    text-align: left;
/*    font-size: 0.9em;*/
    margin: 0px 5px 10px 0;
    background: #faf9f4 url(/themes/kaiserstadt/images/kaiserstadt_bg_breadcrumbs.png) right bottom no-repeat;
    position: absolute;
    top: 164px;
    left: 0;
    width: 741px;
    height: 35px;
}
    #Breadcrumbs p {
        margin-left: 10px;
        line-height: 28px;
        vertical-align: center;
        font-size: 1.1em;
        float: left;
        width: 510px;
        height: 28px;
        overflow: hidden;
    }
a img {
    border: 0;
}

/******** content ***********/

#Content h1.pageTitle {
    width: 582px;
    background: #e8e5de url(/themes/kaiserstadt/images/kaiserstadt_bg_content_sp.png) -8px -23px no-repeat;
    height: 21px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 20px;
}

#ContentFooter {
    width: 582px;
    background: #e8e5de url(/themes/kaiserstadt/images/kaiserstadt_bg_content_sp.png) -8px 0 no-repeat;
    height: 20px;
}
#ContentFooter a {
    padding: 0 20px;
}

#InnerContent {
    height: 302px;
    overflow: auto;
    padding: 0 20px;
    width: 540px;
}
#InnerContent.noPadding{
    width: 581px;
    padding: 0;
    margin-top: -5px;
    height: 307px;
    overflow: hidden;
}
#moreContent {
    display: none;
}

.sightHolderItem,
.projectHolderItem {
    border-bottom: 1px solid #cfcac4;
    overflow: hidden;
    margin-top: 0;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.sightHolderItem h2,
.projectHolderItem h2 {
    border-bottom: 0 !important;
    margin: 0 !important;
}
.sightHolderItem p,
.projectHolderItem p {
    padding: 0;
    margin: 0 !important;
}
.sightHolderItem p.more,
.projectHolderItem p.more,
 {
    float: right;
    display: inline;
}

#newsletterButton {
    margin-left: 1px;
}

/* menu background */

#Navigation ul li a#stadtmanagement {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px 0 no-repeat;
}
#Navigation ul li a#standortmarketing {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -18px no-repeat;
}
#Navigation ul li a#badischl {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -36px no-repeat;
}
#Navigation ul li a#presse {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -54px no-repeat;
}
#Navigation ul li a#handelsservice {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -72px no-repeat;
}
#Navigation ul li a#download {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -90px no-repeat;
}
#Navigation ul li a#projekte {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -108px no-repeat;
}
#Navigation ul li a#team {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -126px no-repeat;
}
#Navigation ul li a#kontaktdaten {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -144px no-repeat;
}
#Navigation ul li a#philosophie {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -162px no-repeat;
}
#Navigation ul li a#sponsoren {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -180px no-repeat;
}
#Navigation ul li a#lage {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -198px no-repeat;
}
#Navigation ul li a#stadtplan {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -216px no-repeat;
}
#Navigation ul li a#fakten {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -234px no-repeat;
}
#Navigation ul li a#infrastruktur {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -252px no-repeat;
}
#Navigation ul li a#handelsstruktur {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -270px no-repeat;
}
#Navigation ul li a#passantenfrequenz {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -288px no-repeat;
}
#Navigation ul li a#geschichte {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -306px no-repeat;
}
#Navigation ul li a#stadtamt {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -324px no-repeat;
}
#Navigation ul li a#berichte {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -342px no-repeat;
}
#Navigation ul li a#bilder {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -360px no-repeat;
}
#Navigation ul li a#logos {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -378px no-repeat;
}
#Navigation ul li a#prverteiler {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -396px no-repeat;
}
#Navigation ul li a#betriebregistrieren {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -414px no-repeat;
}
#Navigation ul li a#guldenannahme {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -432px no-repeat;
}
#Navigation ul li a#shoppingguide {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -450px no-repeat;
}
#Navigation ul li a#passantenfrequenz2 {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -468px no-repeat;
}
#Navigation ul li a#stadtplan {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -486px no-repeat;
}
#Navigation ul li a#shoppingguide2 {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -504px no-repeat;
}
#Navigation ul li a#pressespiegel {
    background: url(/themes/kaiserstadt/images/kaiserstadt_navigation.png) 10px -522px no-repeat;
}

/***** Google Map mapcon ***/
#gmapContainer {
    position: relative;
}

#kategorien {
    position:absolute;
    top:6px;
    left:50px;
    background-color:white;
    border:1px solid black;
    z-index:100;
    opacity: .6;
}
#kategorien table {
    margin: 0;
}

#kategorien:hover {
    opacity: 1;
}

#gmap {
    width:579px;
    height:307px;
}

/****** FILE: themes/kaiserstadt/css/typography.css *****/
/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */


/* GENERIC STYLES
-------------------------------------------- */

.typography * {
	font-family: Tahoma, Verdana, Lucida, Arial, Sans-Serif;
}

/* PARAGRAPHS
-------------------------------------------- */
.typography p {
 	color: #666;
 	line-height: 18px;
 	font-size: 11px;
	margin: 0 0 10px 0;
        overflow: hidden;
    text-align: justify;
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}

/* LINKS
-------------------------------------------- */

.typography a {
 	text-decoration: none;
	color: #5760a7;
}
	.typography a:hover {
 		text-decoration: underline;
	}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}

/* LIST STYLES
-------------------------------------------- */
.typography ul,
.typography ol {
	margin: 0 0 18px 24px;
	color: #666;
}
	.typography li {
		margin: 5px 10px;
		font-size: 11px;
	}
		.typography li li {
			font-size: 10px;
		}

/* HEADER STYLES
-------------------------------------------- */

.typography h1,
.typography h2 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
}

.typography>h1 {
    margin-top: 0;
}
.typography h1 {
	font-size: 13px;
}
.typography h2 {
 	font-size: 11.5px;
    border-bottom: 1px solid #cfcac4;
}
.typography h3 {
	color: #222;
	font-weight: bold;
	clear: both;
	font-size: 11px;
}
.typography h4 {
	font-size: 16px;
	color: #222;
	width: 95%;
	font-weight: 300;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 16px 0;
}
.typography h5 {
	font-size: 14px;
	color: #222;
	font-weight: 700;
	margin: 0 0 12px 0;
}
.typography h6 {
	font-size: 13px;
	color: #555;
	line-height: 1.4em;
	margin: 0 0 12px 0;
}

/* PRE STYLES
-------------------------------------------- */
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;
}

/* TABLE STYLING
-------------------------------------------- */
.typography table {
	margin: 0 0 18px 1px;
	color: #666;
	border-collapse:collapse;
}
	.typography tr {}

		.typography td {
/*			border:1px solid #999;*/
			padding:5px;
		}

.typography th {
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #cfcac4;

}
/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES
-------------------------------------------- */
.typography img {
	border: none;
}
/*
.typography img {
    border: 1px solid black;

}*/
	.typography img.right {
		float: right;
		margin-left: 20px;
        margin-right: 6px;
	}
	.typography img.left {
		float: left;
        margin-right: 10px;
	}
	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}




/****** FILE: themes/kaiserstadt/css/form.css *****/
/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */


/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 1.2em;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Tahoma, Sans-serif;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
/* 	margin: 15px 10px 10px 0;*/
    margin: 2px;
/*	background: #E9E9E9;*/
	padding: 4px;
	width: 306px;
 float: right;
 clear: right;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}

	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}

	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

	.middleColumn .message {
		margin: 0;
	}
    .message {
        float: right;
        width: 288px;
        margin-right: 6px;
    }
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 300px;

}
input.text, textarea {
    background: white url(../images/kaiserstadt_bg_input.png) left top no-repeat;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: block;
	margin: 10px 0 0 0;
	color: #777;
	font-size: 1em;
    width: 190px;
    text-align: right;
 float: left;
 clear: both;
}
.typography label.left {
    text-align: right;
}

label.right {
	display:inline;
}

.typography ul.checkboxsetfield label {
    float: none;
    display: inline;
    width: 300px;
    text-align: left;
}
.typography ul.checkboxsetfield {
    margin-left: 0;
}
.typography ul.checkboxsetfield li {
    margin-left: 0;
}

.typography ul.optionset li {
    display: block;
}
.typography ul.optionset li label {
    float: none;
    display: inline;
}

.Actions {
    text-align: center;
}




/* SEARCH BOX
---------------------------------------- */
#Search {
	width: 105px;
 display: inline;
}
	input#Search_Form_SearchForm_Search {
		width: 110px;
		padding: 3px;
		margin-left: -4px;
		font-size: 1.2em;
	}

/* SEARCH FORM
-----------------------------------------------*/
#SiteSearch {
    float: right;
    width: 203px;
    margin: 3px 10px 0 0;
}
#CustomSearchForm_SearchForm .middleColumn {
    float: left;
    width: 164px;
    margin: 2px 5px 0 0;
    padding: 2px;
    background: none;


}
    #CustomSearchForm_SearchForm .middleColumn #CustomSearchForm_SearchForm_Search {
        width: 160px;
        border: none;
        color: #666;
    }
#CustomSearchForm_SearchForm #CustomSearchForm_SearchForm_action_results {
    background: transparent url(../images/kaiserstadt_bg_suche.png) no-repeat;
    width: 20px;
    margin: 3px 0 0 0;
    border: none;
    padding-left: 20px;
    color: transparent;
}
#CustomSearchForm_SearchForm legend {
    display: none;
}


#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}


/****** FILE: themes/kaiserstadt/css/jquery.treeview.css *****/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 

.treeview-black li { background-image: url(images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  

.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }