/* start css jonadesign by http://www.jonadesign.ch  */

@import url(http://fonts.googleapis.com/css?family=Istok+Web);
/* @group RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

strong {
	font-weight: normal;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */



body {
	font: medium 'Istok Web', Helvetica, Arial, sans-serif;
}

body,
a {
	color: #494b4c;
}

img {
	border: 0;
}

a.active {
	font-weight: bold;
}

a {
	text-decoration: underline;	
}

a:hover,
ul#referenzen li ul li a:hover {
	color: #ed241c;
	text-decoration: none;
}

h1 {
	clear: left;
	width: 800px;
	text-align: center;
	font-size: xx-large;
	color: #717171;
	letter-spacing: 0.1ex;
	font-weight: bold;
	margin-bottom: 5px;
}

h2 {
	font-size: x-large;
}


table tr td {
	vertical-align: top;
}

#accesskeys {
	display: none;
}

/* @group Global */


#contentbox,
ul#footerbox {
	width: 800px;
}

a.pdf {
	background: url(../img/icon/pdf.gif) no-repeat 8px 3px #dcdcdc;
	padding: 2px 10px 0 40px;
	text-decoration: none;
	text-shadow: 0 0 1px #ffffff;
}

a.pdf:hover {
	background: url(../img/icon/pdf.gif) no-repeat 8px -18px #fff;
}

a.ext {
	background: url(../img/icon/ext.png) no-repeat 0 3px;
	padding-left: 22px;
	padding-bottom: 2px;
	padding-top: 1px;
}

a.ext:hover {
	background-repeat: no-repeat;
	background-position: 0 -22px;
}

#mainbox {
	margin: auto auto;
	width: 800px;
	
}




/* @end */

/* @group Gradient */

body   {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
 background-attachment:fixed; /* Moderne Browser */   

}

aside,
ul#referenzen li,
ul#sitemap,
ul#sitemap2	{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	
	
}


#galerie  {
    background-image: linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 33%, rgb(255,255,255) 80%);
	background-image: -o-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 33%, rgb(255,255,255) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 33%, rgb(255,255,255) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 33%, rgb(255,255,255) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 33%, rgb(255,255,255) 80%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(210,210,210)),
		color-stop(0.35, rgb(245,245,245)),
		color-stop(0.8, rgb(255,255,255))	
	);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

}

ul#seitenzahlen li a	{
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #cecece 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#cecece 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#cecece 100%); /* IE10+ */
	background: linear-gradient(top,  #f4f4f4 0%,#cecece 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
	
	

}

ul#seitenzahlen li a:hover {
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 0%, #b7b7b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dddddd 0%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dddddd 0%,#b7b7b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dddddd 0%,#b7b7b7 100%); /* IE10+ */
    background: linear-gradient(top,  #dddddd 0%,#b7b7b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
    

}

ul#footerbox	{
	background: #2d2d2d; /* Old browsers */
	background: -moz-linear-gradient(top,  #2d2d2d 1%, #444444 20%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2d2d2d), color-stop(20%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2d2d2d 1%,#444444 20%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2d2d2d 1%,#444444 20%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2d2d2d 1%,#444444 20%); /* IE10+ */
	background: linear-gradient(top,  #2d2d2d 1%,#444444 20%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
		
	
}

ul#menubox	{
	background: #751719; /* Old browsers */
	background: -moz-linear-gradient(top,  #751719 0%, #ad0000 17%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#751719), color-stop(17%,#ad0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #751719 0%,#ad0000 17%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #751719 0%,#ad0000 17%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #751719 0%,#ad0000 17%); /* IE10+ */
	background: linear-gradient(top,  #751719 0%,#ad0000 17%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#751719', endColorstr='#ad0000',GradientType=0 ); /* IE6-9 */
	
}


ul#menubox li a.active,
ul#menubox li a:hover,
ul#menubox li a.active:hover	{
	background: #620100; /* Old browsers */
	background: -moz-linear-gradient(top,  #620100 0%, #9b0000 11%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#620100), color-stop(11%,#9b0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #620100 0%,#9b0000 11%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #620100 0%,#9b0000 11%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #620100 0%,#9b0000 11%); /* IE10+ */
	background: linear-gradient(top,  #620100 0%,#9b0000 11%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#620100', endColorstr='#9b0000',GradientType=0 ); /* IE6-9 */



}

ul#submenubox li a.active,
ul#submenubox li a:hover	{
	background: #9e9e9e; /* Old browsers */
	background: -moz-linear-gradient(top,  #9e9e9e 0%, #e5e5e5 9%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9e9e), color-stop(9%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9e9e9e 0%,#e5e5e5 9%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9e9e9e 0%,#e5e5e5 9%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9e9e9e 0%,#e5e5e5 9%); /* IE10+ */
	background: linear-gradient(top,  #9e9e9e 0%,#e5e5e5 9%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

ul#submenubox li a.active:hover {
	color: #fff;
	background-image: linear-gradient(bottom, rgb(184,184,184) 89%, rgb(112,112,112) 100%);
	background-image: -o-linear-gradient(bottom, rgb(184,184,184) 89%, rgb(112,112,112) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(184,184,184) 89%, rgb(112,112,112) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(184,184,184) 89%, rgb(112,112,112) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(184,184,184) 89%, rgb(112,112,112) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.89, rgb(184,184,184)),
		color-stop(1, rgb(112,112,112))
	);
}

/* @end */


/* @group Shaddow */

#schatten,
#galerie,
ul#footerbox,
ul#referenzen li .valid img,
ul#referenzen li div img,
iframe,
#AnzGalgen img {
	-webkit-box-shadow: 1px 1px 4px #b9b9ba;
    -moz-box-shadow: 1px 1px 4px #b9b9ba;
    box-shadow: 1px 1px 4px #b9b9ba;
}

ul#querbox li a	{
	-webkit-box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
}


ul#referenzen li,
aside,
ul#sitemap,
ul#sitemap2		{
	-webkit-box-shadow: inset 1px 1px 3px #dadada;
    -moz-box-shadow: inset 1px 1px 3px #dadada;
    box-shadow: inset 1px 1px 3px #dadada;
}


ul#industrialdesignbox li a img,
#galerie ul#thumbnails li a img,
a.pdf	{
	-webkit-box-shadow: 1px 1px 4px #ccc;
    -moz-box-shadow: 1px 1px 4px #ccc;
    box-shadow: 1px 1px 4px #ccc;
}

ul#seitenzahlen li a,
ul#seitenzahlen li a:hover	{
	-webkit-box-shadow: inset 1px 1px 3px #b9b9ba;
    -moz-box-shadow: inset 1px 1px 3px #b9b9ba;
    box-shadow: inset 1px 1px 3px #b9b9ba;
}

ul#industrialdesignbox li a:hover img,
#galerie ul#thumbnails li a:hover img {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

ul#menubox	{
	-webkit-box-shadow: 1px 1px 4px #a3a3a3;
    -moz-box-shadow: 1px 1px 4px #a3a3a3;
    box-shadow: 1px 1px 4px #a3a3a3;
}

ul#menubox li a.active,
ul#menubox li a:hover	{
	-moz-box-shadow: inset 0 1px 5px #730c0c;
	-webkit-box-shadow: inset 0 1px 5px #730c0c;
	box-shadow: inset 0 1px 5px #730c0c;
}


ul#submenubox li a.active,
ul#submenubox li a:hover	{
	-webkit-box-shadow: 1px 1px 3px #bdbdbd;
    -moz-box-shadow: 1px 1px 3px #bdbdbd;
    box-shadow: 1px 1px 3px #bdbdbd;
}

/* @end */

/* @group Border Radius */

aside,
ul#querbox li a,
ul#referenzen li	{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}	

ul#seitenzahlen li a,
ul#seitenzahlen li a:hover,
ul#sitemap,
ul#sitemap2,
ul#breadcrumbs	{
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

ul#footerbox,
ul#submenubox li a.active,
ul#submenubox li a:hover {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#galerie	{
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;

}

a.pdf,
ul#breadcrumbs li a,
ul#breadcrumbs li span {
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
}

/* @end */


/* @group header */

header {
	margin: auto auto;
	text-align: center;
}

header a img {
	position: absolute;
	margin-top: 8px;
	left: 50%;
	margin-left: -500px;

}

header a:hover img {
	opacity: 0.5;

}

.addthis_jonadesign	{
	height: 20px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-top: 40px;
	box-shadow: none;
}


/* @end */

/* @group menu */

ul#menubox {
	width: 100%;
	text-align: center;
	font-size: x-large;
	letter-spacing: 0.1ex;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-bottom: 1px solid #5e5e5e;
}

ul#menubox li	{
	padding-left: 1.6em;
	padding-right: 1.6em;
	display: inline;
	
}

ul#menubox li a	{
	color: #f1e2da;
	text-decoration: none;
	text-shadow: #540e01 0 1px 0;
	padding-bottom: 0;
	padding-right: 9px;
	padding-left: 12px;
}

ul#menubox li a:hover	{
	padding-top: 2px;
}

ul#menubox li a:hover,
ul#menubox li a.active:hover {
	color: yellow;
}

ul#menubox li a.active	{
	color: #e2dddd;
	font-weight: normal;
	text-shadow: none;
	padding-right: 9px;
	padding-left: 12px;
	padding-top: 2px;
}




ul#menubox li a.active:hover	{
	text-decoration: none;
	text-shadow: 0 0 1px #ffffff;

}

/* @end */

/* @group submenu */

ul#submenubox {
	width: 100%;
	text-align: center;
}

ul#submenubox,
ul#submenubox li a {
	padding-top: 3px;
}

ul#submenubox li {
	display: inline;
	text-align: center;
}

ul#submenubox li a {
	text-decoration: none;
	padding-left: 1%;
	padding-right: 1%;
	font-weight: bold;
	color: #949595;
}

ul#submenubox li a,
ul#submenubox li a.active {
	text-shadow: 1px 0 0 #fff;
	font-size: medium;
}

ul#submenubox li a:hover {
	text-decoration: none;
}

ul#submenubox li a.active	{
	text-shadow: #fff 0 1px 0;
}

ul#submenubox li a.active:hover {
	color: #fff;
	text-shadow: #979999 0 1px 0
}

/* @end */


/* @group breadcrumbs */

ul#breadcrumbs	{
	border: 1px dashed #d7d7d7;
	text-align: left;
	width: 797px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 2px;
	margin: auto auto;
	margin-top: 13px;
	margin-bottom: 13px;
	background: url(../img/background/breadcrumbs.gif) no-repeat right center;	
}

ul#breadcrumbs li	{
	display: inline;
	margin-right: 0.6em;
}

ul#breadcrumbs li a	{
	padding-left: 7px;
	padding-right: 21px;
	padding-top: 1px;
	color: #949494;
	text-decoration: none;
	background: url(../img/icon/pfeil_links.png) no-repeat right -26px #f1f1f1;
}

ul#breadcrumbs li a:hover	{
	color: #666;
	text-decoration: none;
	background: url(../img/icon/pfeil_links.png) no-repeat right 4px #fff;
}

ul#breadcrumbs li span,
ul#breadcrumbs li a	{
	font-size: 11px;
	
}

ul#breadcrumbs li span	{
	color: #7d7d7d;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
}

/* @end */
/* @group Startseite */

.startseitelogo {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	margin-top: -80px;
	z-index: -1;
}

/* @end */


/* @group Portfolio */

#portfolio  {
	height: 120px;
	margin-bottom: 1em;
	background:  url(../img/portfolio/industrialdesign.jpg) no-repeat left top;
}



/* @end */


/* @group Content */

#spalte1 {
	float: left;
	width: 380px;
	margin-right: 30px;
	margin-bottom: 2em;
}

#spalte2 {
	float: left;
	width: 770px;
	margin-bottom: 2em;
	padding: 15px;
}

#spalte1 ul	li	{
	list-style-type: disc;
	list-style: inside;
}

#spalte1 ul.listnone li {
	list-style: none;
	margin: 0;
}

ul#sbtv  	{
	margin-top: 30px;
	margin-bottom: 30px;
}

ul#sbtv li 	{
	margin-right: -2px;
}

ul#sbtv li a:hover img	{
	opacity: 0.5;
}



#spalte1 {
	margin-top: 1em;
}

/* @group Netzwerk */


ul.netzwerk li	{
	width: 200px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	margin-top: 10px;
	width: 100%;
}

ul.netzwerk li span,	{
}

ul.netzwerk li a	{
	
	margin-top: 15px;
}


/* @end */



p .skype {
	float: left;
	margin-right: 13px;
}


/* @group Sitemap */

ul#sitemap,
ul#sitemap2  {
	width: 760px;
	font-size: xx-large;
	padding: 20px;
	margin-bottom: 1.2em;
}

ul#sitemap li,
ul#sitemap2 li	{
	border-bottom: 1px solid #ddd;
	list-style-type: none;
	margin: 0;
}

ul#sitemap li ul.industrialliste {
	font-weight: bold;
	font-size: large;
	margin-bottom: 20px;
	padding-top: 10px;
}

ul#sitemap li ul.industrialliste li,
ul#sitemap2 li {
	font-size: medium;
	font-weight: normal;
	background-color: tranparent;
}

ul#sitemap li ul.industrialliste a,
ul#sitemap2 a  {
	text-decoration: none;
}

ul#sitemap li ul.industrialliste a li,
ul#sitemap2 a li  {
	text-decoration: none;
	padding-left: 10px;
}

ul#sitemap li ul.industrialliste a:hover li,
ul#sitemap2 a:hover li {
	text-decoration: none;
	background-color: #acacac;
	color: #fff;

}



/* @end */


/* @end */



/* @group Hilfebox */

#hilfebox ul li {
	width: 15em;
	float: left;
	margin-right: 1em;
	min-height: 15em;
}



/* @end */

/* @group Referenzen */


ul#referenzen li	{
	float: left;
	margin-right: 14px;
	padding: 10px 10px 10px 12px;
	font-size: 13px;
	min-height: 730px;	
	margin-bottom: 40px;
}

ul#referenzen li,
ul#referenzen li h1	{
	width: 164px;
}

ul#referenzen li a img	{
	clear: left;
}

ul#referenzen li a:hover img	{
	opacity: 0.6;
}

ul#referenzen li h1,
ul#referenzen li p	{
	clear: left;
	text-align: left;
}

ul#referenzen li h1	{
	font-size: large;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
}

ul#referenzen li p 	{
	font-size: small;
	line-height: 11px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #c7c7c7;
	min-height: 25px;
}

ul#referenzen li ul		{
	float: left;
	box-shadow: none;
	border: none;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #c7c7c7;
	padding-bottom: 7px;
	width: 160px;
}

ul#referenzen li ul li 	{
	border: none;
	min-height: 0;
	box-shadow: none;
	padding: 0 0 3px;
	background-image: none;
	margin-bottom: 0;
}

ul#referenzen li ul li a	{
	font-weight: normal;
}

ul#referenzen li ul,
ul#referenzen li ul li a,
ul#referenzen li h1,
ul#referenzen li p,
ul#referenzen li div p	{
	color: #6e6e6e;
	text-shadow: 0 0 1px #ffffff;
}

ul#referenzen li .valid  {
	margin-top: 15px;
}

ul#referenzen li .valid img {
	margin: 0;
	margin-bottom: 4px;
}

ul#referenzen li div p {
	font-size: 13px;
	line-height: normal;
}


/* @end */


/* @group querbox */

ul#querbox li 	{
	list-style: none;
}

ul#querbox li a	{
	padding: 15px 440px 15px 25px;
	float: left;
	width: 330px;
	height: 120px;
	margin-bottom: 15px;
	text-decoration: none;
	line-height: 18px;
}

ul#querbox li a:hover	{
	opacity: 0.5;
	text-decoration: none;
}

ul#querbox li a h1	{
	margin-bottom: 20px;
	font-size: x-large;
	line-height: 1.2em;
}

ul#querbox li a h1,
ul#querbox li a span	{
	text-align: left;
	color: #525252;
}

ul#querbox li a span	{
	font-size: 13px;
}

ul#querbox li a:hover h1,
ul#querbox li a:hover span	{
	color: red;
	opacity: 1;
}

ul#querbox li a.seo	{
	background: url(../img/portfolio_internet/seo_search_engine_optimization.jpg) no-repeat right;
}

ul#querbox li a.code	{
	background: url(../img/portfolio_internet/ruby_on_rails_webapplikationen.jpg) no-repeat right;
}

ul#querbox li a.webdesign	{
	background: url(../img/portfolio_internet/webdesign_webpage_webseiten.jpg) no-repeat right;
}

ul#querbox li a.referenzen	{
	background: url(../img/portfolio_internet/referenzen_webpage.jpg) no-repeat right;
}

ul#querbox li a.internet	{
	background: url(../img/portfolio/internet.jpg) no-repeat right;
}

ul#querbox li a.industrial_design	{
	background: url(../img/portfolio/industrialdesign.jpg) no-repeat right;
}

ul#querbox li a.corporate	{
	background: url(../img/portfolio/corporate_identity.jpg) no-repeat right;
}

ul#querbox li a.illustrationen	{
	background: url(../img/portfolio/illustrationen.jpg) no-repeat right;
}

ul#querbox li a.drei_minuten	{
	background: url(../img/portfolio/3_minuten_projekte.jpg) no-repeat right;
}

ul#querbox li a.proe	{
	background: url(../img/partner/brandenberger_proe_gmbh.jpg) no-repeat right;
}

ul#querbox li a.simplificator	{
	background: url(../img/partner/simplificator.jpg) no-repeat right;
}

ul#querbox li a.nood	{
	background: url(../img/partner/nood.jpg) no-repeat right;
}

ul#querbox li a.softwarelab	{
	background: url(../img/partner/softwarelab.jpg) no-repeat right;
}

ul#querbox li a.daskonglomerat	{
	background: url(../img/partner/daskonglomerat.jpg) no-repeat right;
}

ul#querbox li a.zimmerlidesign	{
	background: url(../img/partner/zimmerlidesign.jpg) no-repeat right;
}

ul#querbox li a.oehrlifricker	{
	background: url(../img/partner/oehrli_fricker_modellbau.jpg) no-repeat right;
}

/* @end */


/* @group swiss business tv */

ul#sbtv  	{
	float: left;
	margin-top: 70px;
}

ul#sbtv li 	{
	display: inline;
}

ul#sbtv li a img	{
	margin-right: 13px;

}



/* @end */



/* @group industrialdesignbox */

ul#industrialdesignbox {
	width: 800px;
	
}

ul#industrialdesignbox li {
	display: inline;
	margin-right: 6px;
}

/*

ul#industrialdesignbox li a p	{
	color: #fff;
 	margin-top: 130px;
	padding: 10px;
	width: 130px;
	height: 50px;
	background-color: #000;
	opacity: 0;
	float: left;
}

ul#industrialdesignbox li a:hover p	{
	opacity: 0.6;
}

*/

ul#industrialdesignbox li a img	{
	display: inline;
	margin-bottom: 6px;
}

ul#industrialdesignbox li a 	{
	text-decoration: none;
}

ul#industrialdesignbox li a:hover 	{
	opacity: 0.6;
}

/* @end */


/* @group Philosophie */

ul#philosophie {
	list-style-type: disc;
}

ul#philosophie li {
	margin-top: 1em;
}



/* @end */




/* @group Seitenzahlen */

ul#seitenzahlen {
	width: 100%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 15px;
}

ul#seitenzahlen li	{
	display: inline;
	margin-right: 3px;
}

ul#seitenzahlen li a	{
	text-decoration: none;
	color: #6d6e6e;
	float: none;
	padding: 3px 8px 1px 9px;
}

ul#seitenzahlen li a:hover	{
	color: #fff;
}

ul#seitenzahlen li span.active	{
	color: #fe4810;
	padding: 1px 7px 1px 8px;
	font-weight: bold;
}


/* @end */


/* @group aside */

aside {
	float: right;
	width: 320px;
	margin-bottom: 2em;
	margin-top: 2em;
	border: 1px solid #fff;
	font-size: medium;
	padding: 1em 2em 1.6em;
}

aside,
aside a	{
	color: #858686;
	text-shadow: #fff 0 1px 0;
}

aside a.pdf	{
	color: #6f6f6f;
	text-shadow: 0 0 1px #ffffff;
}

div.fb-like	{
	margin-top: 5px;
	float: left;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* @end */

/* @group Foooter / Gallerie */


footer	{
	width: 780px;
}

#galerie	{
	float: left;
	width: 100%;	
	padding: 10px;
	margin-top: 30px;
}

#galerie ul#thumbnails {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #e3e5e5;
	padding-bottom: 6px;
}

#galerie ul#thumbnails li {
	display: inline;
}

#galerie ul#thumbnails li a img  {
	border: 0;
}


/* @group galeriemenu */

#galerie ul.galeriemenu {
	float: left;
	margin-left: 0.5em;
	margin-bottom: 0.7em;
	margin-top: 0.7em;
}

#galerie ul.galeriemenu li	{
	margin-right: 2em;
	margin-bottom: -4px;
}

#galerie ul.galeriemenu li a,
#galerie ul.galeriemenu li	{
	color: #818384;
	text-decoration: none;
	font-size: small;
	text-shadow: #fff 0 1px 0;
	line-height: 1.7em;
	
}

#galerie ul.galeriemenu li a:hover,
#galerie ul.galeriemenu li a.active:hover	{
	color: #b11811;
	text-decoration: underline;
}


#galerie ul.galeriemenu li a.active	{
	color: #b11811;
	text-decoration: none;
	font-weight: normal;
} 

/* @end */


ul#footerbox	{
	float: left;
	text-align: center;
	border-top: 2px solid #b11811;
/*	background: url(../img/background/bg_footer.gif) repeat-x #434343; */
	padding-top: 1.3em;
	padding-bottom: 20px;
	margin-bottom: 50%;
}

ul#footerbox li		{
	display: inline;
	margin-right: 1em;	
}
	
ul#footerbox li a	{
	color: #999c9c;
	text-decoration: none;
	text-shadow: #000 0 1px 0;
	
}

ul#footerbox li a:hover	{
	color: #f9681d;
	text-decoration: underline;
}

ul#footerbox li a.active {
	color: #f9681d;
	font-weight: bold;
}

/* @end */

/* end css jonadesign by http://www.jonadesign.ch  */