/*================================

CSS für Stadt-creussen

Datei:		page_style.css
Inhalt:		1. Grundlegendes
			2. einzelne Divīs mit Styles
			3. ETC-styles
			
Autor:		Frantic

================================*/

/*================================

1. Grundlegendes

================================*/

* {
	padding:0;
	margin:0;
}

html {
	height:101%;
} /* erzwingt scrollbar im Firefox,*/
	
body {
	color: #333333;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a {
	text-decoration:none;
	font-size: 11px;
	}
	
a:link {
	color: #333333;
	}
	
a:visited {
	color: #333333;
	}
	
a:hover, a:focus {
	color: #999999;
}
	
a:active {
}

/*================================

2. einzelne Divīs mit Styles

================================*/

#bodycontent {
	color: black;
	background-color: white;
	width: 1000px;
	margin-top: 1px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
}

h1 {
	font-size:17px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	font-size:12px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}

/* HEAD */

#head {
	height: 132px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #2E94CE;
}

#head img {
	float:right;
	border:none;
}

#breadcrump {
	float:right;
	width: 80%;
	height: 29px;
	background-color:#00386C;	
	clear:right;
}

/* .path a */

/* ENDE HEAD */
/* NAVIGATION */

#navigation {
	float: left;
	width: 20%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #00386C;
}

#toolbox {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;	
}

#toolbox img {
	border:none;
}

#toolbox a,
#toolbox a:hover,
#toolbox a:active,
#toolbox a:focus {
	text-decoration:none;
}

#sectionlinks {
	font-size: 80%;
}

#sectionlinks ul {
	padding-left: 25px;
	padding-bottom: 20px;
}

#sectionlinks li {
	list-style-image: url(../../images/picto/square_stadt.gif)
}

#sectionlinks a {
	text-decoration: none;
	color: white;
	font-size: 11px;
}

#sectionlinks a:hover {
	color: #2E94CE;
}

#spacer {
	height: 20px;
	border-top: 1px solid white;
}

#gradiant {
	background: url(../../images/layout/navBar_End.jpg) repeat-x;
	height: 192px;
}
/* ENDE NAVIGATION*/

/* GLOBALNAV */

#globalnav {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #6dab34;
	height: 45px;
	float:left;
	width: 80%;
}

/* .globalnavlink & .globalnavlink a */

/* ENDE GLOBALNAV */

/* CONTENT 
*/
#contentcontainer {
	font-size:small;
}

#content {
	width: 570px;
	margin-left: 21%;
	margin-right: 21%;
	padding-top: 45px;
	font-size: 11px;
}

#content ul {
	padding-left: 20px;
}

#content p {
	padding: 5px 0;
}

#content h1,
#content h2 {
	padding-bottom: 5px;
}

#content a {
	border-bottom: thin #cccccc;
	font-size: 11px;
	color: blue;
}

#content a:hover, 
#content a:focus {
	color: #999999;
}

/* ENDE CONTENT */

#infobox {
	font-size: 80%;
	float: right;
	width: 20%;
	border-left: 2px dotted #cccccc;
	height:inherit;
	margin:2px;
}

#infobox_left {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color:#FFFFFF;
	}
	
/* footer */

#footer {
	clear:both;
	border-top: 1px solid #CCCCCC;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	background-color:#FBFDFC;
}

#footer img {
	border: none;
}

#rightfoot {
	text-align: right;
	float: right;
	width: 40%;
}

#leftfoot {
	text-align: left;
	float: left;
	width: 45%;
}

/* ENDE footer */

/*================================

3. KLASSEN

================================*/

.textright {
	text-align: right;
}

.textleft {
	text-align:left;
}

.clearing {
	clear:both;
}

.active {
	font-weight: bold;
}

.globalnavlink {
	color: #FFFFFF;
	float: left;
	margin-top: 15px;
	letter-spacing: 1px;
	margin-left: 25px;
}

.globalnavlink a {
	color: #FFFFFF;
	text-decoration:none;
	font-size:14px;
}

.path a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 2px;
	margin-top: 6px;
	text-decoration:none;
	margin-left: 25px;
}

/* KONTAKTFORMULAR */

#kontaktformular {
	width:320px;
	}

#kontakt form {
	background-color: #eee;
	width: 310px;
	padding: 20px;
	border: 1px solid #8c8c8c;
}

label {
	display:block;
	cursor:pointer;
}

input#absender,
textarea {
	width:300px;
	border:1px solid #8c8c8c;
	margin-bottom:1em;
}

textarea {
	height:7em;
}

input#absender:focus,
textarea:focus {
	background-color: #d9d9d9;
}

/*================================

Kommentbox

================================*/