/******************************************************
	Stand: 2012-01-19
	Autor: Christian Sabo, Bastian Hansl
	Kontakt: design@kues.de
******************************************************/



/*
*******************************************************
	Browser-Reset, und zwar kräftig :)
*******************************************************
*/
* {
	margin:0px;
	padding:0px;
}

/* Links sollen keine Unterstreichung haben */
a {
	text-decoration:none;
}

/* verlinkte Bilder sollen keinen Rahmen bekommen */
a img {
	border:none;
}

/*
*******************************************************
	HTML(5)-Elemente schon mal bekanntmachen
*******************************************************
*/

command, datalist, source { display:none; }
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary { display:block; }
figure, menu { margin-top:1em; margin-bottom:1em; }
dl menu, menu dl, menu menu, menu ol, menu ul { margin:0; }

/*
*******************************************************
	Allgemeine "Einstellungen"
*******************************************************
*/

/* Platz für Scrollbalken freihalten */
html { overflow: scroll; }

/* HTML- und BODY-Element auf 100% Breite setzen */
html, body { width: 100%; }


/* Klasse für Texte, die nicht umbrochen werden sollen */
.nobreak {
	white-space:nowrap;
}

/* Klasse für Texte, die einer Überarbeitung bedürfen */
.marker {
	background-color:#ff3 !important;
	color:#000 !important;
}

/* der "nach oben"-Link braucht Platz :) */
#nachoben {
	margin-left:0px;
	margin-bottom:10em;
	padding-bottom:10em;
}

sub, sup {
	line-height:1em;
}

.fett {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.light {
	font-weight:lighter;
}



/*
*******************************************************
	Platzieren und Dimensionieren der Container
*******************************************************
*/

body {
	background:#fff;
}

#umspanner {
	width:940px;
	background:#fff;
	margin-top: 0px;
	margin-left:0px;
	padding-left:60px;
}

#header {
	font-size:0.95em;
	padding:60px 0 60px 240px;
	background:url(bilder/st-logo.png) 0px center no-repeat #fff;
	line-height:2.0em;
}

#header h1 + h1 {
	margin-top:0.3em;
	font-weight:normal;
}

#navi {
	display:inline-block;
	background:#c8c8c8;
	text-transform:uppercase;
	margin-left:-60px;
	width:980px;
	height:33px;
}

#navi ul {
	margin-left:300px;
}

#navi li {
	display:inline-block;
	float:left;
	font-weight:bold;
	border-color:#888;
	border-style: solid;
	border-width: 0 1px 0 0;
	height:33px;
}

#navi li a {
	display:inline-block;
	padding:0.4em 0.7em 0.2em 0.7em;
	font-size:0.9em;
	letter-spacing:1px;
}

#navi li.first {
	border-left:1px solid #888;
}

#seiteninhalt {
	width:940px;
	clear:left;
}

#seiteninhalt li {
	list-style-type: none;
	margin:0.5em 0px 0.5em 40px;
	padding:0px;
	background: url(bilder/bullet.gif) no-repeat 0 0.5em; padding-left:18px;
}

#nebenspalte {
	float:left;
	margin-left:-60px;
	padding:20px 0px 20px 45px;
	width:210px;
	margin-right:25px;
}

#content {
	float:left;
	width:640px;
	margin-left:20px;
}

#footer {
	clear:both;
	border-top:1px solid;
	padding-top:1.5em;
	padding-bottom:6em;
	margin-left:240px;
	margin-bottom:6em;
}

#content {
	margin-bottom:5em;
}


/*
*******************************************************
	Schriften und Farben definieren
*******************************************************
*/

body {
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.5em;
}

a:link		{ color: black; border-bottom:1px dotted; }
a:visited	{ color: black; border-bottom:1px dotted; }
a:hover		{ color: #888; border-bottom:1px solid; }
a:active	{ color: red; border-bottom:1px solid; }

#navi a:link		{ color: black; border:0px; }
#navi a:visited	{ color: black; border:0px; }
#navi a:hover		{ color: white; border:0px;; }
#navi a:active	{ color: red; border:0px; }

#footer a	{ border:0px; }



#seiteninhalt {
	padding-top:60px;
}

#nebenspalte {
	font-size:0.9em;
	background:#f3f3f3;
}

#nebenspalte p,
#nebenspalte table {
	margin-bottom:1em;
}

#nebenspalte table {
	border-collapse:collapse;
}

#nebenspalte td + td {
	padding-left:0.5em;
}

#content h1,
#content h2
{
	margin-bottom:1em;
}
#content h3,
#content h4,
#content h5,
#content h6
{
	margin-bottom:0.75em;
}

#content table,
#content div,
#content ul,
#content p
{
	margin-bottom:2em;
}

.anfahrt #content table,
.anfahrt #content div,
.anfahrt #content ul,
.anfahrt #content p
{
	margin-bottom:0.0em;
}


/* Die oben definierten Abstände müssen für die Karte von Google Maps wieder neutralisiert werden. */
#content #map_canvas p,
#content #map_canvas div,
#content #map_canvas table,
#content #map_canvas tr,
#content #map_canvas td,
#content #map_canvas ul,

#content #directionsPanel p,
#content #directionsPanel div,
#content #directionsPanel table,
#content #directionsPanel tr,
#content #directionsPanel td,
#content #directionsPanel ul

{
	margin-bottom:0em;
}

#content div.adp-summary {
	margin-top:1em;
}

/*
*******************************************************
	angezeigte Seite in der Navi hervorheben
*******************************************************
*/

.startseite a#startseite, 
.leistungen a#leistungen,
.qualifikation a#qualifikation,
.partner a#partner,
.kontakt a#kontakt,
.impressum a#impressum
{
	color:#fff;
}



/*
*******************************************************
	Formular formatieren
*******************************************************
*/


#kontaktformular { margin:0 auto; padding:0; width:auto; }
	form { margin:0; padding:0; font-family: Helvetica, Arial, sans-serif;font-size:1.01em;}
	fieldset {width:auto; border-width: 1px 0 0 0; border-color:#888; border-style:dotted; padding:10px; margin:0px; text-align:left;}
	fieldset:hover {border-color:#2b2b2b;}
	fieldset#checkbox input  {width:35px;}
 	legend { font-size:1.01em; font-weight:bold; padding:5px; margin:5px; background:white; }
	label.block { font-size:1.01em; margin:0 3px 3px 10px; padding:0.3em 0.3em 0.1em; line-height:1.5em; width:8em; display:block; float:left; clear:left;}
 	input {border:1px solid #2b2b2b; padding:0.3em 0.3em 0.1em; margin-bottom:0.6em; width:18em; background:#fff;font-family: Helvetica, Arial, sans-serif;font-size:1.00em; }

 .anfahrt input { padding:0.3em 0em 0.1em; text-align:center; }

 	input:focus {border-color:#888;}
 	select {border:1px solid #2b2b2b; padding:0.3em 0.3em 0.1em; margin-bottom:0.6em; background:#fff; width:175px;font-family: Helvetica, Arial, sans-serif;font-size:1.00em;}
 	textarea {width:244px; border:1px solid #666;font-family: Helvetica, Arial, sans-serif;font-size:1.01em;padding:0.3em 0.3em 0.1em;}
 	textarea:focus {border-color:#888;}
	.plz {width:50px;}
	.ort {width:180px;}
	.strasse {width:200px;}
	.strnummer {width:30px;}
	input#submitbtn { border:1px solid #2b2b2b; padding:0.3em 0em 0.1em; margin-bottom:0.6em; width:18.10em; background:#2b2b2b; cursor:pointer;color:#fff;}
	input#submitbtn:hover {border:1px solid #2b2b2b; padding:0.3em 0em 0.1em; margin-bottom:0.6em; width:18.1em; background:#ffffff; color:#2b2b2b;}

#kontaktformular div {
	padding:0.3em 0.3em 0.1em;
}