* {margin:0; padding:0; font-size:1.01em; line-height:1em;}
/*
 	alt standard color: #2C446D; bg: #E1E4E8;
	neu standard color: #62656a; bg: #f1f2f4;
*/	

html {font-size:12px;}

img {border:none;}

body {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#62656a;
	margin-top:10px;
	padding:0;
	background: #fff url(../images/goetz_bg.gif) repeat-x 0 0;
	text-align: center;/* Hierdurch wird der Container in IE 5*-Browsern zentriert. */
	}

/* layout */
#container {
	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. - ??? */
	width: 818px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. - ??? */
	margin: 0 auto; /* Durch automatische Ränder wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	} 

#Kopf{
	margin:0 0 8px 0;
	padding: 0;
	width: 818px;
	height: 100px;
	text-align:left;}

/* topmenu */
#sub_menu {
	margin:0;
	width:100px;
    padding:0;
	position:absolute;	top:15px; right:0;}
#sub_menu ul {margin:10px 0 0 0; list-style-type:none; padding:0;}
#sub_menu ul li {margin:0; padding:0;font-size:11px; line-height:1.2em; }
#sub_menu ul li a {padding-left:20px; background-image: url(../images/menusquare.gif); background-repeat:no-repeat; background-position:7px 2px;}
#sub_menu ul li a:hover, #sub_menu ul li a.aktiv {background-image: url(../images/menusquare_hv.gif);}

/* Hauptmenü */
#Menu{	padding: 0;
		width: 818px;
		height: 30px;
		text-align:left;
		font-size:12px;
		background-color:#5b636f;}
#Menu ul {list-style-type:none;}
#Menu ul li {float:left; 
			border-left:1px solid #fff; 
			height:30px; 
			line-height:29px; 
			padding:0 16px 0 0;}
#Menu ul li.first {border:none;}			
#Menu ul li a {padding-left:20px;
				vertical-align:middle; 
				font-size:11px; 
				background-image:url(../images/menusquare.gif); 
				background-repeat:no-repeat; background-position:7px 2px;}
#Menu ul li a:hover, #Menu ul li a.aktiv {background-image: url(../images/menusquare_hv.gif);}

/*
ul li#navi a:link, ul li#navi a:visited{
 display:block;
 background-color:#f90;
 text-decoration: none;
}
*/

/* content */
#content {	margin:0;
			padding:25px 0 20px 0;
			width: 818px;
			height:440px; /* Wert von 800px auf 420px geändert*/
			background-color:#fff;
			background-image:url(../images/goetz_bg_content.gif);
			background-repeat:repeat-x;
			border:none;}

/* nur startseite */
#start #content {background-color:#f1f2f4;background-image:url(../images/goetz_bg_content_start.gif); background-repeat:repeat-x;}
#start_links {margin:50px 0 0 15px; float:left;}
#teaserbox {margin:50px 50px 0 0; float:right; width:330px; height:360px; background-image:url(../images/goetz_start_teaserbox.jpg); background-repeat:no-repeat; background-position:top left;}
#teaserbox p {margin:20px 40px 15px 10px;}
#teaserbox h1 {color:#62656a;}

/* Links */
a:link, a:visited, a:hover, a:active{color:#62656a; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;color:#62656a;font-weight:bold;}
a.weiss, a.weiss:link, a.weiss:visited, a.weiss:hover {color:#fff; font-weight:bold;}

/* Text */
h1{	font-size:12px;
	font-weight:bold;
	color:#5b6370;
	margin:2px 8px 2px 10px;}

#framelinks {margin:0; padding:0; width:640px; float:left;}
#framerechts {margin:0; padding:0; width:154px; float:right;}

.Textbox{
	margin-top:0;
	padding:0;
	width:100%;
	height:auto;
	clear:both;
	background-color:#f1f2f4;
	border:1px solid #5b6370;
	}
	
/* Textboxhöhe auf unterschiedlichen Seiten anpassen */	
#aktuell .Textbox, #wahlkreis .Textbox, #berlin .Textbox, #aktionen .Textbox {height:116px;}
#schwerpunkte .Textbox {height:48px;}
#unterwegs .Textbox, #besucher .Textbox, #termine .Textbox {min-height:90px; height:auto; margin-bottom:20px;}

.Textbox.randunten, 
#kontakt .Textbox,
#kommunal .Textbox,
#aktionen .Textbox,
#habitat .Textbox,
#links .Textbox, 
#presse .Textbox, 
#reden .Textbox {margin-bottom:20px;}

#reden .Textbox, #presse .Textbox, #kommunal .Textbox {padding-bottom:5px;}

/* h2 in Textbox */
.Textbox h2 {	font-size:1em; font-weight:bold; color:#5b6370;	margin:20px 10px;}
#aktuell h2, #wahlkreis h2, #besucher h2, #unterwegs h2, #berlin h2, #presse h2, #aktionen h2, #kommunal h2, #termine h2, #reden h2 {	margin:5px 10px 0 10px;}
.Textbox h2 a {	margin:0;}

.Textbox img {float:right; margin:4px 3px;}
.Textbox .datum {margin:5px 10px;}
.Textbox p {margin:5px 4px 0 10px; font-size:12px; line-height:120%;}

.Textbox .links {float:left;}
.zentriert {text-align:center;}


/* Listen */
#content ul {	margin:5px 10px 10px 10px;}
#content li {	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				padding: 0px 0px 2px 10px;
				margin-bottom: 6px;
				margin-left:20px;
				list-style-image: url(../images/raster_pfeil.gif);
				list-style-position:outside;}

/* Linkbalken */
.linkbalken {margin:0 0 20px 0; padding:0 1px; width:100%; height:1.8em; background-color:#5b6370;}
.linkbalken a {font-size:0.9em; padding-left:20px; background-image:url(../images/menusquare.gif);background-repeat:no-repeat; background-position:7px 2px; line-height:1.9em; }
.linkbalken a:hover {background-image: url(../images/menusquare_hv.gif);}
.linkbalken .rechts {float:right; display:inline; padding-right:10px;}
.linkbalken .einzel {margin-top:20px;}
/* nur als Überschrift */
.linkbalken h1 {  	float:left; margin:0; padding:0 0 0 20px;
					font-size:1em; font-weight:bold; line-height:1.6em; color:#fff; 
					background-image:url(../images/menusquare_hv.gif); background-repeat:no-repeat; background-position:6px 0.4em;}

/* rechte Spalte */
#marginalspalte {	margin:0; padding:0;
					border:1px solid #5b6370;
					background-color:#f1f2f4;}
#marginalspalte p {margin:0 0 15px 0; font-size:0.8em; padding:0 5px 5px 5px;}
#marginalspalte h2 {font-weight:bold; margin:0 5px;}
#marginalspalte img {margin:0 0 10px 0;}					

/* Tabelle bei Kontakt */
.kontakt_table {width:85%; border:none; margin-bottom:20px;}
.kontakt_table ul {margin-left:20px; list-style-position:outside;}
.kontakt_table .rand {border-bottom:1px dotted #5b6370;}
.kontakt_table h1 {margin:5px 0 20px 10px;}
.kontakt_table.center {width:100%;}

/* Tabelle bei Sitemap */
#sitemap_table {width:100%;margin:0;}
#sitemap_table .bgdark {background-color:#5b6370; padding:8px 5px;}
#sitemap_table .bgdark a {padding-left:20px; background-image:url(../images/menusquare_hv.gif); background-repeat:no-repeat; background-position:6px 0.3em;}

/* newsletter Form 
#newsletterform {margin:20px 10px;}
#newsletterform td {padding:10px 5px;}
#newsletterform td.right {text-align:right;}
#newsletterform input {padding:2px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width:180px; border:1px solid #5b6370;}
#newsletterform .radio {width:1em; border:none;}
#newsletterform .plz {width:60px;}
#newsletterform .button {width:180px;}
#newsletterform .error {border:1px solid #900;}
p.nosuccess {border:1px solid #900; padding:5px; margin:10px;}
p.success {border:1px solid #5b6370; padding:5px; margin:10px;}
#newsletterform .warn {color:#900;}*/


/* ruler */
.Textbox hr { visibility:hidden; margin:10px;}
hr.orange {color:#faaf00; border-top:5px solid #faaf00; margin-bottom:10px;}
hr.clear {clear:both; visibility:hidden;}


/* Bilder */
.Bildbox{
	margin:10px;
	font: normal 10px Verdana, Arial,Helvetica,sans-serif;color: #62656a;
	background-color:#fff;
	float:right;
	display: block;
	text-align: left;
	width:300px;}

.Bildbox img {		margin:0;}
.Bildbox.right {	clear:both; float:right;}
.Bildbox_neutral.right {	clear:both; float:right;}
.Bildbox_neutral{	padding:0px;
					font: normal 10px Verdana, Arial,Helvetica,sans-serif;
					color: #62656a;
					background-color:#fff;
					display:inline;	
					float:left;
					text-align:center;
					margin:10px;
					width:135px;}

.Bildbox_neutral img {float:none;}	

.Bildbox_neutral.breite_5 {margin:4px; width:120px;}


/* alt ??? */
.txt_12 {font-size:12px;}
.txt_11 {font-size:11px;}
.txt_11_norm {font-weight:normal;font-size:11px;}
.txt_fliesstext {
		margin-top: 4px;
		margin-right: 4px;
		margin-bottom: 0px;
		margin-left: 10px;
		font-size:12px;
		color:#62656a;
		line-height:120%;}

.zeile {font-size:11px; line-height:18px;}

/*
#Fotos
{
	margin: 0px;
	padding: 0px;
	width: 664px;
	float:left;
}
*/

#Textbox_einzel
{
	margin-top: 20px;
	padding:0px;
	background-color: #E1E4E8;
	border: 1px solid #62656a;
	width:100%;
	height:auto;
	float:left;
}

#Textbox_schmal
{
	margin-top: 20px;
	padding: 0px;
	background-color: #E1E4E8;
	border: 1px solid #62656a;
}

.textboxhoehe
{
	margin-top: 20px;
	padding: 0px;
	height:85px;
}

#Bildbox_li{
	position: relative;	left: 0px;	top: 0px;
	margin:10px;
	width:300px;
	font: normal 10px Verdana, Arial,Helvetica,sans-serif;color: #62656a;
	background-color: #ffffff;
	float:left;
	display: block;
	text-align: left;
}
	
#Bildergalerie
{
position:relative;
margin-left:50px;
padding:0;
width:700px;
}

.breite
{
	position:relative;
	margin-top:0px;	margin-bottom:0px;
	margin-left:25px;margin-right:15px;
}




.rand_fest
{
	border-bottom:#62656a; border-bottom-style:solid; border-bottom-width:1px;
}
				
#Linkbalken_einzel
{
	margin-top: 0px;
	padding: 0px;
	width: 818px;
	height: 20px;
	border-top: none;
	border-right: 1px solid #62656a;
	border-bottom: 1px solid #62656a;
	border-left: 1px solid #62656a;
	clear:left;
}

#Trennlinie_neutral
{
Overflow:hidden;width:100%;height:10px;background-color:#FFffff;
}

#Trennlinie_orange
{
Overflow:hidden;width:100%;height:4px; background-color:#FFAF00; BORDER-TOP: #ffffff 1px dotted; margin-top:10px; margin-bottom:10px;
}

/*
#Balken_blau
{
Overflow:hidden;width:100%;height:20px; background-color:#2c446d; padding-left:0px;
}
*/

.dot_blue
{
width:100%; border-top:#62656a 1px dotted; margin-top:10px; margin-bottom:10px;
}

.dot_blue_re
{
border-right: #62656a 1px dotted;
}

/*weitere Styles zum verwenden*/
.Stil1 {font-weight: bold}