/*-----------------------------------
Root Style
Stand: v1
Datei: style.css
Datum: 07.10.2008
Autor: Jan

Aufbau: 1. Kalibrierung
		2. Allgemeine Styles
		3. Styles für Layoutbereiche
		4. Sonstige  Styles

-----------------------------------*/

/*-----------------------------------
	1. Kalibrierung
-----------------------------------*/
* {
	padding: 0;
	margin: 0;
}

h2,p,ol,ul {
	margin-bottom: 0;
}

ol,ul {
	margin-bottom: 0;
}

li {
	margin-left: 2em;
}

/*-----------------------------------
	2. Allgemeine Styles
-----------------------------------*/
body {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight:normal;
	background-image: url("/images/background.gif");
	background-color: rgb(240,240,240);
	color: #515c83;
	text-align: center;
	width: 100%;
	cursor: default;
}

i { font-size: 11px; }

h1 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight: bold;	
	color: #515c84;
		text-shadow:1px 1px #ddd;
}

h2 {
		text-shadow:1px 1px #ddd;
	font-size: 140%;
	font-weight: normal;
	color: #515c84;
	margin: 10px 0;
}

h3 {
		text-shadow:1px 1px #ddd;
	font-size: 110%;
	font-weight: normal;
	color: #515c84;
	margin: 10px 0;
}

h4 {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 10px 0;
	font-style: italic;
	font-weight: lighter;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 ;
	font-weight: bold;
}

img {
	border: 0;
	padding: 0;
}

* {
	outline: none;
}

/*----------------
	Hyperlinks	*/
a {
	text-decoration: underline;
	outline: none;
}

a:link,a:visited {
	color: #515c83;	
}

a:hover,a:focus,a:active {
	color: #515c83;
		text-decoration: none;
}


/*----------------
	Klassen und ID's	*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.clr {
	clear: both;
	height: 5px;
	overflow: hidden;
	line-height: 5px;
	font-size: 0;
}

.ml20 { margin-left: 20px; }

.pl {
	width: 100%;
	margin: 0;
	line-height: 0;
	height: 15px;
	overflow: hidden;
}

.pl2 {
	width: 100%;
	margin: 0;
	line-height: 0;
	height: 10px;
	overflow: hidden;
}

.pl3 {
	width: 100%;
	margin: 0;
	line-height: 0;
	height: 5px;
	overflow: hidden;
}

.skiplink {
	position: absolute;
	left: -5000px;
	top: -5000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

/*-----------------------------------
	3. Styles für Layoutbereiche
-----------------------------------*/ 

.anyClass ul li { margin: 4px 8px 0 18px;}
div.msg {
	background-image: url("/images/msg.gif");
	padding: 22px 0 22px 40px;
	height: 68px;
	width: 920px;
	color: #343e5e;
	margin: 0 0 30px 0;
}


#logo {
	height: 54px;
	width: 158px;
	float: right;
	margin: 0;
}

div#mainmenu div#rootmenu ul li
{
	background-color: transparent;
	background-image: url("/images/menu.png");
	background-repeat: no-repeat;
}

div.bg {
background-image: url("/images/mbg.png");
background-repeat: repeat-x;
background-position: center;
height: 44px;
position: fixed;

z-index:9998;
top: -1px;
left: 0;
}

div#mainmenu 
{
position: fixed;
height: 44px;
width: 100%;
top: -1px;
left: 0;
text-align: center;
z-index:9999;
}

div#mainmenu div#rootmenu
{
height: 44px;
width: 1000px;
margin: 0 auto;
}


div#mainmenu div#rootmenu ul {
list-style: none;
float: left;
margin: 0;
padding: 0;
height: 44px;

}
div#mainmenu div#rootmenu ul li { height: 41px; overflow: hidden; }
div#mainmenu div#rootmenu ul li img { height: 41px; width: 100%; }

div#mainmenu div#rootmenu ul li {
float: left;
margin: 0;
padding: 0;
text-align: left;
}

div#mainmenu div#rootmenu ul li#navHom {
background-position: 0 0;
width: 66px;
}

div#mainmenu div#rootmenu ul li#navHom:focus,
div#mainmenu div#rootmenu ul li#navHom:hover
{ background-position: -200px 0; }

div#mainmenu div#rootmenu ul li#navHom.activ
{ background-position: -400px 0; }

div#mainmenu div#rootmenu ul li#navDev {
background-position: 0 -42px;
width: 93px;
}

div#mainmenu div#rootmenu ul li#navDev:focus,
div#mainmenu div#rootmenu ul li#navDev:hover
{ background-position: -200px -42px; }

div#mainmenu div#rootmenu ul li#navDev.activ
{ background-position: -400px -42px; }

div#mainmenu div#rootmenu ul li#navSer {
background-position: 0 -84px;
width: 83px;
}

div#mainmenu div#rootmenu ul li#navSer:focus,
div#mainmenu div#rootmenu ul li#navSer:hover
{ background-position: -200px -84px; }

div#mainmenu div#rootmenu ul li#navSer.activ
{ background-position: -400px -84px; }

div#mainmenu div#rootmenu ul li#navKon {
background-position: 0 -126px;
width: 87px;
}

div#mainmenu div#rootmenu ul li#navKon:focus,
div#mainmenu div#rootmenu ul li#navKon:hover
{ background-position: -200px -126px; }

div#mainmenu div#rootmenu ul li#navKon.activ
{ background-position: -400px -126px; }


ul#menu
{
	float: right;
	height: 76px;
	overflow: hidden;
	margin-top: -15px;

}

ul#menu li
{
	list-style: none;
	float: left;
	height: 76px;
	margin: 0;
	display: block;		
	overflow: hidden;
	cursor: pointer;
}


ul#menu li img
{
	height: 76px;
	width: 100%;
}

ul#menu li#arbeit
{
	background-position: 0 -121px;	
	width: 128px;
}

ul#menu li#arbeit:hover, ul#menu li#arbeit:focus {	background-position: 0 -221px;	}

ul#menu li#arbeit.activ {	background-position: 0 -320px;	}


ul#menu li#info
{
	background-position: 0 -421px;	
	width: 185px;
}

ul#menu li#info:hover,ul#menu li#info:focus {	background-position: 0 -521px;	}

ul#menu li#info.activ {	background-position: 0 -620px;	}

/*----------------
	Root Image	*/

hr,
#logo, #head_left,
.newback,
.newback2,
.rsl,
.rsr,
.rer,
.rel,
.rwr,
.gwbr,
#nav1,
#nav2,
#nav3,
#nav4,
#nav1act,
#nav2act,
#nav3act,
#nav4act,
input,
textarea,
.submit,
.prev,
.next,
.icon_info,
.icon_pfeil,
.cDrei ul li, .rwmain2 ul li, /*in info.css*/
#service2 ul li, /*in info.css*/
div#one ul li,
.grtl, /*grau rund*/
.grtr,
.grbl,
.grbr,.gr2tr, .gr2tl,.gr2br, .gr2bl, .gr2head, .gr2end,
.grtcore,
.icon_pdf,
#khead, .skype, .icq_online,.icq_offline, .icon_home,.icon_phone,.icon_mail, .icon,
.pagenav, .pagenavAct,
.myhhr, #headstr, .rootnewupdate,
.yellowcore, .yellowtl, .yellowtr, .yellowbl, .yellowbr, .yellowhead, .yellowend, /*Design*/
div#one div#dynmenu ul li#dynNext, div#one div#dynmenu ul li#dynLast,
.myHr, .myHr2, .myHr3,.myHr4, .img_headline, .MainLink, #AllS,
ul.ok li,
h1#dyn, h1#img, h1#cod,
 ul#arbeitenMenu li.activ,
 div#myNetwork div,
 ul#links li
{
background-color: transparent;
background-image: url("/images/core.png");
background-repeat: no-repeat;
}

/*----------------
	MyNetwork	*/


div#myNetwork div {
height: 39px;
width: 94px;
cursor: pointer;
}

div#myNetwork div img {
height: 39px;
width: 94px;
}

div#myNetwork div#myspace { background-position: -93px -1042px; margin-left: 10px; }
div#myNetwork div#facebook { background-position: -219px -979px;  margin-left: 10px; }
div#myNetwork div#flickr { background-position: -210px -1041px;  margin-left: 10px; }
div#myNetwork div#kontain { background-position: -82px -1091px;  margin-left: 10px;}



.myhhr {
	height: 39px;
	background-position: -625px -330px;
	width: 1px;
	margin: 0 10px 0 20px;
	float: left;
	overflow: hidden;
}


.kic {
	width: 15px;
	height: 12px;
	margin: 2px 10px 5px 5px;
}
.icon_home {
	background-position: 0 -1077px;
}

.icon_mail {
	background-position: 0 -1045px;
}

.icq {
	width: 15px;
	height: 15px;
	margin-top: 5px;
}

.icq_online {
	background-position: -67px -977px;
}

.icq_offline {
	background-position: -67px -997px;	
}

.skype {
	background-position: -88px -977px;
	width: 94px;
	height: 41px;	
	margin: 10px 0 0 10px;
}

.skype img {
	width: 94px;
	height: 41px;		
}

/*----------------
	Nav	*/


#AllS {
background-position: -326px -178px;
height:263px;
margin: -261px 0 0 -14px;
position:absolute;
width:75px;
z-index:99;
}

.myHr, .myHr2, .myHr3, .myHr4{
width: 100%;
height: 1px;
overflow: hidden;
margin: 20px 0;
background-position: 0 -1636px;
background-repeat: repeat-x;
}

.myHr2 { background-position: 0 -1635px;}
.myHr3 { background-position: 0 -1635px; margin: 10px 0;}
.myHr4 { margin: 10px 0 0 0;}

div#nav {
margin: 0 1px 0 0;
}

.MainLink  {
background-position: 0 -352px;
padding-left: 20px;
}


h2#code,
h2#design,
h2#kontaktform
{
background-color: transparent;
background-image: url("/images/h.png");
background-repeat: no-repeat;
}


.iconset
{
background-color: transparent;
background-image: url("/images/iconset.png");
background-repeat: no-repeat;
}

div#newsImage{
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
width:669px;
height:333px;
overflow: hidden;
}

.pagenav, .pagenavAct {
float: left;
background-position: 0 -1661px;
height: 20px;
line-height: 20px;
width: 20px;
overflow: hidden;
margin-right: 2px;
text-align: center;
cursor: pointer;
}

.pagenav:hover, .pagenav:focus {
background-position: -21px -1661px;
color: rgb(255,255,255);
}

.pagenavAct {
background-position: -42px -1661px;
color: rgb(0,138,220);
}

hr {
	background-position: 0 -1635px;
	border: 0;
	padding: 0;
	background-repeat: repeat-x;
	margin: 20px 0;
	height: 1px;
	overflow: hidden;
}

.yellowcore {
border: 1px solid rgb(239,210,190);
padding: 4px 10px;
border-bottom: 0; border-top: 0;
overflow:hidden;
background-color: rgb(255,245,190);
background-image: none;
}

.yellowtl {
	background-position: -482px -85px;
	height: 6px;
	width: 6px;
}

.yellowtr {
	background-position: -488px -85px;
	height: 6px;
	width: 6px;
}

.yellowbl {
	background-position: -482px -91px;
	height: 6px;
	width: 6px;
}

.yellowbr {
	background-position: -488px -91px;
	height: 6px;
	width: 6px;
}

.yellowhead {
	background-position: 0 -1622px;
	background-repeat: repeat-x;
height: 6px;
overflow:hidden;
}

.yellowend {
	background-position: 0 -1617px;
	background-repeat: repeat-x;
height: 6px;
overflow:hidden;
}

.grau2core,.grau2core2 {
border: 2px solid #615898;
border-bottom: 0; border-top: 0;
overflow:hidden;
background-color: white;
background-image: none;
}

.grau2core2 {
padding: 15px;
}
.gr2tl {
	background-position: -467px -85px;
	height: 6px;
	width: 6px;
}

.gr2tr {
	background-position: -473px -85px;
	height: 6px;
	width: 6px;
}

.gr2bl {
	background-position: -467px -91px;
	height: 6px;
	width: 6px;
}

.gr2br {
	background-position: -473px -91px;
	height: 6px;
	width: 6px;
}

.gr2head {
	background-position: 0 -1588px;
	background-repeat: repeat-x;
height: 6px;
overflow:hidden;
background-color: white;
}

.gr2end {
	background-position: 0 -1584px;
	background-repeat: repeat-x;
height: 6px;
overflow:hidden;
background-color: white;
}

.grtcore {
height: 6px;
overflow:hidden;
background-color: rgb(255,255,255);
background-image: none;
}

.graucore {
overflow:hidden;
background-color: white;
background-image: none;
padding: 0 15px;
color: #515c83;
}

.grtl {
	margin: 0 0 0 -6px;
	background-position: -410px -85px;
	height: 6px;
	width: 6px;
}

.grtr {
	margin: 0 -6px 0 0;
	float: right;
	background-position: -416px -85px;
	height: 6px;
	width: 6px;
}

.grbl {
	margin-left: -6px;
	background-position: -410px -91px;
	height: 6px;
	width: 6px;
}

.grbr {
	margin-right: -6px;
	float: right;
	background-position: -416px -91px;
	height: 6px;
	width: 6px;
}

.grhead {
background-color: white;
margin: 0 6px;
height: 6px;
overflow:hidden;
}

.grend {
background-color: white;
margin: 0 6px;
height: 5px;
overflow:hidden;
border-bottom: 1px solid #dcdcdc;
}

.infotxt {
font-size: 60%;
padding: 20px;
border: rgb(155, 155, 155) 1px dotted;
background: rgb(251, 251, 251);
}

.icon_info {
background-position: -324px -73px;
width: 36px;
height: 34px;
margin-right: 10px;
}

.icon_pfeil {
background-position: -371px -80px;
width: 21px;
height: 21px;
margin-right: 10px;
}

.icon_pdf {
background-position: 0 -1020px;
width: 15px;
height: 15px;
float: left;
}

.showimg ul { }
.showimg ul li a { border: 0;}
.showimg ul li 
{ 
	margin: 0;  
	padding: 0;
	list-style-type: none;
	font-size: 90%;
	float:left;
	width:250px;
	margin: 0;
	cursor: pointer;
	background-color: #151515;
}

.showimg ul li:hover p.img {
	opacity: .99;
    filter: alpha(opacity=99);
	-moz-opacity: .99;
}

.showimg ul li:hover h5 {
	color: #fff;
}
.showimg ul li.nml { margin-left: 0;}


.showcode ul li span { float: right; margin-right:2px;font-size: 10px;line-height: 15px; }
.showcode ul li b {	float: left; }

.showimg ul li p.img 
{
	height:240px;
	overflow:hidden;
	width:250px;
	margin-bottom: 5px;
	opacity: .65;
    filter: alpha(opacity=65);
	-moz-opacity: .65;	
}

.showimg ul li p.img img {
	height:100%;
	width:100%;
}

.showimg ul li.noimage {
height: 279px;

}

.projekt_txt {
margin: 5px;

}

.showcode ul li 
{ 
	list-style-type: none;
	width: 100%;
	clear: left;
	height: 100px;
	margin: 0;	
}

.showcode ul li div
{ 
	float: left;
	width: 670px;
}

.showcode ul li img
{ 
	float: left;
	margin: 0 30px 0 15px;
	width: 120px;
	height: 60px;
}
.showcode ul li div p.head
{ 
	margin: 8px 0 0 0;
}

.prev,.next {
	background-position: -31px -71px;
	width: 38px;
	height: 37px;
	border: 0;
	padding: 0;
	margin: 100px 0 0 20px;
	cursor: pointer;
	outline: none;
}

.next:hover,.next:focus {
	background-position: -78px -71px;
}

.next:active {
	background-position: -126px -71px;
}

.prev {
	margin-left: 0;
	background-position: -181px -71px;
}

.prev:hover,.prev:focus {
	background-position: -226px -71px;
}

.prev:active {
	background-position: -276px -71px;
}

div.showimg2 ul li {
width: 260px;
text-align: center;
overflow: hidden;
float: left;
height: 240px;
margin: 0;
}

div.showimg2 ul  {
overflow: hidden;
height: 240px;
}

input,textarea {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background-position: 0 -322px;
	border: 0;
	height: 20px;
	width: 332px;
	padding: 7px 5px 3px 5px;
	color: rgb(84, 84, 84);
}

textarea {
		background-position: 0 -427px;
		height: 94px;
}

textarea:hover,textarea:focus {
		background-position: 0 -536px;
		color: rgb(0,138,220);
}

input:hover,input:focus {
	background-position: 0 -357px;
	color: rgb(0,138,220);
}

.err, .err:hover, .err:focus {
	background-position: 0 -392px;
	color: rgb(255, 0, 0);
}

.errt, .errt:hover, .errt:focus {
	background-position: 0 -646px;
	color: rgb(255, 0, 0);
}

.submit {
	background-position: -232px -115px;
	color: rgb(70, 180, 170);
	width: 120px;
	height: 28px;
	cursor: pointer;
	outline: none;
	margin-right: 10px;
}

.submit:hover, .submit:focus {
		background-position: -356px -115px;
outline: none;
}

.submit:active {
		background-position: -480px -115px;
outline: none;		
}


.alpha {
	opacity: .65;
    filter: alpha(opacity=65);
	-moz-opacity: .65;
}
	
.alpha:hover,.alpha:focus {
	opacity: .85;
    filter: alpha(opacity=85);
	-moz-opacity: .85;
}

/*----------------
	Design Class	*/	

.rstart {
	background-color: rgb(70,60,50);
	height: 6px;
	overflow: hidden;
}

.rsl {
	background-position: -448px -85px;
	height: 6px;
	width: 6px;
}

.rsr {
	background-position: -454px -85px;
	height: 6px;
	width: 6px;
}

.rroot {
	background-color: rgb(70, 60, 50);
	width: 920px;
	padding: 14px 20px;
}

.rend {
	background-color: rgb(70, 60, 50);
	height: 6px;
}

.rel {
	background-position: -448px -91px;
	height: 6px;
	width: 6px;
	margin: 0;
}

.rer {
	background-position: -454px -91px;
	height: 6px;
	width: 6px;
	margin: 0;
}

/*misc rundung rechts*/
.rwr {
	background-position: -435px -85px;
	height: 6px;
	width: 6px;
}

.gwbr {
	background-position: -435px -91px;
	height: 6px;
	width: 6px;
}

.rwmain {
float: left;
width:585px;
}

.rwmain2, .rwhead {
float: right;
width: 365px;
}

.rwhead {
height: 6px;
}

.rwmain2 hr {
	background-position: 0 -1636px;
	padding: 0;
	border: 0;
	background-repeat: repeat-x;
	margin: 10px 0;
	height: 1px;
	overflow: hidden;
}
.rwmain2 a.noline, .rwmain2 a:hover.noline, .rwmain2 a:focus.noline, .rwmain2 a:active.noline, .rwmain2 a:visited.noline {
	border: 0;
}

/*----------------
	Root Style	*/


#main {
	width: 1000px;
	margin: 50px auto 10px auto;
	overflow: hidden;
	text-align: left;
}

.mainbg {
background: white;
padding: 14px 20px;
}

#mainmisc {
	width: 960px;
	margin: 0 auto;	
}


.cLeft {
width: 669px;
float: left;
}

.cR1 {
width: 338px;
float: left;
}
.cR2 {
width: 300px;
float: left;
margin-left: 31px;
}

.cRight {
width: 300px;
float: right;
margin-left: 31px;
}

.cDrei {
width: 322px;
float: left;
margin: 0 1px 0 0;
}

.cDrei .cont { margin: 0px; }

.cDrei .no { margin: 0; }

.date {
font-size: 10px;
color: #a0aac8;
}

/*-----------------------------------
	4. Sonstige  Styles
-----------------------------------*/

#content {
	width: 715px;
}

address {
	font-style: normal;
	font-weight: lighter;
	margin-right: 30px;
	margin-bottom: 10px;
}


#khead {
margin: -16px 0 0 250px;
position: absolute;
background-position: -1px -926px;
width: 41px;
height: 37px;
}


/*	News  */
ul#update { list-style: none; }
ul#update li {
	cursor: default;
	width: 300px;

	margin: 2px 0 0;
	font-size: 12px;
}

ul#update li.activ { }
ul#update li .myHr2 { margin: 0; }


ul#update li img { 
	position: absolute;

width: 120px;
height: 80px;
margin: 0 -20px 0 0;
z-index: 9888;
}

ul#update li p.img_headline {
background-position: 0 -574px;
font-weight: bold;
padding-left: 7px;
color: #515c84;
font-size: 14px;
line-height: 25px;
height: 25px;
cursor: pointer;
}

ul#update li div.img_txt  {
width: 170px;
}

ul#update li p.img_headline:hover,ul#update li p.img_headline:focus {
text-decoration: underline;
}

ul#update li p.img_headline.activ {

}

ul.ok {
float: left;
margin: 10px;
list-style: none;
width: 450px;
}

ul.ok li {
background-position: 0 -867px;
margin: 0;
padding: 0;
}

ul.ok li div {
padding: 0 20px;
}

ul.ok li.nex {
background-position:2px -655px;
}

ul.ok li.str {
height: 1px;
overflow: hidden;
margin: 4px 0;
background-position: 0 -1635px;
background-repeat: repeat-x;
}

.newback2 {
	background-position: -225px -34px;
	display: none;
	color: rgb(0,138,220);
	font-weight: bold;
}

.newback a, .newback2 a, .newback2 a:visited, .newbackCore a, .newbackCore a:visited {
	border: 0;
}

.newback2 a, .newback2 a:visited, .newback2 a:hover, .newback2 a:visited:hover, .newbackCore a:visited:hover, .newbackCore a:hover {color: rgb(0,138,220); border: 0;}

.rootnewupdate {

	background-position: -305px -1263px;
	text-align: center;
	padding: 11px 0;
	margin-top: 2px;
	display: none;		
}

.newbackCore {
	cursor: default;
	margin: 0 auto;
	width: 299px;
	height: 126px;
}

.newbackCore img {
    opacity: .15;
    filter: alpha( opacity = 15 );
	-moz-opacity:    .15;
}

.newbackCore img:hover {
    opacity: .10;
    filter: alpha( opacity = 10 );
	-moz-opacity:    .10;
}

.newback2 a,.newback a, .rwmain2 .newbackCore a {
	border: 0;
	color: rgb(15,15,15);
}

.input_td {
	line-height: 30px;
	width: 208px;
}


#spezialFont {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	font-weight: normal;
	color: rgb(90, 80, 80);
}

#spezialFont span {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	font-weight: bold;
}

#spezialFont2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;
	line-height: 24px;
	font-style: italic;
	font-weight: normal;
}

#spezialFont2 strong {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	line-height: 24px;
	font-style: italic;
	font-weight: bold;
}

.clientlist ul {
	width: 920px; 
}

.clientlist ul li {
	width: 184px;
	height: 65px;
	background: red;
	margin: 0;
}

div#trashDiv {
margin: 0 -10px;
}

ul#trash li {
width: 290px;
height: 200px;
background-color: red;
margin: 0;
}

/*
 *	Main Nav
 */

#TopNextLeft,#TopNextRight {
background-image: url("/images/mainNav.png");
background-repeat: no-repeat;
}

#TopNextLeft {
position: fixed;
top: 0;
left: 0;
width: 90px;
height: 100%;
background-position: -466px 55%;

    opacity: .55;
    filter: alpha(opacity=55);
	-moz-opacity: .55;
}

#TopNextLeft:hover {
background-position: 10px 55%;

    opacity: .99;
    filter: alpha(opacity=99);
	-moz-opacity: .99;
 
}
#TopNextRight {
position: fixed;
top: 0;
width: 90px;
height: 100%;
background-position: -707px 55%;
right: 0;

    opacity: .55;
    filter: alpha(opacity=55);
	-moz-opacity: .55;
}

#TopNextRight:hover {
background-position: -219px 55%;

    opacity: .99;
    filter: alpha(opacity=99);
	-moz-opacity: .99;
}


/*
 *	Show work
 */
 
 
 
 ul#rubrik li {
 list-style: none;
 }
  
 ul#rubrik li
 {
	width: 184px;
	padding: 0;
	margin: 0 5px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
 }

 ul#rubrik li a { text-decoration: none;}
 ul#rubrik li ul li
 {
 text-align:left;
	width: 150px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	font-weight: normal;
 }
 
.shownext,.showback, .showpoint, #moremenu, .showmenustr, .showmenustr2 {
background-image: url("/images/setshow.png");
background-repeat: no-repeat;
}

.showmenustr {
width: 25px;
height: 101px;
background-position: 0 -505px;
margin-top:70px;
}

.showmenustr2 {
width: 20px;
height: 101px;
background-position: -63px -505px;
margin-top:70px;
}

.shownext {
background-position: 0 -35px;
height: 25px;
width: 0;
padding-left: 24px;
overflow: hidden;
cursor: pointer;
float: left;
}

.shownext:hover,.shownext:focus {
background-position: 0 0;
}

.showback {
background-position: 0 -106px;
height: 25px;
width: 0;
padding-left: 24px;
overflow: hidden;
cursor: pointer;
float: left;
}

.showback:hover,.showback:focus {
background-position: 0 -71px;
}

.showpoint {
background-position: 0 -199px;
height: 25px;
width: 0;
padding-left: 10px;
overflow: hidden;
cursor: pointer;
float: left;
}

.showpoint:hover, .showpoint:focus {
background-position: 0 -243px;
}

.showact {
background-position: 0 -155px;
cursor: default;
}

#moremenu {
background-position: 0 -348px;
width: 110px;
height: 25px;
float: right;
padding-left: 35px;
font-size: 80%;
line-height: 25px;
}

#moremenu:hover,#moremenu:focus{
background-position: 0 -376px;
}

#moremenu.moremenuact {
background-position: 0 -408px;
}

#moremenu.moremenuact:hover, #moremenu.moremenuact:focus {
background-position: 0 -436px;
}
/*
 * Headline	
 */

h2#code,
h2#design,
h2#kontaktform
{
height: 16px;
overflow: hidden;
line-height: 100px;
margin-top: 4px;
}

h2#design
{
background-position: 0 -45px;
margin-top: 2px;
}

h2#kontaktform
{
background-position: 0 -92px;
margin-top: 2px;
}

/*
 * Result	
 */

#resultImage {
width:665px;
overflow:hidden;
float: left;
}

#resultImageTxt {
width:322px;
overflow:hidden;
float: right;
margin-left: 13px;
}

img#resultImageIcon {
width: 120px;
height: 80px;
position: absolute;
margin-left: 187px;
margin-top: -80px;
z-index: 79;
}

/*
 * Service	
 */
 
 ul#arbeitenMenu {
 list-style: none;
 }
 
 ul#arbeitenMenu li {
float: left;
height: 23px;
line-height: 23px;
padding: 0 10px;
font-weight: bold;
margin: 0 10px 0 0;
}

ul#arbeitenMenu li.activ {
 background-position: 0 -1432px;
border: 1px solid #57638b;
height: 22px;
line-height: 22px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
margin: 0 8px 0 0;
}
 
  ul#arbeitenMenu li a {
  text-decoration: none;
  }
  ul#arbeitenMenu li.activ a {
  color: #fff;
  }

/*
 * Service	
 */
 

h1#dyn, h1#img, h1#cod {
width: 322px;
height: 37px;
line-height: 37px;
font-size: 0;
overflow: hidden;
margin: 0;
background-position: 0 -1702px;
background-repeat: no-repeat;
}

h1#cod {
background-position: 0 -1741px;
}

h1#img {
background-position: 0 -1780px;
}
/*
 * Kontakt	
 */
 
ul#links {
list-style: none;
}
ul#links li {
	margin: 0;
	padding: 0 0 5px 15px;
background-position: -345px -1023px;
}
ul#links li a {
color: #463c32;
}
 
.profilimg {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
margin: 0 8px 0 0;
border: 1px solid #ccc;
padding: 5px;
background-color: white;
	opacity: .80;
    filter: alpha(opacity=80);
	-moz-opacity: .80;

}
 
/*
 * Iconset	
 */
 
 .iconDesign {
 background-position: 0 0;
 height: 25px;
 width: 25px;
 }

.iconCode {
 background-position: 0 -50px;
 height: 25px;
 width: 25px;
 }
 
 .iconHome {
 background-position: 5px -97px;
 }
 
.copy {
width: 1000px;
margin: 0 auto;
font-size: 9px;
text-align: left;
}
 
/*-----------------------------------
	The end
-----------------------------------*/