@import "reset.css";
@import "ie.css";

/* === Global === */
body { 
	background: #52504d url(../images/layout/header-bg.jpg) repeat-x top;
	font: normal .85em Verdana, Arial, Helvetica, sans-serif;
	color: #252422;
}
#wrapper { margin: 0 auto; width: 960px; }
.sidebar img { padding: 5px; }
.fl { float: left; }
.fr { float: right; }
.fn {	padding-left: 50px; padding-top: 10px;}
.center { margin: 0 auto; }
.column { width: 265px; padding: 0 10px; margin-bottom: 10px; float: left; }
.column2 { width: 200px; padding: 0 30px; margin-bottom: 10px; float: left; }
.spezifikation { width: 450px; padding: 0 30px; margin-bottom: 10px; float: left; }
.column_kontakt1 { width: 50px; padding: 0 10px; margin-bottom: 10px; float: left; }
.spaltestep { width: 520px; padding: 0 20px; margin-bottom: 20px; float: left; }
.spaltea { width: 470px; padding: 0 10px; margin-bottom: 10px; float: left; }
.spalteb { width: 140px; padding: 8px 0px; margin-bottom: 10px; float: left; }
.spaltec { padding: 8px 40px; margin-bottom: 10px; float: left; }
/* Content Text Styling */
#content .container p a { font-size: 1em; color: #00923F; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content .container p a:hover { text-decoration: none; }
p { font-size: .85em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.sidebar p { font-size: .85em; line-height: 1.6em; margin: 10px 0 10px 50px; color: #252422; }
.date { font-size: .8em; font-style: italic; color: #669999; padding-left: 15px; }
.testimonial { font-size: 1.3em; line-height: 1.45em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
.byline { display: block; font-size: .9em; text-align: right; color: #336666; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 15px; }


/* List styles for content column*/
#content .column  ul { margin: 5px 0 0 20px; list-style: disc; line-height: 20px; }
#content .column  ul li { 
font: normal .85em Verdana, Arial, Helvetica, sans-serif;
color: #252422;
}
/* List styles for content column*/
#content .column2  ul { margin: 5px 0 0 20px; list-style: disc; line-height: 20px; }
#content .column2  ul li { 
font: normal .85em Verdana, Arial, Helvetica, sans-serif;
color: #252422;
}
/* List styles for spezifikation column*/
#content .spezifikation  ul { margin: 5px 0 0 20px; list-style: disc; line-height: 20px; }
#content .spezifikation  ul li { 
font-size: .85em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif;
}




h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 1.6em; margin: 20px 0; }
h2 { font-size: 1.3em; color: #00923f; margin: 10px 0; }
h3 { font-size: 1.05em; color: #00923f; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
h4 { font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #00923f; margin-top: 20px; }
h5 { font-size: 1.3em; margin: 0px 0 10px 0; }
h6 { margin: 10px; 0; line-height: 1.1em; 	font-size: .8em; font-weight: normal; text-align: justify;}

/* hd - horizontal divider / vd - verticle divider */
.hd { width: 100%; display: block; clear: both; border-bottom: dashed 1px #ccc; margin: 8px 0; }
.sidebar .hd { margin-bottom: 20px; }
.vd { border-right: dashed 1px #ccc; }

/* Read More links */
.readmore { color: #d85656; text-decoration: none; float: right; }
.readmore:hover { color: #70d372; cursor: pointer; }
.readmore-img { 
	display: inline-block;
	width: 94px;
	background: url(../images/layout/readmore.gif) no-repeat top;
	text-align: left;
	color: #d85656;
	text-decoration: none;
	float: right;
	margin: 5px 15px 10px 0;
}
.readmore-img:hover { background: url(../images/layout/readmore-hover.gif) no-repeat top; color: #70d372; }
.readmore-img span, .readmore { padding-left: 8px; font-style: italic; font-size: .75em; line-height: 26px; }



/* === Header === */
#header { height: 193px; position: relative; }
#header .logo { position: absolute; top: 45px; left: 10px; }
#header img.framed { position: absolute; top: 0px; left: 468px; border: solid 0px red; margin: 0; }
#header .tagline { position: absolute; top: 85px; left: 10px; color: #00923F; font-size: 1.3em; font-style: normal; font-weight: 335; line-height: 65px; }
#header img.sprachwahl { position: absolute; top: 110px; left: 840px; border: solid 0px red; margin: 0; }
#header img.sprachwahl2 { position: absolute; top: 110px; left: 870px; border: solid 0px red; margin: 0; }


/* === Navigation === */
#nav { position: absolute; top: 153px; left: 10px; font-size: 1.1em; font-weight: bold; letter-spacing: .08em; line-height: 38px; }
#nav ul { list-style-type: none; }
#nav ul li { float: left; height: 39px; }
#nav ul li.active { background: url(../images/layout/link-active.jpg) repeat-x top; }
#nav ul li a { height: 39px; padding: 0 15px; color: #fff; text-decoration: none; display: block; }
#nav ul li a:hover { background: url(../images/layout/link-hover.jpg) repeat-x top; }

/* === Content Layout === */
#content { position: relative; }
#content .container { padding: 20px 20px 0px 20px; }
#content .sidebar .container { padding-top: 35px; }
#content .main { width: 600px; background: #fff url(../images/layout/main-shadow.gif) repeat-x top; float: left; margin-right: 20px; }
#content .sidebar { width: 340px; background: #eeecec url(../images/layout/sidebar-shadow.gif) repeat-x top; float: left; }
#content .main .base { padding: 15px 25px 40px 25px; background: #52504d url(../images/layout/main-base.gif) no-repeat top; }
#content .sidebar .base { padding: 15px 0 40px 0; background: #52504d url(../images/layout/sidebar-base.gif) no-repeat top; }
#content .base { clear: both; }
#content .corner { width: 5px; height: 37px; background: url(../images/layout/main-left-corner.gif) no-repeat left bottom; float: left; }
.toplink {
	width: 100%;
	height: 37px;
	text-align: center;
	line-height: 38px;
	font-size: 1em;
	font-weight: 100;
	letter-spacing: .08em;
	float: right;
	margin-top: 10px;
}
.toplink a { display: block; width: 72px; background: url(../images/layout/toplink-bg.gif) no-repeat top; color: #fff; text-decoration: none; float: right; }
.toplink a:hover { background: url(../images/layout/toplink-hover.gif) no-repeat top; }

/* === Legal Text === */
.legal { color: #999; font-size: .8em; text-align: center; }
.legal ul li { float: left; border-left: solid 1px #999; padding-left: 8px; margin-left: 8px; }
.legal ul li.first { border: none; margin:0; padding:0; }
.legal a { color: #ccc; text-decoration: underline; }
.legal a:hover { color: #fff; text-decoration: none; }



.urbangreymenu{
width: 300px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: font-size: 1em;
color: white;
background: #3F3C38 url(../images/layout/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal .85em Verdana, Arial, Helvetica, sans-serif;
color: #252422;
background: #f5f5f5;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
background: #5b5751;
}