* {
	margin: 0;
}
html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -220px; /* the bottom margin is the negative value of the footer's height */
}
#footer, #pusher {
	height: 220px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
/*
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      default.css | Basic StyleSheets
      Version:	1.0
      Autor:	Matthias Silling
      E-Mail:	mail@msilling.de
      Website:	www.msilling.de

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
body {
   	background:url(../gfx/bodyTopLine.gif) left top repeat-x #d57e1c;
   	background:#d57e1c;
	font-size:0.75em;
	font-family:arial, sans-serif;
	color:#515151;
   	margin:auto;
   	text-align:center;
}

a, a:link {
	color:#d57e1c;
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
}

a:visited {
	color:#d57e1c;
	text-decoration:none;
	font-family:"Courier New", Courier, monospace;
}

a:focus, a:hover, a:active {
	color:#d57e1c;
	cursor:pointer;
   	text-decoration:underline;
	font-family:"Courier New", Courier, monospace;
}

.clr { clear:both; display:block; }
.unvisi { display:none; }

#wrapper {
   	text-align:left;
   	background:url(../gfx/bodyTopLine.gif) left top repeat-x #fff;
	background:#fff;
	width:940px;
}


#topper {
	background:#d57e1c;
	float:left;
	width:940px;
	margin:0px 0 0 0;
	position:relative;
}

#logo {
	float:right;
	margin:69px -6px 14px 0;
	position:relative;
	line-height:0em;
	font-size:0em;
	
}

#nav {
	position:absolute;
	left:55px;
	top:118px;
	width:170px;
	background:url(../gfx/nav_top_bg.png) no-repeat left top;
	
	font-family:"Courier New", Courier, monospace;
	font-size:1.08em;
	line-height:1em;
}

#nav ul { 
	list-style-type:none;
	background:url(../gfx/nav_bottom_bg.png) no-repeat left bottom;
	margin-top:6px;
	width:167px;
	float:left;
	padding:0 0 5px 0;
}

#nav li {
	width:137px;
	border-bottom:1px solid #e5e5e5;
	margin:0 0 0 15px;
	float:left;
	padding:3px 0 3px 3px;
}

#nav li.last { border:none; }

#nav a, #nav a:link {
	display:block;
	color:#d57e1c;
	padding:5px 0 5px 3px;
	text-decoration:none;
}

#nav a:visited {
	color:#d57e1c;
	text-decoration:none;
}

#nav a:focus, #nav a:hover, #nav a:active {
	color:#d57e1c;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
}

#nav a:active {
	position:relative;
	left:1px;
	top:1px;
}

#nav a.akt, #nav a.akt:link, #nav a.akt:visited, #nav a.akt:focus, #nav a.akt:hover, #nav a.akt:active {
	color:#d57e1c;
	text-decoration:none;
	font-weight:bold;
}





#header { line-height:0em; font-size:0em; }

#main { width:520px; float:left; margin:30px 0 0 60px; position:relative; }


#leistungenCloud {
	width:100%;
	float:left;
	position:relative;
	height:400px;
	background-image:url(../../files/Leistungen.jpg);
}	

#leistungenCloud h3 {
	position:absolute;
	float:left;
	display:none;
}	










#sidebar { float:right; width:250px; margin:0 55px 0 0; position:relative; top:-33px; }
#sidebar #con { float:left; width:240px; margin:0 0 0 5px; }
#sidebar p { margin:0; }

#sidebar #con p { margin:0 0 0.75em 0; }


/*
	=>		styles für die teaser A box mit schatten in der sidebar	
*/
#shadowBox { float:left; position:relative;	width:250px; background:url(../gfx/shadowBox_top_bg.png) no-repeat left top; margin:0 0 30px 0; } 
.shadowBox_bottom { float:left; width:250px; margin:5px 0 0 0; background:url(../gfx/shadowBox_bottom_bg.png) repeat-y left bottom; padding:0 0 5px 0; }
.shadowBox_con { float:left; margin:10px 0 10px 15px; width:220px; }
#shadowBox h3 {	margin-top:0; }
.shadowBox_foo { width:250px; height:8px; background:url(../gfx/shadowBox_foo_bg.png) no-repeat left top #987; }



/*
	sb_liste = sidebar liste
	- - - - - - - - - - - - - - - - -
	liste mit links, zb. kunden, leistungen
*/
#sb_liste ul { 
	font-family:"Courier New", Courier, monospace;
	font-size:1.08em;
	line-height:1em;
	
	list-style-type:none;
	float:left;
	padding:0 0 5px 0;
}

#sb_liste li {
	border-bottom:1px solid #e5e5e5;
	margin:0 0 0 0px;
	float:left;
	padding:3px 0 3px 3px;
	padding:8px 0 8px 6px;
	width:237px;
}

#sb_liste li.last { border:none; }

#sb_liste a, #sb_liste a:link {
	display:block;
	color:#d57e1c;
	text-decoration:none;
}

#sb_liste a:visited {
	color:#d57e1c;
	text-decoration:none;
}

#sb_liste a:focus, #sb_liste a:hover, #sb_liste a:active {
	color:#d57e1c;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
}

#sb_liste a:active {
	position:relative;
	left:1px;
	top:1px;
}

#sb_liste a.akt, #sb_liste a.akt:link, #sb_liste a.akt:visited, #sb_liste a.akt:focus, #sb_liste a.akt:hover, #sb_liste a.akt:active {
	color:#d57e1c;
	text-decoration:none;
	font-weight:bold;
}

#sb_liste {
	margin:30px 0 0 0;
	float:left;
	width:100%;
}

#sb_liste h3 {
	border-bottom:1px solid #d57e1c;
	padding:0 0 5px 6px;
	margin:0;
}


/*

	styles für die news feed anzeige von w&v
*/
.feedArtikel .readMore {
	margin-top:0;
	border-bottom:none;
	margin-bottom:0;
	padding:0;
	text-align:right;
}

.feedArtikel {
	padding:5px 0 0 0;
	float:left;
	width:100%;
	font-size:0.92em;
}

.feedArtikel h4 {
	margin:0 0 5px 0;
	float:left;
	width:100%;
	line-height:1.3em;
}





/*
	
	cms editor style
	
*/
img.Image-Left-Border-Orange {
	float:left;
	width:auto;
	padding:4px;
	border:1px solid #d57e1c;
	margin:0 10px 10px 0;
}







/*

	content styles fangen an
	
*/
h1 { font-size:2.17em; font-family:"Courier New", Courier, monospace; font-weight:bold; color:#d57e1c; margin:15px 0 5px 0; float:left; width:100%; }
h2 { font-size:1.33em; font-weight:normal; color:#515151; margin:0 0 5px 0; float:left; width:100%;  }

h3 {
	font-size:1.17em;
	font-weight:bold;
	color:#d57e1c;	
	margin:15px 0 5px 0; float:left; width:100%; 
}


.conceptTyp {
	color:#d57e1c;
	font-family:"Courier New", Courier, monospace;
}

.ico-rss { background:url(../gfx/ico-rss.png) no-repeat right center; }

.poweredBy { color:#d0d0d0; font-size:0.83em; float:left; display:block; width:60px; height:1em; line-height:1em; }	
.wundvLogo { width:22px; height:11px; background:url(../gfx/ico-w-und-v.png) no-repeat left top; float:left; display:block; margin:0 0 0 5px; text-indent:-9999px; height:1em;  line-height:1em;}


p { line-height:1.5em; margin-bottom:0.75em; float:left; width:100%; }

.readMore {
	margin-top:-1.5em;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:1.5em;
	padding:0 .5em 1.5em;
	text-align:right;
}

.sep_line { float:left; display:block; width:100%; height:21px; background:url(../gfx/sep_line.gif) repeat-x left top; }



.imageBox {
	float:left;
	width:auto;
	padding:4px;
	border:1px solid #d57e1c;
}

.imageBox img {
	float:left;
}

.leftImage { float:left; margin:0 10px 10px 0; }
.rightImage { float:right; margin:0 0 10px 10px; }

#gmap {
	float:left;
	padding:4px;
	border:1px solid #d57e1c;
	margin:20px 0 20px 0;
	line-height:0em;
	font-size:0em;
}

#gmapInner {
	background:#EEE;
	width:510px;
	height:350px;
}



#kundenContentAnker { text-indent:-9999px; height:1px; width:100px; float:left; position:relative; top:-10px; margin:0 0 -1px; }

sup {
	font-size:0.83em;
	position:relative;
	top:-0.42em;
}	

blockquote {
	font-size:1.25em;
	font-style:italic;
	line-height:1.42em;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	
	width:520px;
	float:left;
	display:block;	
	padding:20px 10px 20px 10px;
	margin:10px 0 0 0;
	text-align:center;
	
}

address {
	font-style:normal;
	display:block;
	margin:15px 0 0 10px;
	float:left;
	font-size:0.92em;
	line-height:1.17em;
	text-align:right;
	width:480px;
}

address strong { font-style:italic; }

#formu {
	float:left;
	width:540px;
}

.row {
	float:left;
	margin:0 0 0.75em 0;
}

.absatz { margin:1em 0 0.75em 0; }

.w100 {	width:520px;}
.w100 input,
.w100 textarea { width:512px;}


.w50 { width:250px; margin:0 20px 0 0;}
.w50 input,
.w50 textarea { width:242px;}

input, textarea {
	border:1px solid #d9d9d9;
	border-right-color:#e8e8e8;
	border-bottom-color:#e8e8e8;
	padding:3px;
	font-size:1.17em;
	background:#f8f8f8;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-family:Arial, Helvetica, sans-serif;
}

textarea { height:150px; }

.formLabel {
	float:left;
	display:block;
	margin:3px;
}

.tab {
	float:left;
	display:block;
	width:30px;
}

.formFocus {
	background-image:url(../gfx/formFocus_bg.gif);	
}






/**/
button {
	font-family:"Courier New", Courier, monospace;
	color:#d57e1c;
	border:1px solid #e8e8e8;
	border-right-color:#d9d9d9;
	border-bottom-color:#d9d9d9;
	padding:3px;
	font-size:1.17em;
	background:#f8f8f8;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0 1em 0 0;
	float:left;
}

#result {
	font-family:"Courier New", Courier, monospace;
	font-size:1.17em;
	margin:0 1em 0 0;
	float:left;
}

#result .ok {
	color:#8a9d75;
	float:left; 
	padding:6px; 
	background:#f3ffe4;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #dbf7bc;
	border-right-color:#cce8ad;
	border-bottom-color:#cce8ad;
}


#result .faild { 
	color:#b18c8c;
	float:left; 
	padding:6px; 
	background:#fff6f6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #f4e3e3;
	border-right-color:#e5d4d4;
	border-bottom-color:#e5d4d4; }


/*

	styles inline content specials; zB: thumb darstellunug ferber-software, ...#
*/
#takeOffThumbIco {
	float:right;
	margin:-1.5em 0 5px 10px;
}




/*

	styles für die ansage, aussage, ...
*/
#ansage {
	float:left;
	width:520px;
	border-bottom:1px solid #d57e1c;
	margin:0 0 30px 0;
}

.ansageKunden {
	float:left;
	width:520px;
	height:264px;
	background:url(../gfx/ansage-kunden.gif) no-repeat left top #fff;
}

.ansageNews {
	background:url(../gfx/ansage-news.gif) no-repeat left top #fff;
	float:left;
	width:520px;
	height:159px;
}

.ansageAgentur {
	background:url(../gfx/ansage-agentur.gif) no-repeat left top #fff;
	float:left;
	width:520px;
	height:221px;
}

.ansageLeistungen {
	background:url(../gfx/ansage-leistungen.gif) no-repeat left top #fff;
	float:left;
	width:520px;
	height:125px;
}

.ansageKontakt {
	background:url(../gfx/ansage-kontakt.gif) no-repeat left top #fff;
	float:left;
	width:520px;
	height:153px;
}


.testAusgabe {
	float:left;
	width:520px;
	height:143px;
	background:url(../gfx/ansage-test-01.gif) no-repeat left top #00FF66;
}

















#footer {
	background:url(../gfx/foo_bottom_bg.gif) repeat-x left bottom #f8f8f8;
	width:940px;
	margin:auto;
	text-align:left;
	color:#828282 !important;
	font-size:0.95em;
	position:relative;
}


#footer a {
	color:#828282 !important;
}

.foo_logo {
	float:left; 
	width:122px;
	height:105px;
	margin:0 10px 0 0;
	background:url(../gfx/foo_logo.gif) no-repeat left top #f8f8f8;
}

#footer .foo_left {
	float:left;
	margin:20px 0 0px;
}

.foo_left ul {
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:1px solid #e5e5e5;
}

.foo_left li {
	border-bottom:1px solid #e5e5e5;
	
}

.foo_left li a {
	padding:5px;
	width:150px;
	display:block;
}

.foo_left a.akt,
.foo_left a.akt:hover {
	font-weight:bold !important;
}


#footer .foo_right {
	margin:20px;
	float:right;
	line-height:1em;
}

.foo_copy {
	position:absolute;
	right:20px;
	bottom:43px;
	line-height:1em;
}

#pusher { }





#links {
	width:940px;
	margin:auto;
	text-align:center;
	position:relative;
	font-size:9px;
	color:#fff;
	margin-bottom:10px;
}

#links ul li {
	display:inline;
	margin: 0 10px 0 10px;
}


#links a, a:hover, a:active {
	color:#fff;
}










