/* OneByte GmbH e-Business & Webdesign www.onebyte.ch info@onebyte.ch Serkan Tüten serkan.tueten@onebyte.ch */
@import url("OpenBoxStyles.css");

* {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #686868;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}
body {
	background: #ffffff url(../myGfx/redesign_2009/bg_body.jpg) repeat-x;
}
#webcontainer {
	background: transparent url(../myGfx/redesign_2009/bg_webcontainer.jpg) repeat-y;
	width: 980px;
	margin: 0 auto;
}
#container {
  background: transparent url(../myGfx/redesign_2009/bg_headerstart.jpg) no-repeat;
	z-index: 0;
	/* position: relative; */
}
#header {
	background: transparent url(../myGfx/redesign_2009/bg_header.jpg) no-repeat;
	width: 980px;
	height: 37px;
}
#slogan {
	float: left;
	padding-left: 16px;
	width: 340px;
	height: 37px;
}
#spalteLinks {
	float: left;
	width: 172px;
	padding-left: 16px;
}
#spalteRechts {
	float: right;
	width: 778px;
	padding-right: 14px;
}
* html #spalteLinks {
	float: left;
	width: 172px;
	padding: 0;
	margin-left: 8px;
}
* html #spalteRechts {
	float: right;
	width: 770px;
	padding: 0;
	margin-right: -3px;
}
#logo {
	width: 172px;
	height: 104px;
}

/* ---------------------------------------------------
   Servicenavigation oben rechts
   =================================================== */
#smallnavi {
	height: 37px;
	line-height: 37px;
	background: url(../myGfx/redesign_2009/bg_nebennavigation.gif) no-repeat;
	float: right;
	padding-right: 24px;
	width: 600px;
	text-align: right;
	color: #686868;
}
#smallnavi a {
	text-decoration: none;
	color: #686868;
}
#smallnavi a:hover, #smallnavi a:active, #smallnavi a.aktiv {
	color: #2e69b3;
}
#stimmungsbild {
	width: 778px;
	padding-right: 14px;
}
* html #stimmungsbild { /* nur IE6 */
	margin-top: 3px;
}
#stimmungsbild li {
	list-style: none;
}
#newsStart {
	background: url(../myGfx/redesign_2009/bg_news.gif) no-repeat;
	width: 152px;
	height: 350px;
	padding: 50px 10px 40px;
}
#news {
	padding: 60px 0 40px;
}
.titelNews,
body.HardCoreWebEditor .titelNews {
	padding-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
}
.titelNews a,
body.HardCoreWebEditor .titelNews a{
	color: #6d6d6d;
	font-size: 12px;
	font-weight: bold;
}
.inhaltNews,
.inhaltNews a {
	color: #6d6d6d;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 30px;
	line-height: normal;
}
.linkNews a {
	color: #6d6d6d;
	font-size: 11px;
	text-decoration: underline;
}

/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */
ul#hauptnavigation {
	list-style-type: none;
	padding-right: 17px;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 778px;
	height: 55px;
}
ul#hauptnavigation li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;	
}
ul#hauptnavigation li a {
	border: 0;
	display: block;
	height: 55px;
}
ul#hauptnavigation li a:hover {
	border: 0;
	display: block;
}	
li#portrait a {
	width: 139px;
	background: url(../myGfx/redesign_2009/nav_portrait_off.jpg) no-repeat;
}
li#portrait a:hover,
li#portrait a.aktiv {
	background: url(../myGfx/redesign_2009/nav_portrait_over.jpg) no-repeat;
}
li#leistungsangebot a {
	width: 203px;
	background: url(../myGfx/redesign_2009/nav_leistungsangebot_off.jpg) no-repeat;
}
li#leistungsangebot a:hover,
li#leistungsangebot a.aktiv {
	background: url(../myGfx/redesign_2009/nav_leistungsangebot_over.jpg) no-repeat;
}
li#referenzen a {
	width: 157px;
	background: url(../myGfx/redesign_2009/nav_referenzen_off.jpg) no-repeat;
}
li#referenzen a:hover,
li#referenzen a.aktiv {
	background: url(../myGfx/redesign_2009/nav_referenzen_over.jpg) no-repeat;
}
li#karriere a {
	width: 135px;
	background: url(../myGfx/redesign_2009/nav_karriere_off.jpg) no-repeat;
}
li#karriere a:hover,
li#karriere a.aktiv {
	background: url(../myGfx/redesign_2009/nav_karriere_over.jpg) no-repeat;
}
li#kontakt a {
	width: 144px;
	background: url(../myGfx/redesign_2009/nav_kontakt_off.jpg) no-repeat;
}
li#kontakt a:hover,
li#kontakt a.aktiv {
	background: url(../myGfx/redesign_2009/nav_kontakt_over.jpg) no-repeat;
}
ul#hauptnavigation li a span {
	display: none;
} 

/* ---------------------------------------------------
   Seitennavigation
   =================================================== */
#seitennavigation {
	background: url(../myGfx/redesign_2009/bg_spalte_links.gif) no-repeat;
	width: 152px;
	height: 455px;
	padding: 30px 10px;
}
#subnaviContainer {
	padding-top: 50px;
	width: 152px;
	height: 230px;
}
ul#navi {
	list-style: none;
}
ul#navi li {

	line-height: 30px;
	height: 30px;
	border-bottom: 1px solid #efefef;
}

#navi a {
	color: #686868;
	text-decoration: none;
}
#navi a:hover {
	text-decoration: underline;
}
#navi a.aktiv {
	font-weight: bold;
	text-decoration: none;
}
	 
/* ---------------------------------------------------
   Inhaltstexte
   =================================================== */
#contentstart {
	background: url(../myGfx/redesign_2009/bg_startseite.gif) no-repeat;
	min-height: 350px;
	float: left;
	width: 520px;
}
#contentportrait {
	background: url(../myGfx/redesign_2009/bg_portrait.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}
#contentleistungsangebot {
	background: url(../myGfx/redesign_2009/bg_leistungsangebot.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}
#contentreferenzen {
	background: url(../myGfx/redesign_2009/bg_referenzen.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}
#contentkarriere {
	background: url(../myGfx/redesign_2009/bg_karriere.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}
#contentkontakt {
	background: url(../myGfx/redesign_2009/bg_kontakt.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}
#contentnewsarchiv {
	background: url(../myGfx/redesign_2009/bg_newsarchiv.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}
#contentlinks {
	background: url(../myGfx/redesign_2009/bg_links.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}
#contentwettbewerb {
	background: url(../myGfx/redesign_2009/bg_wettbewerb.gif) no-repeat;
	min-height: 400px;
	width: 778px;
}

.txtarea {
	padding: 55px 10px 45px 100px;
	width: 520px;
}
.txtarea_breit {
	padding: 55px 10px 45px 100px;
	width: 650px;
}
h1 {
	font-size: 15px;
	color: #2e69b3;
	padding-bottom: 15px;
}
p {
	padding-bottom: 15px;
	line-height: 1.5em;
}
.txtarea a,
.txtarea_breit a {
	color: #2e69b3;
	text-decoration: none;
}
.txtarea a:hover,
.txtarea_breit a:hover {
	text-decoration: underline;
}
.txtarea ul,
.txtarea_breit ul { 
	margin-left: 25px;
	padding-bottom: 1em;
	margin-top: 0px;
}
.txtarea ul li,
.txtarea_breit ul li { 
	margin-bottom: 2px;
	text-align: left;
	list-style-image: url(../myGfx/redesign_2009/punkt_blau.jpg);
	line-height: 18px;
	color: #686868; /* bisher 666666 */
}
#wettbewerb {
	/* position: absolute; */
	/* top: 300px; */
	/* left: 840px; */ /*800px*/
	/* z-index: 30; */
	width: 120px;
	height: 72px;
	float: right;
	padding-right: 17px;
	padding-top: 25px;
}
/* ---------------------------------------------------
   Footer
   =================================================== */
#footer {
	clear: both;
	background: url(../myGfx/redesign_2009/bg_footer.jpg) no-repeat;
	width: 980px;
	height: 132px;
}
#adresse {
	float: left;
	width: 800px;
	padding-top: 100px;
	padding-left: 40px;
	font-size: 11px;
	color: #686868;
}
#copyright {
	clear: both;
	background: white;
	width: 943px;
	padding-right: 38px;
	font-size: 11px;
	text-align: right;
	padding-bottom: 20px;
}
#copyright a {
	text-decoration: none;
	color: #cdcdcd;
	font-size: 11px;
}
#copyright a:hover, .copyright a:active {
	text-decoration: none;
	color: #666;
}
.clearer {
	clear: both;
	display: block;
	font-size: 1px;
	height: 0pt;
	line-height: 1px;
	margin: 0pt;
	padding: 0pt;
}