/* CSS Document */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
}

a:hover {
	text-decoration:underline;
}


.hoerititle {
        margin-left:10px;	
}

form#mailform {
	height:20px;
	padding:0px;
	margin:0px;
}

.search {
	float:right;
	height:20px;
	margin-left:10px;
}


.searchlabel {
	color:#ffffff;
}

.suchfeld {
	height:18px;
	padding:2px;
	margin:0px;
	border:0px;
	background-color:#E9ECEF;
}

h1 {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url();
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	
}
h2 {

	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url();
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

h3 {
	padding-left:10px;
	margin-top:10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.headerfont {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	position:absolute;
	top:68px; 
	left:50%;
	margin-left:270px; 
	width:160px;
}

.stil1 {
font-size: 11px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.stil2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF;
}
.stil3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F8F8F8;
}
.stil4 {
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.stil5 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.stil6 {

	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.stil7 {

	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.menutoplink a {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

.footer a {
	font-size: 9px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

}


.footer {
	font-size: 9px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

}


/* Bilder formatieren */
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image img {
	margin-left: 10px;
	margin-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: inline;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin-top: 5px;
	display: inline;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image img {
	margin-top: 5px;
	padding-bottom: 10px;
	margin-right: 10px;
	display: inline;
}

/* Bürgerservice-Boxlayout */

div.boxcontentbuergerservice h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top:10px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	border-style: none;
	border-top-style: solid;
	border-width:1px;
	border-color: #AC3333;	
}

div.boxcontentbuergerservice h1.csc-firstHeader {
	border-top-style: none;
}


div.boxcontentbuergerservice {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #AC3333;
	width: 440px;
	z-index: 1;
}

div.boxcontentbuergerservice p {
	margin: 0px;
	padding:10px;
}

div.boxcontentrightbuergerservice h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	border-style: none;
	border-top-style: solid;
	border-width:1px;
	border-color: #AC3333;
}


div.boxcontentrightbuergerservice {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #AC3333;
	width: 170px;
	z-index: 1;
}

div.boxcontentrightbuergerservice p {
	margin: 0px;
	padding:10px;
}



/* Bürgerservice-Layout, wenn kein Inhalt in der rechten Spalte */
div.boxcontentbuergerservice2col h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 12px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	border-style: none;
	border-top-style: solid;
	border-width:1px;
	border-color: #AC3333;	
}

div.boxcontentbuergerservice2col h1.csc-firstHeader {
	border-top-style: none;
}

div.boxcontentbuergerservice2col {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #AC3333;
	width: 610px;
	z-index: 1;
	margin-right:5px; /*das im IE der Rahmen rechts dargestellt wird bei kursivschrift im Zeilenumbruch */
}

div.boxcontentbuergerservice2col p {
	margin: 0px;
	padding:10px;
}





/* Boxlayout - Touristik */

div.boxcontenttouristik h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	border-style: none;
	border-top-style: solid;
	border-width:1px;
	border-color: #8CABE3;	
}

div.boxcontenttouristik h1.csc-firstHeader {
	border-top-style: none;
}

div.boxcontenttouristik {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #8CABE3;
	width: 440px;
	z-index: 1;
}

div.boxcontenttouristik p {
	margin: 0px;
	padding:10px;
}

div.boxcontentrighttouristik h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	border-style: none;
	border-top-style: solid;
	border-width:1px;
	border-color: #8CABE3;
}

div.boxcontentrighttouristik {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #8CABE3;
	width: 170px;
	z-index: 1;
}

div.boxcontentrighttouristik p {
	margin: 0px;
	padding:10px;
}

/* Touristik-Layout, wenn kein Inhalt in der rechten Spalte */
div.boxcontenttouristik2col h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	
	border-style: none;
	border-top-style: solid;
	border-width:1px;
	border-color: #8CABE3;	
}

div.boxcontenttouristik2col h1.csc-firstHeader {
	border-top-style: none;
}

div.boxcontenttouristik2col {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #8CABE3;
	width: 610px;
	z-index: 1;
	margin-right:5px; /*das im IE der Rahmen rechts dargestellt wird bei kursivschrift im Zeilenumbruch */
}

div.boxcontenttouristik2col p {
	margin: 0px;
	padding:10px;
}



/* Bürgerservice-Menu - START */

div.menubuergerservice {
	width: 180px;
}

div.level1buergerservice_header {
	background-color: #004366;
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
        margin-bottom:0px;
}

div.level1buergerservicelink_zu_TI{
	background-color: #004366;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
        margin-top:20px;
}

div.level1buergerservicelink_zu_TI a {
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
}


div.level1buergerservice {
	background-color: #AD3333;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
}

div.level1buergerservice a {
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
}

div.level1buergerservicealt {
	background-color: #C26666;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
}

div.level1buergerservicealt a {
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
}



div.level2buergerservice {
	background-color: #EBCCCC;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 10px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
}

div.level2buergerservice a {
	font-size: 11px;	
	color: #333333;
	font-weight: normal;
}

div.level2buergerservicealt {
	background-color: #D69999;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 10px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;       
}

div.level2buergerservicealt a {
	font-size: 11px;	
	color: #333333;
	font-weight: normal;
}

/* Bürgerservice-Menu - ENDE */

/* Touristik-Menu - START */

div.menutouristik {
	width: 180px;
}

div.level1touristik_header {
	background-color: #AD3333;
	font-size: 11px;	
	font-weight: bold;
	color:#FFFFFF;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
        margin-bottom:0px;
}

div.level1touristiklink_zu_BS {
	background-color: #AD3333;
	/*height: 20px;*/
	padding-bottom:8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
        margin-top:20px;
}

div.level1touristiklink_zu_BS a {
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
}


div.level1touristik {
	background-color: #6685A3;
	/*height: 20px;*/
	padding-bottom: 8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
}

div.level1touristik a {
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
}

div.level1touristikalt {
	background-color: #335C85;
	/*height: 20px;*/
	padding-bottom: 8px;
	padding-left: 5px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
}

div.level1touristikalt a {
	font-size: 11px;	
	font-weight: bold;
	color: #FFFFFF;
}



div.level2touristik {
	background-color: #BBC8D4;
	/*height: 20px;*/
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;
}

div.level2touristik a {
	font-size: 11px;	
	color: #333333;
	font-weight: normal;
}

div.level2touristikalt {
	background-color: #8997A6;
	/*height: 20px;*/
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom: solid;
	border-color: #FFFFFF;
        border-width: 1px;       
}

div.level2touristikalt a {
	font-size: 11px;	
	color: #333333;
	font-weight: normal;
}

/* Touristik-Menu - ENDE */







/* Table formatieren */
p, td {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.blocksatz {
	font-size: 12px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


div.boxcontentbuergerservice2col td p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

div.boxcontentbuergerservice2col table {
	margin-left: 10px;
}

div.boxcontenttouristik2col td p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

div.boxcontenttouristik2col table {
	margin-left: 10px;
}

/* Table für Müllplan */

.contenttable-1 thead tr th {
	font-size: 12px;
	font-weight:bold;
	text-align:left;
}

.contenttable-1 thead tr .td-0 {
	width:85px;
}
.contenttable-1 thead tr .td-1 {
	width:270px;
}


.contenttable-1 {
	width:450px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #AC3333;
	}

	
/* Bildunterschriften */	
.csc-textpic-caption {
	font-size: 9px;
}