/********************************\
*Allendorf Template              *
*Author:   Sebastian Berg        *
*eMail:    sberg@sylphen.com     *
*Company:  Sylphen GmbH          *
*Web:      http://www.sylphen.com*	
\********************************/

/******************************\
*global page layout definitions*
\******************************/

body {
        text-align: center;
}

* {
	padding: 0;
	margin: 0;
	font-family: arial, verdana, tahoma;

}

h1 {
	border-right: solid 15px;
	border-left: solid 15px;
	padding-right: 2px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
	color: #7FA5CD;
	background-color: #003366;
	text-align: right;
}

h2 {
    color: red;
    font-size: 16px;
    background-color: #CCCCCC;
    border: 1px solid #BBBBBB;
    margin-top: 15px;
    margin-bottom: 5px;
}

h3 {
    margin: 10px 0;
    color: #003366;
    font-size: 15px;
    background-color: #EEEEEE;
    border-bottom: 1px solid #BBBBBB;
}

a {
    color: #000000;
}

a.anchor {
    color: #7FA5CD;
    font-size: 12px;
}

a.inv {display: none;}

ul li sub {
    margin-left: 15px;
}

.bodytext sub {
    margin: 0;
}

p.bodytext {
    padding: 0px 0px 10px 0px;
}

#maincontent ul li,
* html #maincontent ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-top: 5px;
    margin-left: 25px;
}


#maincontent ul,
* html #maincontent ul{
    margin-bottom: 15px;
}

   

#maincontent ol li,
* html #maincontent ol li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-top: 5px;
    margin-left: 25px;
}

#maincontent ul.sitemap li  {
    list-style-type: disc;
}
#maincontent ul.sitemap li ul li  {
    list-style-type: circle;
}
#maincontent ul.sitemap li ul li ul li {
    list-style-type: square;
}

table.ankerRathaus {
    width: 700px;
    border: 1px solid;
    table-layout: fixed; 
}

.ankerRathaus thead th {
    border: 1px solid;
    background-color: #7FA5CD;
    width: 110px;
    table-layout: auto;
}

.ankerRathaus tr td {
    vertical-align: top;
    line-height: 17px;
    background-color: #EEEEEE;
    width: 110px;
    table-layout: auto;
    font-size: 13px;
}

.contenttable td { 
    vertical-align: middle;
}

table.contenttable p.bodytext {
    text-align: left;
    margin-bottom: -10px;

}

.contenttable {
    border: 1px inset;
}

.contenttable td {
    border: 1px outset;
    padding: 3px 5px;

}

.crosswise {
    margin-right: 10px;
    float: left;
    width: 200px;
    height: 150px;
}

.edgewise {
    margin-right: 10px;
    float: left;
    width: 150px;
    height: 200px;
}

.imgDescription {
    color: red;
    font-weight: bold;
}

img {
    margin-right: 10px;
}

.sectionmenu a {
    text-decoration: none;
    background-color: #FCF4D9;
    float: left;
    font-size: 13px;
    height: 35px;
    text-align: center;
    width: 150px;
    border: 1px solid;
    border-collapse: collapse;
}

.sectionmenu a.active {
    background-color: #EEEEEE;
    font-weight: bold;
}


.footermenu,
.footermenu a:link,
.footermenu a:visited {
    color: #000000;
    margin: 10px 0px 0px 0px;
}

.footermenu a:hover,
.footermenu a.active {
    color: #7FA5CD;
    text-decoration: underline;
}
/***************\
*div definitions*
\***************/

#globalcontainer {
	width: 940px;
	margin-top: 2px;
	height: 733px;
	padding-top: 126px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	background-image: url('../bgimages/globalBG.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: relative;
}

#linkHeader {
	margin-top: -51px;
	border: 0;	
	z-index: 2;
}

#linkHeader img {
	border: 0;
	margin-right: 2px;
}

#contentcontainer {
	margin-left: 158px;
	margin-top: -4px;
	width: 778px;
	height: 728px;
	background-color: #ffffff;
	text-align: left;
	background-image: url('../bgimages/maincontent.jpg');
	background-position: left;
	background-repeat: no-repeat;
	float:left;
	z-index: 10;
}

#mainmenu {
	width: 730px;
	height: 57px;
	margin-top: 5px;
	margin-left: 45px;	
	background-color: #FCF4D9;
        clear: left;

}

#menuEntry {
	border-right: solid 1px;	
}

#pathway {
	height: 20px;
	margin-left: 160px;
        clear: left;
	padding-left: 5px;
	color: black;
	font-weight: bold;
	font-size: 11px;
}

#header {
	width: 98%;
	margin-top: 1px;
	height: 75px;
	margin-left: auto;	
	margin-right: auto;
	clear: left;
	/*background-color: #cccccc;*/
}

#search {
	width: 250px;
	height: 95px;
	margin-left: 5px;
		
	float: left;
}

#news {
	width: 630px;
	height: 75px;	
	right: 9px;
	position: absolute;
	padding-top: 0px;
	clear: left;
	overflow: hidden;
}

#maincontent {
	width: 720px;
	height: 500px;
	margin-top: 0px;
	margin-left: 53px;
	overflow: auto;
	clear: left;
}

#footermenu {
	clear: left;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-top: 1px solid;
	font-size: 12px;
	text-align: center;
}
/***************************\
*IE specific div definitions*
\***************************/

* html #globalcontainer {
	width: 940px;
	/*height: 733px;*/
	/*padding-top: 126px;*/
        background-color: #FFFFFF;
	background-image: url('../bgimages/globalBG.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 2px auto 0px auto;
}

* html #maincontent {
        margin-top: 0px;
}
* html #contentcontainer {
	width: 778px;
	position: relative;
	float: right;
	margin-right: 3px;
	margin-top: -3px;
	background-image: url('../bgimages/maincontent.jpg');
	background-position: top;
	background-repeat: no-repeat;
}

* html #news {
	width: 600px;
	height: 75px;	
	margin-left: 245px; 

}
/*****************END DIV DEFINITIONS********************/

/**************\
*drop down menu*
\**************/
ul.menu, ul.menu ul {
    list-style-type: none;
    margin-left: 0px;
}

ul.menu a,
ul.menu a:link,
ul.menu a:visited,
ul.menu a:hover {
    display: block;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    
}

ul.menu ul a,
ul.menu ul a:link,
ul.menu ul a:visited,
ul.menu ul a:hover {
    padding: 0 10px;
}

ul.menu li {
    padding:0;
    margin-top: 3px;
    border: 1px solid;
    line-height: 15px;
    background-color: #FCF4D9;
    float: left;
}

ul.menu ul {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    display:none;
    min-width:180px;
}

ul.menu2 li.hover ul.hover li,
ul.menu2 li.hover ul li {
	width: 160px;
	margin-left: 10px;
	border: 1px solid;
}

ul.menu2 li ul.hover li.hover,
ul.menu2 li ul li {
	width: 160px;
	margin-left: 10px;
        border: 1px solid;	
}


/* IE-Hack für die Breite */
* html ul.menu ul,
ul.menu ul li,
ul.menu2 ul
ul.menu3 ul {
    width:180px;
}

/* Dies sind die Klassenstile fÃ¼r das UntermenÃ¼ wenn sich die Maus */
/* Ã¼ber der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu li.hover ul, ul.menu li:hover ul {
    display:block;
    z-index: 10;
    background-color: #FCF4D9;
}


ul.menu2 ul, ul.menu2 li ul, ul.menu2 li ul {
    display: block; 
    position: relative;
    z-index: 10;
    background-color: #FCF4D9;
}


/*ul.menu3 ul,*/ ul.menu3 li /*, ul.menu3 li ul*/ {
     
    z-index: 10;
    display: block;
    background-color: #CCCCCC;
}


ul.menu ul li,
ul.menu2 ul li,
ul.menu3 ul li {
    float:none;

    z-index: 10;
}

ul.menu2 ul li {
    border-right: 0px;
}

ul.menu a.active {
	color: #888888;	
}
/****************END DROPDOWN MENU**************************/

/***************\
*breadcrumb menu*
\***************/
#pathway a {
	color: black;
    font-weight: bold;		
}
/****************END BREADCRUMB MENU************************/

/***********\
*news styles*
\***********/

.news-list-item {
    margin-bottom: 10px;
    background-color: #EEEEEE;
}

.news-latest-item p.bodytext,
* html .news-latest-item p.bodytext {

    clear: left;
}

.news-latest-item,
* hmtl .news-latest-item {
    clear: left;
    margin-bottom: 1px;
    background-color: #dddddd;
    border-top: 1px solid #cccccc;
}

.news-list-container h3 a {
    font-size: 18px;
    color: #003366;
}

.news-search-form {
    margin-bottom: 10px;
}

.news-amenu-item-year {
    font-size: 18px;
    color: red;
}

ul li.news-amenu-item-year {
    list-style-type: none;
}

#news h1 {
    font-size: 15px;
    color: #003366;
    margin: 0;
    background: 0;
    border: 0;

    text-align: left;
}

#news h3,
* html #news h3  {
    background: 0;
    border: 0;
    margin: 0px 10px 0px 0px;
    float:left;
    clear: left;
}

#news h3 a,
* html #news h3 a {
    font-weight: bold;
    color: #003366;
    text-decoration: none;
}
/********************END NEWS STYLES************************/

/****************\
*tt_adress styles*
\****************/
.org,
* html .org {
    color: #003366;
    font-weight: bold;
    font-size: 18px;
    background-color: #BBBBBB;
}

.vcard,
* html .vacrd {
    margin-bottom: 10px;
    background-color: #EEEEEE;
    border: solid 1px #BBBBBB;
    border-left: 10px solid #BBBBBB;
    border-right: 10px solid #BBBBBB;
    padding: 0px 5px;
    width: 70%;
}


div.vcard span.fn,
* html div.vcard span.fn {
    font-weight: bold;
    display: block;
}

.vcard a.url, .vcard a,
* html .vcard a.url,
* html .vcard a {
    font-weight: normal;
    display: block;
}

.tel,
* html .tel {
   display: inline;
}
/***************END TT_ADRESS STYLES*************************/


	