/* Standard Template fuer RIO CMS */
/* 28.06.2005 Created by Philipp Blatter */
/* 21.06.2007 PB: Free compiled for RIO CMS System */
/* 25.05.2009 PB: Free styled for samplezone */
/* 09.06.2009 PB: background behaviours */
/* 23.06.2009 PB: background, spans, navalpha, referencebox */
/* 13.07.2009 PB: navigation */
/* 14.07.2009 PB: background cleanup, desgins to system/design */
/* 19.07.2009 PB: renew restyling header */
/* 20.07.2009 PB: clean css */
/* 23.07.2009 PB: flash focus etc */
/* 12.08.2009 PB: major color changes, skining */
/* 14.08.2009 PB: backgrounds */
/* 02.09.2009 PB: backgrounds */
/* 04.09.2009 PB: IE6 optimazing, cleaning */
/* 24.09.2009 PB: isactive */
/* 09.11.2009 CC: footer p margin (Support-Tool) */
/* 01.03.2010 CC: footer p margin (Support-Tool MAC) */

/*  color schema -----  */
/*  colordrk: #1278B8;  */
/*  colorgry: #EAEAEA;  */
/*  color100: #1278B8;  */
/*  color050: #BCDA84;  */
/*  color025: #DEDDCC;  */
/*  color010: #E9EDF4;  */


body {
	background: #f0f0f0;
	background: #d5d9c8 url(/img/style/sz-bg-olive-simple.jpg) repeat-x;
	color: #222;
	margin: 0;
	padding: 0;
	font: 12px/15px "Lucida Sans", arial, helvetica, sans-serif;
	width: auto;
	max-width: 1400px;
	background: #f0f0f2 url(/img/style/bg/sz-bg-company-dynamic4.jpg) fixed top left;
	-webkit-text-size-adjust: none;
	}


/*  layout ------------------------------------------------ */


#wrapper {
	position: relative;
	width: 980px; 
	background: white;
	padding: 0;
	margin: 0 auto;
	border-top: 6px solid #1F5162;
	background: #fff url(/img/style/sz-logo-header.jpg) no-repeat 0 0;
	}


#headerpart {
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent; 
	width: 340px; 
	height: 202px;
	}


#panorama {
	position: absolute;
	left: 0;
	bottom: 0;
	background: transparent; 
	width: 932px; 
	height: 202px;
	z-index: 10;
	outline:none;
	outline-style: none; 
	}


#innerframe {
	position: relative;
	width: 932px; 
	padding: 0;
	margin: 0 10px 0 24px;
	}


#header {
	position: relative;
	width: 932px; 
	height: 405px;
	margin: 0 0 30px 0;
	padding: 0;
	z-index: 1; 
	border-top: 1px solid #D8DDE1;
	background: transparent url(/img/style/sz-company-bg-head.gif) repeat-x 0 -7px; 
}

#footer {
	position: relative;
	margin: 0;
	padding: 4px 0;
	width: 980px; 
	height: 49px;
	color: #777;
	background: #eee;
	opacity: 0.9;
	z-index: 9;
}

.content {
	position: relative; 
	width: 700px;
	min-width: 125px;
	min-height: 300px;
	margin: 10px 0 15px 0;
	padding: 5px 6px 10px 250px;
	background: #fff;
}
	
* html .content {
	width: 688px;
	}


#navBeta {
	position: absolute;
	top: 407px;
	left: 696px;
	width: 252px;	
	padding: 35px 0 0 8px;
	color: #000;
	background: #fff url(/img/style/sz-bg-greyfade-pattern.jpg) 0 -1100px;
	z-index: 7;
	min-height: 400px;
	}

* html #navBeta {
	left: 694px;
	}

#navAlpha {
	position: absolute;
	left: -24px;
	width: 230px;
	padding: 0 20px 30px 20px; 
	margin-top: -20px;
	color: #000;
	z-index: 8; 
	}


#navYouarehere {
	position: absolute;
	left: 260px;
	top: 407px;
	z-index: 9;
	background: transparent;
	padding: 4px 10px;
	font: 10px/12px verdana;
	color: #525;
	width: 676px;
	}

.acc { /* class for accessebility elements */
	position: absolute;
	left: -99999em;
}

/*  standard tags  ------------------------------------------------ */


img {
	border: 0;
	}

p {
	margin-top: 0;
	margin-bottom: 1em;
	font: 13px/17px "Lucida Sans", arial, helvetica, sans-serif;
	font: 12px/17px "Lucida Sans", arial, helvetica, sans-serif;
	color: #222;
	}
	
th,td {
	padding: 2px 10px 2px 10px;
	font: 12px/16px arial, helvetica, sans-serif;
	}
	
th {
	text-align: left;
	font-weight: bold;
	}
	
:focus {
	outline:none;
	}

a, a:link, a:visited {
	font-weight: normal; 
	text-decoration: none;
	color: #1f5162;
	background: transparent; 
	border-bottom: 1px dotted #aaa;
	}

a:hover {
	font-weight: normal; 
	color: #000;
	background: transparent; 
	border-bottom: 1px solid #777;
	}

a:active {
	font-weight: normal; 
	color: #f00;
	background: transparent;  
	}

a:focus { 
	outline-style: none; 
	}

a:link.piclink, 
a:visited.piclink, 
a:hover.piclink, 
a:active.piclink, 
.referencepic a, 
.referencepic a:hover {
	border: none;
}


/* skin a colors */
#binternet a:link, #binternet a:visited { color: #848035; }
#bmobile a:link, #bmobile a:visited { color: #486929; }
#bservices a:link, #bservices a:visited { color: #76461d; }


address	{
	font: 11px/15px arial, helvetica, sans-serif;
	color: #aaa;
	background: transparent; 
	}

acronym	{
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted #888;
	}

em {
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	color: #93a6a7;
	background: transparent;  
	}





/*  headlines  ------------------------------------------------ */


h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-family: "Lucida Sans", arial, helvetica, sans-serif;
	}
	
h1	{
	clear: both;
	position: relative;
	margin-top: 4px;
	margin-bottom: 14px;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #888888;
	height: 100px;
	overflow: hidden;
	padding: 70px 330px 10px 25px;
	}

h1 em { color: #707070; }
h1 strong	{ color: #488ba9; }

/* skin h1 color */
#binternet h1 strong { color: #848035; }
#bmobile h1 strong { color: #7d953f; }
#bservices h1 strong { color: #8b624d; }


h2	{
	font-size: 1.5em;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 2px;
	color: #000;
   }

h3	{
	font-size: 14px;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 0.8em;
	font-weight: bold;
	color: #93a6a7;
    }

/* skin h3 color */
/*
#binternet h3 { color: #848035; }
#bmobile h3	{ color: #7d953f; }
#bservices h3 { color: #8b624d; }
#bhome h3, #bcompany h3 { color: #488ba9; }
*/
h3 { color: #afc0b8; }
h3 { color: #9db0a7; }
h3 { color: #93a6a7; }
h3 { color: #93a6a7; }


h4	{
	font-size: 12px;
	line-height: 1.1em;
	margin-top: 11px;
	margin-bottom: 3px;
	font-weight: bold;
	}

h5	{
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	color: #1278B8;
	}



/*  layout elements details ------------------------------------------------ */


#footer address { 
	background: #D0D3D8; 
	color: #a2a2a2; 
	text-decoration: none; 
	text-align: left;
 	border-top: 1px solid #bbb; 
 	padding: 7px 5px 5px 25px;
 }

/* skin footer */
#binternet #footer address { background: #d5d9c8; }
#bmobile #footer address	{ background: #d5d9c8; }
#bservices #footer address { background: #DFCDA7; }

#footer p { color: #999; padding: 2px 5px 6px 25px; font-size: 11px; margin-bottom: 0;}
#footer p strong { margin-right: 115px;}
#footer a { color: #888; text-decoration: none; font-weight: normal; }
#footer a:hover, #footer a:active { color: #000; }
#footer p a:link, #footer p a:visited { color: #777; }
#footer p a:hover, #footer p a:active { color: #000; }
#footer div.nav { text-align: right; margin-top: -17px; }


.project_overview { 
	margin-top: 0; 
	}

#navBeta img {
	margin-bottom: 8px;
	}

.floatbox {
	float: left;
	overflow:hidden;
	margin: 0 10px 10px 0;
	}
	
.rightfloatbox {
	float: right;
	overflow: hidden;
	margin: 0 0 10px 20px;
	}

.leftteaser {
	position: absolute;
	left: 0;
	width: 220px;
	margin-top: -100px;
	}

.sidebox, .searchbox, .teaser, .picturebox, .adressbox {
	margin-bottom: 10px;
	width: 210px;
	overflow:hidden;
	margin: 0 0 10px -3px;
	border: 2px solid #ddd;
	}

.picturebox {
	border: 1px solid #ddd;
	}
	
.adressbox {
	background: transparent;
	border: none;
	}

.searchbox {
	width: auto;
	}

.bookingbox {
	width: 358px;
	}

.sidebox h2, #navAlpha .sidebox h2, .bookingbox h2, .searchbox h2, .teaser h2 {
	background: #ddd;
	color: #777;
	padding: 4px 5px;
	font-size: 12px;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 6px;
	}

.sidebox ul, .bookingbox ul {
	list-style: none;
	margin: 0 2px 8px 8px;
	padding: 0;
	border: 0;
	}

.sidebox p, .bookingbox p, .searchbox p, .teaser p, .adressbox p {
	margin: 0;
	padding: 0 12px 5px 18px;
	font-size: 0.9em;
	color: #555;
	}

.sidebox a {
	margin-left: 10px;
	}

.teaser h3 {
	margin-top: -5px;
	padding: 0 2px 2px 8px;
	}
	
.teaser img {
	margin: -7px 0 0 -8px;
	padding: 0;
	}
	
.picturebox p {
	padding: 0 2px 0 8px;
	margin: 0;
	background: #DEDDCC;
	}

.picturebox p img {
	margin: 0 0 0 -8px;
	}
	
.picturebox em {
	margin-top: -25px;
	}
	
.leadingbox p { 
	font-size: 14px; 
	font-weight: normal; 
	line-height: 18px; 
	}
	
.leadingbox p strong { 
	color: #444;
	}

.textteaser p { 
	color: #fff; 
	background: #BCDA84;
	padding: 7px 10px;
}
.textteaser a { 
	color: #fff;
	text-decoration: none;
}
.textteaser a:hover { 
	color: #000; 
}



/*  navigation left ------------------------------------------------ */

#navAlpha.slot {
	padding: 0 0 10px 8px;
	}

#navAlpha div.nav {
	border: 2px solid #e7e7e7;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width: 210px;
	background: #fff;
	}

#navAlpha h2, #navAlpha h2 a {
	font-size: 14px;
	font-weight: bold;
	color: #0DA7E7;
	text-decoration: none;
	border: none;
	}

/* skin navAlpha h2 */
#binternet #navAlpha h2, #binternet #navAlpha h2 a { color: #a4af25;}
#bmobile #navAlpha h2, #bmobile #navAlpha h2 a { color: #7d953f;}
#bservices #navAlpha h2, #bservices #navAlpha h2 a { color: #8b624d;}
#bcompany #navAlpha h2, #bcompany #navAlpha h2 a { color: #488ba9;}
	
#navAlpha h2 {
	padding-left: 28px;
	}
	
#navAlpha ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	width: 160px;
	}

#navAlpha li {
	display: inline;
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 2px solid #e7e7e7;
	font: 12px/15px arial, helvetica, sans-serif;
	font-weight: normal;
	color: #656565;
	width: 210px;
	display: block;
	}
	
#navAlpha li:first-child {
	border-top: none;
	}

#navAlpha li a {
	display: block;
	margin: 0;
	padding: 5px 5px 5px 25px;
	border: 0;
	background: transparent;
	font-weight: normal;
	color: #656565;
	text-decoration: none;
	width: 180px;
	}
	
#navAlpha li a:link,
#navAlpha li a:visited {
	color: #656565;
	}

#navAlpha li a b, b {
	position: absolute;
	left: -999em;
	}

#navAlpha li a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}

#navAlpha li.sactive a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}	
	
#navAlpha li.sactive {
	background: #d1edf5;
	}	

/* skin navAlpha li.sactive */
#binternet #navAlpha li.sactive { background: #f7fbde; } 
#bmobile #navAlpha li.sactive { background: #eff3de; }	
#bservices #navAlpha li.sactive { background: #f5e9e1; }	
#bcompany #navAlpha li.sactive { background: #e3ebf1; }	
	
/* level2 */

#navAlpha ul.level2 {
	margin: 0;
	}

#navAlpha ul.level2 li {
	color: #656565;
	margin: 0;
	padding: 0 0 0 24px;
	width: 186px;
	border-top: none;
	}	

#navAlpha ul.level2 li a {
	text-decoration: none;
	font-weight: normal;
	color: #656565;
	width: 172px;
	padding: 0 2px 3px 10px;
	}	
	
#navAlpha ul.level2 li a:hover {
	color: #000;
	text-decoration: none;
	}
	
#navAlpha ul.level2 li.pactive a, #navAlpha ul.level2 li.sactive a {
	text-decoration: none;
	font-weight: bold;
	color: #429BCB;
	}	

/* skin sublevel */
#binternet #navAlpha ul.level2 li.sactive a { color: #848035; }
#bmobile #navAlpha ul.level2 li.sactive a { color: #486929; }
#bservices #navAlpha ul.level2 li.sactive a { color: #76461d; }
#bhome #navAlpha ul.level2 li.sactive a,
#bcompany #navAlpha ul.level2 li.sactive a { color: #1f5162; }

/* level3 */

#navAlpha ul.level3 {
	margin: 0;
	width: 160px;
	}

#navAlpha ul.level3 li {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #656565;
	margin: 0;
	padding: 0 0 0 10px;
	width: 140px;
	}	

#navAlpha ul.level3 li a {
	font-size: 9px;
	text-decoration: none;
	font-weight: normal !important;
	color: #656565;
	width: 140px;
	padding: 3px 2px 0 10px;
	}	
	
#navAlpha ul.level3 li a:hover {
	color: #000;
	text-decoration: none;
	}
	
#navAlpha ul.level3 li.pactive a, #navAlpha ul.level3 li.sactive a {
	text-decoration: none;
	/*font-weight: bold !important;*/
	color: #003471;
	}	

#navAlpha ul+ul {
	margin-top: 20px;
	}




/*  freedoc content ------------------------------------------------ */


.content img {
	margin-bottom: 8px;
	}


img.i {
	background: #fff; 
	/*float: left;*/	
	border: 1px solid #ddd; 
	margin: 2px 0 0 0;
	padding: 0; 
	}
	
img.il {
	margin: 0 16px 4px 0;
	padding: 0; 
	}

img.il {
	margin: 0 16px 4px -7px;
	padding: 0; 
	}
	
img.ir {
	margin: 0 0 4px 16px;
	padding: 0; 
	}
	

.content h2 {
	color: #78b7cd;
	margin-bottom: 8px;
	font-size: 1.5em;
	font-weight: normal;
	padding-top: 4px;
}

/* skin content h2 */
#bhome .content h2, 
#bcompany .content h2 { color: #488ba9; }
#binternet .content h2 { color: #a4af25; }
#bmobile .content h2	{ color: #7d953f; }
#bservices .content h2 { color: #8b624d; }


.fcontent {
	background: transparent;
	padding: 3px 20px;
	margin-bottom: 10px;
	overflow:hidden;	
	}
	
.fcontent .fcontent {
	border: none;	
	padding: 0;
	}

.content p	{
	display: block;
	padding-right: 15px;
	}

.content p em	{
	color: #93a6a7;
	font-weight: bold;
	}


	/*  Lists   */

.content ul {
	margin: 0 0 15px 11px;
	padding: 0 0 3px 0;
	}

.content ol {
	margin: 0 0 15px 15px;
	padding: 0 0 3px 0;
	list-style-type:decimal;
	}

* html .content ol { margin: 0 0 15px 19px; }
*+html .content ol { margin: 0 0 15px 19px; }
	
.content li {
	margin: 0 0 7px 10px;
	padding: 0;
	padding-left: 15px;
	line-height: 130%;
	font: 12px/17px "Lucida Sans",arial;
	color: #444;
	}

.fcontent ul {
	list-style: circle outside;
	list-style-image: url(/img/style/sz-company-i-tick.gif);
	}
	
/* skin tick */
#binternet .fcontent ul { list-style-image: url(/img/style/sz-internet-i-tick.gif); }
#bmobile .fcontent ul { list-style-image: url(/img/style/sz-mobile-i-tick.gif); }
#bservices .fcontent ul { list-style-image: url(/img/style/sz-services-i-tick.gif); }
#bhome .fcontent ul, 
#bcompany .fcontent ul { list-style-image: url(/img/style/sz-company-i-tick.gif); }

.content ul ul,
.content ol ol {
	margin: 3px 0 5px 12px;
	padding: 0 0 3px 0;
	}
.content ol ol {
	list-style-type: upper-roman;
	}
.content ol ul {
	margin: 6px 0 4px 12px;
	padding: 0 0 3px 0;
	}

.content ul ul li {
	margin: 0 0 1px 5px;
	padding: 0 0 0 5px;
	line-height: 130%;
	list-style-image: url(/img/style/sz-i-arrow.gif); 
	}
	
/*  freedoc boxes , check out */ 

.content p.boxalert, .content p.boxalert1 {
	clear: both;
	display: block;
	padding: 5px 8px 4px 28px;
	margin-top: 4px;
	margin-bottom: 5px;
	background: #FEFFAF url(/img/i_idee.gif) no-repeat 3px 1px;
	border: 1px solid #EEEF95;
	color: #000;
	width: auto;
	font: 11px/12px arial, sans-serif;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

.content p.boxquest {
	display: block;
	padding: 4px 8px 4px 30px;
	margin-top: 4px;
	margin-bottom: 8px;
	border: 0;
	background: #DEDDCC;
	border-left: 3px solid #CCA;
	color: #000;
	width: 625px;
	}

.content p.box, #navBeta p.box	{
	color: #888;
	font-size: 10px;
	padding: 0;
	background: transparent;
	}
	
.content p.box1	{
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -9px;
	margin-bottom: 4px;
	width: 625px;
	}

.content p.box1 img	{
	vertical-align: bottom;
	}

/* special alertbox */

* html .content p.boxalert { display: none; }


	/*  freedoc pre box  */ 

.content pre	{
	display: block;
	padding: 5px 10px;
	overflow: auto;
	margin-top: 0;
	margin-bottom: 1em;
	background: #EAEAEA; 
	color: #625343;
	font: 11px/1.3 monospace, "Lucida Console", monaco, monospace;
	width: 625px;
	}


	/*  freedoc Table Variations in light blue, 100%, 80%, 60%  */
	
.tbl, .tbl1, .tbl2  { 
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	border: solid 1px #888; 
	width: 100%;
	width: 660px;
	}
	
.tbl td, .tbl1 td, .tbl2 td  {
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	padding: 0 10px 0 10px;
	vertical-align: top;
	background-color: #fff;
	color: #555;
	}
	
.tbl th, .tbl1 th, .tbl2 th  {
	border-right: 1px solid #ddd;
	background-color: #EAEAEA;
	color: #888;
	}
	
.tbl2 th {
	display: none;
	}
	

.tbl  { 
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	border: solid 1px #fff; 
	border-bottom: solid 1px #ccc; 
	}
	
.tbl th  {
	vertical-align: top;
	background: #ccc url(/img/style/sz-bg-greyfade.jpg) repeat-x 0 -300px;
	color: #777;
	}
	
.tbl td  {
	padding-top: 4px;
	}

	
	/*  freedoc Table Variations in light grey, 100%, 80%, 60%  */

.tbl3, .tbl4, .tbl5  { 
	margin-bottom: 8px;
	background-color: #fff;
	border: solid 1px #fff; 
	}
	
.tbl3 td, .tbl4 td, .tbl5 td  {
	border: none;
	border-bottom: 1px dotted #999;
	background-color: #fff;
	color: #333;
	padding: 2px 0 2px 0;
	vertical-align: middle;
	}
	
.tbl3 th, .tbl4 th, .tbl5 th  {
	border: none;
	border-bottom: 1px solid #000;
	background-color: #fff;
	color: #555;
	padding: 2px 3px 2px 1px;
	}

.tbl4 th {
	display: none;
	}

.tbl4 {
	width: 500px;
	}
	
.tbl5 {
	width: 700px;
	margin-bottom: 16px;
	}

.tbl5 th {
	border: none;
	border-right: 1px solid #DEDDCC;
	background-color: #DEDDCC;
	color: #555;
	padding: 1px 10px 1px 10px;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	}
	
.tbl5 td {
	padding: 2px 10px 2px 10px;
	}


	/*  freedoc Table Variations transparent, 100%, 80%, 60%  */

.tbl6, .tbl7, .tbl8  { 
	margin-bottom: 15px;
	background-color: transparent;
	border: 0; 
	}
	
.tbl6 td, .tbl7 td, .tbl8 td  {
	padding: 0;
	padding-right: 8px;
	background-color: transparent;
	border: 0; 
	}
	
.tbl6 th, .tbl7 th, .tbl8 th  {
	display: none;
	padding: 0;
	background-color: transparent;
	border: 0; 
	}

.tbl7 {
	width: 100%;
	}

.tbl8 {
	width: 70%;
	}

.fline {
	border-top: 1px dotted #ddd; 
	height: 15px;
	}



/*  forms input  */ 

input::-moz-focus-inner { border: 0; }
button::-moz-focus-inner { border: 0; }

input, input.full { 
	color: #333333; 
	font-size: 11px; 
	font-family: Verdana, sans-serif;
	background-color: #eeeeee;
	}
	
input.full { 
	width: 100%;
	}

input.ecard { 
	width: 60%;
	}

select { 
	color: black; 
	font-size: 11px; 
	font-family: Verdana, sans-serif;
	background-color: #eeeeee; 
}

img.butt {
	background: #CBE3EB; 
	border: 0; 
	margin: 0;
	padding: 0; 
}



/*  hotel related pages   ------------------------------------------------ */
/*  to check and clean up   ------------------------------------------------ */

	
.hotellist, .destinationlist, .destinationlist2, .infobox {
	width: 625px;
	padding: 6px 10px;
	margin-bottom: 8px;
	background: #eee;
	}

.hotellist h2, .infobox h2 {
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
	}

.destinationlist h2 {
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
	}


/* alternative hotellist 2 columns */
	
.destinationlist ul {
	border: 0;
	margin-left: 0;
	padding: 0;
	list-style-type: none;
	}

.destinationlist ul li {
	display: block;
	float: left;
	width: 165px;
	text-align: left;
	border: 0;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-image: none;
	}
	
.destinationlist .fline {
	clear: left;
	border: 0; 
	height: 1px;
}


	
.hotellist ul {
	border: 0;
	margin-left: 0;
	padding: 0;
	list-style-image: none;
	}
	
.hotellist li {
	border: 0;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-image: none;
	}

.infobox h2 {
	padding-bottom: 6px;
	border-bottom: 1px solid #999;
	}

.infobox h3 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
	}

.teaserbox {
	width: 460px;	
	position: relative;
	/*border: 10px solid #84AAD3;*/
	/*border-width: 0 8px 8px 8px;*/
	padding: 0;
	margin-bottom: 10px;
	background: url(/img/style/elegant/bg_teaserbox.gif) no-repeat;	
	}
	
.teaserbox h2 {
	color: #fff;
	padding: 6px 0 3px 10px;
	margin-bottom: 9px;
	font-size: 1.5em;
	}

.teaserbox h2 em {
	font-size: 0.93em;
	color: #fff;
	padding-left: 10px;
	}

.teaserbox h3 {
	padding: 6px 6px 6px 10px;
	}

.teaserbox img {
	position: absolute;
	left: 12px;
	}
	
.teaserbox p {
	padding: 0 18px 0 190px;
	margin-bottom: 8px;
	left: 0;
	}


.teaserbox .fline {
	background: #fff url(/img/style/elegant/bg_teaserbox.gif) no-repeat 0 -422px;
	border: none;
	height: 20px;
}


/*  logos  ------------------------------------------------ */


#logolink { 
	position: absolute;
	left: 600px;
	top: 30px;
	width: 327px;
	height: 92px;
	overflow: hidden;
	border: none;
}
#logo { 
	position: absolute;
	left: 340px;
}


#segmentlink {
	position: absolute;
	left: 9px;
	top: 20px;
	border: none;
	}



/*  helpers  ------------------------------------------------ */


.whitespace	{
	background: #fff url(/img/pat_whitespace.gif);
	margin: 40px 0 0 0;
	padding: 0 15px; 
	}

.clearall {
	clear: both;  /* erzwingt neue zeile nach text umfluss float */
	height: 1px;
	}

.inline {
	display: inline;
	}

.hide, hr {
	display: none;
	}

.vspace {
	margin: 10px 0 0 0;
	}
	
.sp10 { margin-top: 10px; }
.sp15 { margin-top: 15px; }
.sp20 { margin-top: 20px; }

.error { color: red; }

/*  Indu: lievedit  ------------------------------------------------ */

.liveedit {
	margin: 0;
	margin-bottom: 30px;
	border: 1px #E5DD98 solid;
	border-top: 1px #fff solid;
	padding: 2px 5px 2px 26px;
	background: #FAF4C4 url(/img/iliveedit.gif) no-repeat 6px 5px;
}

.liveedit a, .liveedit a:link, .liveedit a:visited {
	text-transform: uppercase;
	color: #CA9D50;
	text-decoration: none;
	background: transparent; 
}

.liveedit a:hover {
	color: #F4B244;
	text-decoration: none;
	background: transparent; 
}

/* in olive */
.liveedit {
	margin: 0;
	margin-bottom: 30px;
	border: 1px #A0D872 solid;
	border-top: 1px #fff solid;
	padding: 2px 5px 2px 26px;
	background: #CDF8A9 url(/img/iliveedit1.gif) no-repeat 6px 5px;
}

.liveedit a, .liveedit a:link, .liveedit a:visited {
	text-transform: uppercase;
	color: #80B231;
	text-decoration: none;
	background: transparent; 
}

.liveedit a:hover {
	color: #9D910C;
	text-decoration: none;
	background: transparent; 
}



/*  some other strange tunings  ------------------------------------------------ */


.picturebox em {
	color: #5F6C47;
	}

.photoregularfive {
	vertical-align: middle;
	vertical-align: text-top;
}

.avalability li {
	list-style-type: none;
}

.th1 { width: 60px; }
.th2 { width: 270px; }



/* formular stuff */


#xForm { 
	margin: 0 0 25px -8px;
	background: #fff url(/img/style/sz-bg-greyfade-pattern.jpg) 0 -1100px;
	padding: 5px 10px;
	border: 2px solid #e7e7e7;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	}
	
#xForm input,
#xForm textarea,
#xForm select { 
	margin-top: 5px;
	width: 350px;
	background: #E3EBF1;
	padding: 2px 0 2px 5px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	}
#xForm #gender input { width: 20px; margin-top: 10px; }
#xForm #newsletter input { width: 20px; margin-top: 10px; }
#xForm #service { padding-bottom: 2em; }

#xForm .warning, #xForm .warning p, #xForm .warning p span {
	margin: 0;
	padding: 2px 0;
	font-weight: bold;
	color: #DC2102;
	}
#xForm .warning p span { margin-left: 5px; }

#xForm label {
	float: left;
	width: 25%;
	padding-top: 8px;
	padding-left: 5px;
	text-align: left;
	font-size: 13px;
	}

#xForm fieldset { 
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
	background: #eee;
	}

#xForm fieldset p { 
	margin: 0 0 8px 0; 
	padding: 0 0 0 10px; 
	}

#xForm legend {
	font-weight: bold;
	font-size: 12px;
	color: #555;
	padding-left: 3px;
	}

#xForm p small {
	font-size: 10px;
	background: #ddd;
	padding: 1px;
	}

#xForm textarea {
	}

#xForm input:focus,
#xForm textarea:focus,
#xForm select:focus { 
	background: #fff;
	}
	
#xForm .required label {
	color: red;
	}

#xForm .required input,
#xForm .required select,
#xForm .required textarea {
	border-left: 4px solid red;
	background: #ebccc6;
	width: 348px;
	}
	
#xForm #msg { 
	margin-top: 10px;
	border-top: 1px solid #ddd;
	}
#xForm #msg textarea { 
	height: 7em; margin-top: 20px; 
	}
	
#xForm #sendform { 
	clear: both;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	}
#xForm #sendform input { 
	margin-left: 13em;
	width: 40%; 
	color: #555;
	font-weight: bold;
	background:#fff url(/img/style/bg_bookingbox_submit.gif) repeat-x -10px 0;
	border-color:#676C76;
	border-width:thin;
	}
	
#xForm #captcha { 
	padding-top: 8px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	}
#xForm #captcha label { width: 25%; font-size: 10px; }
#xForm #captcha input { margin-left: 0; width: 154px; font-size: 20px; padding: 5px; }
#xForm #captcha img { margin-top: 4px; vertical-align: top; margin-left: 10px; }
#xForm #cancel input { width: 20%; }

h2.msgsend, h2.msgnotsend {
	color: #93BA1F;
	font-size: 30px;
	padding-right: 100px;
}

#header h2 {
	font-size: 24px;
	color: #fff;
	padding: 10px 25px;
	text-align: right;
}


/* breadcrumb */

#navYouarehere p, #navYouarehere a, #navYouarehere em { color: #888; border: none; font-size: 13px; margin-bottom: 0; }
#navYouarehere a, #navYouarehere em { font-size: 11px; }

/* skin breadcrumb */
#binternet #navYouarehere p { color: #848035; }
#bmobile #navYouarehere p { color: #336d17; }
#bservices #navYouarehere p { color: #76461d; }
#bhome #navYouarehere p,
#bcompany #navYouarehere p { color: #1f5162; }


#navYouarehere a:link, #navYouarehere a:visited { color: #777; }
#navYouarehere a:hover, #navYouarehere a:active { color: #444; }



/* sitemap */

.content .sitemap ul {
    list-style-type:square;
    margin:0;
    padding:0 0 0 14px;
	}
.content .sitemap li {
    margin-bottom:6px;
    line-height:16px;
	}
.content .sitemap ul ul { 
    list-style-type:circle;
	}
.content .sitemap ul ul li {
    list-style-type:circle;
    margin:6px 0 0 0;
    padding-left:12px;
	}
* html .content .sitemap ul ul li { 
	background-position:0px 7px; 
	}
.content .sitemap ul ul ul li { 
    list-style-type:disc;
	background:none; 
	}
.content .sitemap ul ul ul ul li { 
    list-style-type:circle;
	}
.content .sitemap ul ul ul ul ul li { 
    list-style-type:disc;
	}
.content .sitemap ul ul ul ul ul ul li { 
    list-style-type:circle;
	}



.column1, .column2 {
	border-right:1px solid #eee;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	padding-right:20px;
	width:300px;
	background: #fff;
	}

.column2 {
	width: 300px;
	margin-right: 0;
	padding-right: 0;
	border-right: none;
	}

.bermudabox {
	width: 425px;
	}

.tool-navigation, .start, .unser-angebot h2 {
	display: none;
	}

#mainnavigation {
	margin-top: 154px;
	height: 50px;
	}
	
#mainnavigation ul {
	margin:0;
	padding:0;
	}
	
#mainnavigation li {
	color:#000000;
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:auto;
	-webkit-transition: all 0.5s;
	}

#mainnavigation li span {
	position: relative;
	left: -800em;
	}

#mainnavigation li a {
	color:#000000;
	padding:10px;
	height: 24px;
	/*border: 1px solid red;*/
	width:212px;
	display:block;
	text-decoration: none;
	background: #aaa url(/img/style/sz-mainnavigation3.jpg) no-repeat -5px -53px;
	border: none;
	}

/*
#mainnavigation li.internet a { background-position: -5px -53px; }
#mainnavigation li.mobile a { background-position: -236px -53px; }
#mainnavigation li.services a { background-position: -468px -53px; }
#mainnavigation li.company a { background-position: -701px -53px; }

#mainnavigation li.internet.sactive a, #mainnavigation li#minternet.sactive a { background-position: -5px -3px; }
#mainnavigation li.mobile.sactive a, #mainnavigation li#mmobile.sactive a { background-position: -236px -3px; }
#mainnavigation li.services.sactive a, #mainnavigation li#mservices.sactive a { background-position: -468px -3px; }
#mainnavigation li.company.sactive a,#mainnavigation li#mcompany.sactive a { background-position: -701px -3px; }

#mainnavigation li.internet a:hover { background-position: -5px -152px; }
#mainnavigation li.mobile a:hover { background-position: -236px -152px; }
#mainnavigation li.services a:hover { background-position: -468px -152px; }
#mainnavigation li.company a:hover { background-position: -701px -152px; }
*/

#mainnavigation li.internet a { background-position: -5px -53px; }
#mainnavigation li.mobile a { background-position: -237px -53px; }
#mainnavigation li.services a { background-position: -468px -53px; }
#mainnavigation li.company a { background-position: -701px -53px; }

#mainnavigation li.internet.sactive a, #mainnavigation li#minternet.sactive a { background-position: -5px -3px; }
#mainnavigation li.mobile.sactive a, #mainnavigation li#mmobile.sactive a { background-position: -236px -3px; }
#mainnavigation li.services.sactive a, #mainnavigation li#mservices.sactive a { background-position: -469px -3px; }
#mainnavigation li.company.sactive a,#mainnavigation li#mcompany.sactive a { background-position: -701px -3px; }

#mainnavigation li.internet a:hover { background-position: -5px -152px; }
#mainnavigation li.mobile a:hover { background-position: -236px -152px; }
#mainnavigation li.services a:hover { background-position: -468px -152px; }
#mainnavigation li.company a:hover { background-position: -701px -152px; }


/* teaser and reference boxes --------------------------------------- */


.widebox {
	position: relative;
	left: -260px;
	width: 920px;
	}

.referencebox {
	background: #f0f0f2 url(/img/style/sz-bg-greyfade.jpg) repeat-x 0 -300px;
	height: 134px;
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #eee;
	width: 664px;
	overflow:hidden;
	margin: 10px 10px 4px 0;
	position: relative;
	}

.referencebox:hover {
	border: 1px solid #ddd;
	}
.hasdetail:hover {
	background: #ddd url(/img/style/sz-bg-greyfade.jpg) repeat-x 0 -500px;
	border: 1px solid #aad;
	cursor: pointer;
	}
	
.referencebox a:link,
.referencebox a:visited {
	color: #4C95AF;
	text-decoration: none;
	}
	
.hasdetail:hover h2 a {
	color: #1D4E5F;
	text-decoration: none;
	cursor: pointer;
	}
.referencebox div.referencepic {
	float: left;
	overflow: hidden;
	width: 172px;
	height: 134px;
	background: #ddd;
	}
.hasdetail:hover div.referencepic {
	background: #ccc;
	}
	
.referencebox img {
	border: 4px solid #fff;
	/*
	width: 200px;
	height: 120px;
	*/
	margin: 3px;
	}
.referencebox h2 {
	padding-top: 10px;
	width: 473px;
	float: right;
	}
.referencebox h2 sub {
	position: absolute;
	left: 120px;
	top: 0;
	display: block;
	font-size: 10px;
	font-weight: bold;
	background: #444;
	color: #fff;
	padding: 2px 5px;
	}
.referencebox div.fcontent {
	width: 450px;
	float: left;
	background: transparent;
	}
.referencebox div.fcontent p {
	color: #444;
	margin: 0;
	font-size: 0.9em;
	padding-right: 0;
	}
.hasdetail:hover div.fcontent p {
	color: #000;
	}
	
#referenzen {
	background: #fff;
	min-height: 200px;
	padding-left: 16px;
	margin-bottom: 30px;
	}
#referenzen h3 {
	border-top: 2px solid #eee;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-top: 10px;
	width: 670px;
	color: #78B7CD;
	font-size: 18px;
	font-weight: normal;
	}
#referenzen h3 strong {
	font-weight: bold;
	}

/* skin h3 referenzen */
#binternet #referenzen h3 { color: #a4af25; }
#bmobile #referenzen h3	{ color: #7d953f; }
#bservices #referenzen h3 { color: #8b624d; }
#bhome #referenzen h3, 
#bcompany #referenzen h3 { color: #488ba9; }

	
	
#referenzen h4 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
	color: #bbb;
	font-weight: normal;
	}
	
#referenzen #weitere_referenzen {
	float: right;
	margin-right: 30px;
	}	

#referenz {
	margin-top: -20px;
	margin-left: 20px;
	}
#referenz .fcontent {
	padding-left: 0;
	}
.content #referenz h2 {
	font-size: 1.9em;
	}

#referenz h3.topline {
	border-top: none;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-top: 10px;
	width: 670px;
	color: #bbb;
	font-size: 14px;
	font-weight: normal;
	}
#referenz h3.topline strong {
	font-weight: normal;
	}

#referenz .leadingbox p {
	font-size: 12px;
	}
	

#referenz .description h2 {
	color: #777;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	width: 668px;
	font-size: 12px;
	padding-bottom: 3px;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
#referenz .description h3 {
	color: #444;
	padding-left: 8px;
	font-size: 13px;
	}

#bcompany #referenzen h3.topline strong,
#bcompany #referenz h3.topline strong {
	display: none;
	}

#bcompany #referenzen h3.topline,
#bcompany #referenz h3.topline {
	font-weight: bold;
	}

/* design pages, to check design 

#mainnavigation .system { display: none; }
#bsystem #header { border: none; border-top: 1px solid transparent; }
#bsystem #segmentlink { left: -999em; }
#bsystem #panorama { display: none; }
#bsystem #navAlpha { display: none; }
#bsystem #logo { left: -999em; }

#bsystem.bbinternet { background: #f0f0f2 url(/img/style/sz-tapetedreihell.jpg) repeat-x bottom left fixed; }
#bsystem.bbinternet #wrapper { background: #fff url(/img/style/sz-internet.jpg) no-repeat -2px 0; }
#bsystem.bbinternet .content { background: transparent; min-height: 1200px; }
#bsystem.bbinternet h1 { text-indent: -999em; }
#bsystem.bbinternet #mainnavigation li a { background: transparent; }

#bsystem.bbmobile { background: #f0f0f2 url(/img/style/sz-romanesco.jpg) repeat-x bottom left fixed; }
#bsystem.bbmobile #wrapper { background: #fff url(/img/style/sz-mobile.jpg) no-repeat -2px 0; }
#bsystem.bbmobile .content { background: transparent; min-height: 1300px; }
#bsystem.bbmobile h1 { text-indent: -999em; }
#bsystem.bbmobile #mainnavigation li a { background: transparent; }

#bsystem.bbservices { background: #f0f0f2 url(/img/sz-bg-redboxgang.jpg); }
#bsystem.bbservices #wrapper { background: #fff url(/img/style/sz-services.jpg) no-repeat -2px 0; }
#bsystem.bbservices .content { background: transparent; min-height: 900px; }
#bsystem.bbservices h1 { text-indent: -999em; }
#bsystem.bbservices #mainnavigation li a { background: transparent; }

#bsystem.bbcompany { background: #f0f0f2 url(/img/style/sz-bg-sessel.jpg); }
#bsystem.bbcompany #wrapper { background: #fff url(/img/style/sz-company.jpg) no-repeat -2px 0; }
#bsystem.bbcompany .content { background: transparent; min-height: 600px; }
#bsystem.bbcompany h1 { text-indent: -999em; }
#bsystem.bbcompany #mainnavigation li a { background: transparent; }
*/


/* slideshow gallery dhtml -------------------------------------------------   */

.gallery {
	position: relative;
	background: #fff;
	margin-bottom: 40px;
	border: 2px solid #ccc;
	z-index: 100;
	width: 670px;
	}
.slideshowContainer {
	background: #eee;
	height:352px;
	width:535px;
	border: 2px solid #ccc;
	height:446px;
	width:670px;
	}
.loading {
	background:transparent url(/img/loading.gif) no-repeat scroll center center;
	}
.slideshowThumbnail {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	}
#thumbnails a:link,
#thumbnails a:visited,
#thumbnails a:hover,
#thumbnails a:active {
	margin:0;
	padding: 0;
	border: none;
	}
#wrapper .legend {
	height:86px;
	margin-top:4px;
	position: absolute;
	bottom: 10px;
	border: 2px solid red;
	height: 200px;
	width: 600px;
	}
#thumbnails {
	overflow:hidden;
	white-space:nowrap;
	width:664px;
	background: #777;
	padding: 5px;
	}

#thumbnails img {
	margin-right:2px;
	border: 1px solid #fff;
	height: 80px;
	}
a.slideshowThumbnail:hover img, .outline {
	opacity:0.5;
	}
.outline {
	background-color:black;
	border:3px solid black;
	position:absolute;
	z-index:130;
	margin-top: 5px;
	}
#thumbnails div {
	display:none;
	}

#slideshowLegend {
	position: absolute;
	top: 5px;
	left: -200px;
	width: 160px;
	height: 300px;
	border: 1px solid green;
	}




/* chapter box */

.chapterbox {
	float: left;
	width: 296px;
	background: #f0f0f2 url(/img/style/sz-bg-chapterbox-single.gif) repeat-x -4px -3px;
	margin: 0 2px 14px -12px;
	padding: 8px 24px 8px 20px;
	height: 168px;
	overflow: hidden;
	}

.chapterbox:hover {
	background: #f0f0f2 url(/img/style/sz-bg-chapterbox-single.gif) repeat-x -4px -200px;
	cursor: pointer;
	}

.chapterbox h2 {
	line-height: 1.4em;
	}

.chapterbox h2 a:link, .chapterbox h2 a:visited,
.chapterbox h2 a:hover, .chapterbox h2 a:active {
	text-decoration: none;
	}

.chapterbox p {
	font-size: 12px;
	color: #444;
	padding-right: 5px;
	}
	
.chapterbox h2 strong { font-weight: normal; }
.chapterbox p { font-weight: normal; }
.chapterbox p strong { font-weight: normal; }


/* skin chapter */
#bhome .chapterbox h2 a:link, #bhome .chapterbox h2 a:visited { color: #488ba9; }
#bhome .chapterbox h2 a:hover, #bhome .chapterbox h2 a:active { color: #1f5162; }
#bhome .chapterbox:hover h2 a { color: #1f5162; }

#binternet .chapterbox h2 a:link, #binternet .chapterbox h2 a:visited { color: #848035; }
#binternet .chapterbox h2 a:hover, #binternet .chapterbox h2 a:active { color: #a4af25; }
#binternet .chapterbox:hover h2 a { color: #a4af25; }

#bmobile .chapterbox h2 a:link, #bmobile .chapterbox h2 a:visited { color: #336d17; }
#bmobile .chapterbox h2 a:hover, #bmobile .chapterbox h2 a:active { color: #7d953f; }
#bmobile .chapterbox:hover h2 a { color: #7d953f; }

#bservices .chapterbox h2 a:link, #bservices .chapterbox h2 a:visited { color: #8b624d; }
#bservices .chapterbox h2 a:hover, #bservices .chapterbox h2 a:active { color: #76461d; }
#bservices .chapterbox:hover h2 a { color: #76461d; }

#bcompany .chapterbox h2 a:link, #bcompany .chapterbox h2 a:visited { color: #488ba9; }
#bcompany .chapterbox h2 a:hover, #bcompany .chapterbox h2 a:active { color: #1f5162; }
#bcompany .chapterbox:hover h2 a { color: #1f5162; }




/* sexy bookmarks ---------------------------------------------- */

div.sexy-bookmarks {
	height:54px;
	background:url('/img/style/socialbookmark-line-grey.png') no-repeat left top;
	position:relative;
	width:920px;
	}


div.sexy-bookmarks ul.socials {
	margin:0 !important;
	padding:0 !important;
	position:absolute;
	bottom:0;
	left:10px;
	}

div.sexy-bookmarks ul.socials li {
	display:inline-block !important;
	float:left !important;
	list-style-type:none !important;
	margin:0 !important;
	height:29px !important;
	width:48px !important;
	cursor:pointer !important;
	padding:0 !important;
	}

div.sexy-bookmarks ul.socials a {
	display:block !important;
	width:48px !important;
	height:29px !important;
	font-size:0 !important;
	color:transparent !important;
	}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
	background:url('/img/style/socialbookmark-icons.png') no-repeat !important;
	}

.sexy-furl { background-position:-300px top !important; }
.sexy-furl:hover { background-position:-300px bottom !important; }

.sexy-digg { background-position:-500px top !important; }
.sexy-digg:hover { background-position:-500px bottom !important; }

.sexy-reddit { background-position:-100px top !important; }
.sexy-reddit:hover { background-position:-100px bottom !important; }

.sexy-stumble { background-position:-50px top !important; } 
.sexy-stumble:hover { background-position:-50px bottom !important; }

.sexy-delicious { background-position:left top !important; }
.sexy-delicious:hover { background-position:left bottom !important; }

.sexy-yahoo { background-position:-650px top !important; }
.sexy-yahoo:hover { background-position:-650px bottom !important; }

.sexy-blinklist { background-position:-600px top !important; }
.sexy-blinklist:hover { background-position:-600px bottom !important; }

.sexy-technorati { background-position:-700px top !important; }
.sexy-technorati:hover { background-position:-700px bottom !important; }

.sexy-myspace { background-position:-200px top !important; }
.sexy-myspace:hover { background-position:-200px bottom !important; }

.sexy-twitter { background-position:-350px top !important; }
.sexy-twitter:hover { background-position:-350px bottom !important; }

.sexy-facebook { background-position:-450px top !important; } 
.sexy-facebook:hover { background-position:-450px bottom !important; }

.sexy-mixx { background-position:-250px top !important; }
.sexy-mixx:hover { background-position:-250px bottom !important; }

.sexy-script-style { background-position:-400px top !important; }
.sexy-script-style:hover { background-position:-400px bottom !important; }

.sexy-designfloat { background-position:-550px top !important; }
.sexy-designfloat:hover { background-position:-550px bottom !important; }

.sexy-syndicate { background-position:-150px top !important; }
.sexy-syndicate:hover { background-position:-150px bottom !important; }

.sexy-email { background-position:-753px top !important; }
.sexy-email:hover { background-position:-753px bottom !important; }




/* ////////////////////// debug / preview ///////////////////////////////// */


/*.content p.boxalert { display: none !important; } */


/* NEW CONCEPT 11.AUG.2009 */

#binternet #header { background: transparent url(/img/style/sz-internet-bg-head.gif) repeat-x 0 -7px; }
#bmobile #header { background: transparent url(/img/style/sz-mobile-bg-head.gif) repeat-x 0 -7px; }
#bservices #header { background: transparent url(/img/style/sz-services-bg-head.gif) repeat-x 0 -7px; }

#bhome #wrapper, 
#bcompany #wrapper { border-top-color: #1f5162; } /*488ba9 */
#binternet #wrapper { border-top-color: #848035; } /* a4af25 */
#bmobile #wrapper { border-top-color: #486929; }  /* 7d953f 7c9741 */
#bservices #wrapper { border-top-color: #76461d; } /* 8b624d */


#bmobile #headerpart { background-image: url(/gallery/samplezone/animation/sz-mobile-static.jpg); }
#binternet #headerpart { background-image: url(/gallery/samplezone/animation/sz-internet-static.jpg); }
#bservices #headerpart { background-image: url(/gallery/samplezone/animation/sz-services-static.jpg); }
#bcompany #headerpart { background-image: url(/gallery/samplezone/animation/sz-company-static.jpg); }
#bhome #headerpart { background-image: url(/gallery/samplezone/animation/sz-home-static.jpg); }



/* 04.03.2009 PB: neuer head */
/*
#bmobile #wrapper { background: transparent url(/img/style/sz-mobile-bg-wrapper.jpg) repeat-x 0 -7px; border-top: 6px solid #008500; }
#bmobile #header { background: transparent url(/img/style/sz-mobile-bg-head.jpg) repeat-x 0 -7px; border-color: transparent; }

#bmobile #headerpart { background-image: url(/gallery/samplezone/animation/mobile-static.jpg); }

#binternet #wrapper { background: transparent url(/img/style/sz-internet-bg-wrapper.jpg) repeat-x 0 -7px; border-top: 6px solid #8f7401; }
#binternet #header { background: transparent url(/img/style/sz-internet-bg-head.jpg) repeat-x 0 -7px; border-color: transparent; }
#binternet #headerpart { background-image: url(/gallery/samplezone/animation/internet-static.jpg); }

#bservices #wrapper { background: transparent url(/img/style/sz-services-bg-wrapper.jpg) repeat-x 0 -7px; border-top: 6px solid #941f00; }
#bservices #header { background: transparent url(/img/style/sz-services-bg-head.jpg) repeat-x 0 -7px; border-color: transparent; }
#bservices #headerpart { background-image: url(/gallery/samplezone/animation/services-static.jpg); }

#bcompany #wrapper { background: transparent url(/img/style/sz-company-bg-wrapper.jpg) repeat-x 0 -7px; border-top: 6px solid #065d7b; }
#bcompany #header { background: transparent url(/img/style/sz-company-bg-head.jpg) repeat-x 0 -7px; border-color: transparent; }
#bcompany #headerpart { background-image: url(/gallery/samplezone/animation/sz-company-static.jpg); }
*/


/* body images */

/*
#binternet { background: #f0f0f2 url(/img/style/sz-bg-greyfade.jpg) repeat-x; }
#binternet { background: #f0f0f2 url(/img/style/sz-nightdrei.jpg) repeat-x top right fixed; }
#binternet { background: #f0f0f2 url(/img/style/sz-water.jpg) repeat-x top left fixed; }
#binternet { background: #f0f0f2 url(/img/style/sz-stonezwei.jpg) repeat-x top right fixed; }
#binternet { background: #f0f0f2 url(/img/style/sz-tapetedreihell.jpg) repeat-x bottom left fixed; }
#bmobile { background: #f0f0f2 url(/img/style/sz-forest.jpg) repeat-x top left fixed; }
#bmobile { background: #f0f0f2 url(/img/style/sz-roseszwei.jpg) repeat-x top left fixed; }
#bmobile { background: #f0f0f2 url(/img/style/sz-romanesco.jpg) repeat-x top left fixed; }
#bcompany { background-image: url(/img/style/sz-bg-sessel.jpg); }
#bsitemap, #bimpressum { background: #fff url(/img/style/sz-sinus.jpg) repeat-x top right fixed; }
*/





/* AKTUELLE BACKGROUND TESTS */



/*
#bcompany.bbfirma-samplezone { background: #f0f0f2 url(/img/style/bg/sz-bg-company-dynamic.jpg) top left fixed !important; }
#bcompany.bbkundenliste { background: #f0f0f2 url(/img/style/bg/sz-bg-solareclipse1.jpg) top left fixed !important; }
#bcompany.bbphilosophie { background: #f0f0f2 url(/img/style/bg/sz-bg-company-dynamic2.jpg) top left fixed !important; }
#bcompany.bbreferenzen { background: #f0f0f2 url(/img/style/bg/sz-bg-lens-lites-company.jpg) top center fixed !important; }
#bcompany.bbjobs { background: #f0f0f2 url(/img/style/bg/sz-bg-antarctica-iceplane.jpg) top left fixed !important; }
#bcompany.bbkontakt { background: #f0f0f2 url(/img/style/bg/sz-bg-antarctica-stream.jpg) top left fixed !important; }
#bcompany.bbkompetenzen--produkte { background: #f0f0f2 url(/img/style/sz-flow3.jpg) top left fixed !important; }
#bcompany.bbtechnologien { background: #f0f0f2 url(/img/style/bg/sz-bg-forest.jpg) top left fixed !important; }
*/
#bcompany { background: #f0f0f2 url(/img/style/bg/sz-bg-company-dynamic4.jpg) fixed top left; }


/*
#bservices.bbdaten-management-automatisierung-migration-konvertierung { background: #f0f0f2 url(/img/style/bg/sz-services-sinus.jpg) top left fixed !important; }
#bservices.bbit-services-informatik-ict-edv-zuerich { background: #f0f0f2 url(/img/style/bg/sz-bg-mars.jpg) top right fixed !important; }
#bservices.bbit-system-support-computer-netzwerk-betreuung { background: #f0f0f2 url(/img/style/bg/sz-bg-services-sundodges3.jpg) top left fixed !important; }
#bservices.bbit-system-engineering-design { background: #f0f0f2 url(/img/style/bg/sz-bg-services-rockets4.jpg) top left fixed !important; }
#bservices.bbit-wartungsvertrag-sla-service-level-agreement { background: #f0f0f2 url(/img/style/bg/sz-bg-services-sundodges2.jpg) top right fixed !important; }
#bservices.bbsoftware-entwicklung-agile-application-development { background: #f0f0f2 url(/img/style/sz-sinus.jpg) top left fixed !important; }
#bservices.bbit-system-hosting-service-outsourcing { background: #988a66 url(/img/style/bg/sz-bg-services-sundodges.jpg) top left fixed !important; }
*/
#bservices { background: #f0f0f2 url(/img/style/bg/sz-bg-services-rockets-dif.jpg) fixed top left; }


/*
#binternet.bbinternet-agentur-und-services-zuerich { background: #f0f0f2 url(/img/style/bg/sz-nightzwei-small.jpg) top left fixed !important; }
#binternet.bbmulti-content-segment-websites { background: #f0f0f2 url(/img/style/bg/sz-bg-fractals.gif) top right fixed !important; }
#binternet.bbmulti-channel-delivery { background: #f0f0f2 url(/img/style/bg/sz-bg-ornigram.gif) top right fixed !important; }
#binternet.bbmulti-countrybranch-websites { background: #f0f0f2 url(/img/style/bg/sz-bg-antarctica-iceplane.jpg) top left fixed !important; }
#binternet.bbweb-auftritt-web-seite-web-design { background: #f0f0f2 url(/img/style/bg/sz-bg-internet-stream.jpg) top right fixed !important; }
#binternet.bbweb-design { background: #f0f0f2 url(/img/style/bg/sz-bg-fractals-olive2.gif) top right fixed !important; }
#binternet.bbtemplate-umsetzung-fuer-beliebige-systeme { background: #f0f0f2 url(/img/style/bg/sz-bg-antarctica-clouds.jpg) top left fixed !important; }
#binternet.bbsystem-anbindung { background: #f0f0f2 url(/img/style/bg/sz-bg-architecture.gif) top right fixed !important; }
#binternet.bbsuchmaschinen-marketing-sem-search-engine-marketing { background: #f0f0f2 url(/img/style/bg/sz-bg-japan-katsushika-grgr.gif) top right fixed !important; }
#binternet.bbweb-marketing-suchmaschinenoptimierung { background: #f0f0f2 url(/img/style/bg/sz-bg-nature-leaf3.jpg) top left fixed !important; }
#binternet.bbloesungskonzepte { background: #f0f0f2 url(/img/style/bg/sz-bg-nature-leaf4.jpg) top left fixed !important; }
#binternet.bbnewsletter { background: #f4f4f4 url(/img/style/bg/sz-bg-fractals-olive2-tranp.gif) top left fixed !important; }
#binternet.bbweb-applikationen { background: #f0f0f2 url(/img/style/bg/sz-bg-nature-leaf5.jpg) bottom right fixed !important; }
#binternet.bbintranet { background: #f0f0f2 url(/img/style/bg/sz-bg-architecsplan.jpg) top left fixed !important; }
#binternet.bbextranet { background: #f0f0f2 url(/img/style/bg/sz-bg-architecsplan2.jpg) top left fixed !important; }
#binternet.bbwebshop { background: #f0f0f2 url(/img/style/bg/sz-bg-architecsplan3.jpg) top left fixed !important; }
*/
#binternet { background: #f0f0f2 url(/img/style/bg/sz-bg-nature-leaf4.jpg) fixed top left; }


/*
#bmobile { background: #f0f0f2 url(/img/style/bg/sz-bg-mobile-nature.jpg) top left fixed !important; }
#bmobile.bbkillerapp-google-wave { background: #f0f0f2 url(/img/style/bg/sz-bg-mobile-traffic.jpg) bottom left fixed !important; }
#bmobile.bbmobile-microsites-fuer-unternehmen { background: #f0f0f2 url(/img/style/bg/sz-bg-solareclipse3.jpg) top left fixed !important; }
#bmobile.bbmobile-microsites-fuer-unternehmen { background: #f0f0f2 url(/img/style/bg/sz-bg-mobile-leaf-lite.jpg) top left fixed !important; }
#bmobile.bbbruecke-zwischen-internet-und-mobile-internet { background: #f0f0f2 url(/img/style/bg/sz-bg-mobile-nature2.jpg) top left fixed !important; }
#bmobile.bbiphone-web-applikationen { background: #f0f0f2 url(/img/style/bg/sz-bg-mobile-nature1.jpg) top left fixed !important; }
#bmobile.bbmobile-web-applikationen { background: #f0f0f2 url(/img/style/bg/sz-bg-mobile-leaf1.jpg) top left fixed !important; }
*/
#bmobile { background: #f0f0f2 url(/img/style/bg/sz-bg-mobile-nature1.jpg) fixed top left; }


#bhome { background: #f0f0f2 url(/img/style/bg/sz-bg-company-dynamic4.jpg) fixed top left; }


/* ---------------------- special for some pages --------------------------------- */

#bhome #navBeta { 
	left: -24px; 
	top: 406px; 
	}

#bhome.project_detail #navBeta { 
	left: -999em; 
	}

#bcompany #headerpart {
	width: 932px; 
	}

/*
#bcompany #header { height: 650px; }
*/

.project_detail #navBeta { 
	left: -999em; 
	}


.job-angebote {
background: #fff;
position: absolute;
left: 0;
padding-top: 10px;
width: 275px;
margin-bottom: 40px;
}
.job-angebote p {
margin-bottom: 2px;
margin-left: 35px;
}
.job-angebote a.internal {
font-size: 16px;
}
.job-angebote a.piclink img {
margin-bottom: 0;
}
.job-angebote a.piclink {
margin-left: -35px;
}
.job-liste {
background: #e0e0e0;
border-radius: 4px;
padding: 6px 16px;
margin-bottom: 8px;
}

.job-inserat {
background: #f0f0f0;
background: #f0f0f0 url(/img/style/sz-bg-greyfade-pattern.jpg) 0px -1100px;
border-radius: 4px;
padding: 20px 50px;
}
.job-inserat h2 {
font-size: 25px;
margin-bottom: 20px;
}
.job-inserat h3 {
color:#799;
}

#footer p.print,
#logo_print { display: none; }

input::-moz-focus-inner { border: 0; }
button::-moz-focus-inner { border: 0; }



/* gallery styling */
.galleria {list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding:.5em 0 1em 0}
* html .galleria li div span{width:400px} /* MSIE bug */

.content ul.reference-gallery { 
	width:678px;
	margin:0;
	padding:0;
	}
.reference-gallery li {
	width:118px;
	height:90px;
	border:4px solid #bbb;
	padding:0;
	margin: 0 8px 4px 0;
	background:#ccc;
	}
.reference-gallery li div {
	left:240px;
	}
.reference-gallery li div .caption {
	font:normal 0.7em/1.4 "Lucida Sans",arial, sans-serif;
	}
	
#reference-gallery-main {
	margin:20px 0;
	height:500px;
	width:654px;
	background:#DAD6CB; 
	border: 4px solid #bbb;
	}
#reference-gallery-main img{
	margin-bottom:10px;
	}
#reference-gallery-main	.caption{
	color:#887;
	}
	
.reference-gallery-nav { 
	padding-top: 15px;
	clear:both;
	font:80% arial,sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	}


.isactive, .isinactive {
	font-size: 1.2em;
	border: 1px solid #2A7625;
	margin: 10px 0 100px 20px;
	padding: 5px 10px 5px 35px;
	width: 300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #AAD39A url(/admin/img/i_accept.png) no-repeat 5px 5px;
	}
.isinactive { 
	background: #FFBFBF url(/admin/img/i_cancel.png) no-repeat 5px 5px;
	border-color: #F50C0C;
	}
	
/* Login Styles */

#login {
    background: none;
    height: 227px;
    margin-left: 40px;
    padding: 40px 10px 0 45px;
    width: 489px;
    border: 1px solid #aaa;
}

#login div {
	overflow: hidden;
	clear: both;
	float: none;
}

#login div label {
	width: 150px;
	float: left;
}

#login div input[type='submit']{
	 margin: 10px 0 10px 150px;
   padding: 5px;
}

#login .warning {
	color: red;
	margin-top: 1em;
	display: block;
}

/* Media queryies *
*************************************************************************************/

@media only screen and ( max-device-width: 1024px ) {
	
	#referenz .description h2,
	#referenz h3.topline {
		font-size: 1.5em;
	}
	
}

/* Horizontal = landscape */
/*@media only screen and (orientation:landscape) and (max-device-width: 1024px) {*/
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
    
  body { background: #fff !important; }
  
  #navYouarehere a, #navYouarehere em {
		font-size:15px !important;
	}
	
	#navYouarehere p, #navYouarehere a, #navYouarehere em {font-size: 18px;}

}
	
/* Vertikal = portrait */	
/*@media only screen and (orientation:portrait) and (max-device-width: 768px) {*/
@media only screen and ( max-device-width: 1024px ) and ( orientation:portrait ) {
   
   body { background: #fff !important; }
   
  p {font-size: 1.3em;}
	
	.content { padding:10px 6px 10px 10px; font-size: 1.1em; width: 940px; }
	
	.content p, .content li,
	
	#referenz .leadingbox p { font: 1.3em/1.4em "Lucida" , arial, helvetica, sans-serif; }
	
	.content .leadingbox p { font: 1.4em/1.4em "Lucida" , arial, helvetica, sans-serif; }
	
	.content .chapterbox, .content .chapterbox:hover {
		width: 410px; height:248px; 
		-webkit-background-size: 450px 550px; 
		margin-right: 6px; 
	}
	
	.content .chapterbox:hover { background-position: -4px -600px;}
	
	.content h2 {
		font-size: 2em;
	}
	
	.content .chapterbox h2 { font-size: 1.9em; }
	.content .referencebox { width: 874px; height:170px;}
	.referencebox h2 { width:633px;}	
	#referenzen h3, #referenzen  h4 { font-size:1.7em !important; }	
	.referencebox div.referencepic { width:220px; height: 170px;}	
	.referencebox div.referencepic img { width:205px;}	
	.referencebox div.fcontent { width:600px; }
	.referencebox div.fcontent p {font-size:1.2em; }
	
	#navYouarehere {left:140px; width: 730px; margin-top: 5px; margin-bottom: 10px;}
	
	#navYouarehere a, #navYouarehere em {
		font-size:19px !important;
	}
	
	#navYouarehere p, #navYouarehere a, #navYouarehere em {font-size: 22px;}
	
	.content p.box, #navBeta p.box {
		font-size: 13px;	
	}
	
	.column1, .column2 {width: 400px;}
	
	.bermudabox {
		width:225px;
	}
	
	#reference-gallery-main {float: left; margin-right: 40px;}
	.content ul.reference-gallery {
		width: 200px;
		overflow: hidden;
		margin-top: 36px;
	}
	
	#referenz .fcontent {
		clear: both; 
		float: none;	
	}
	
	#referenzen h3 {
		width: 880px;	
	}
	
	.content ul.reference-gallery li {float:none; clear: both; margin-bottom: 5px;}
	
	#navAlpha {
		background: #fff;
		-moz-border-radius: 0 0 10px 10px; /* FF1+ */
  	-webkit-border-radius: 8px; /* Saf3+, Chrome */
    border: 5px solid #488BA9;
    padding: 10px 0 0 0;
    left: 27px;
    top: 40px;
    display: none;
    -moz-box-shadow:0px 10px 28px rgba(0, 0, 0, 0.35); /* FF1+ */
		-webkit-box-shadow:0px 10px 28px  rgba(0, 0, 0, 0.35); /* Saf3+, Chrome */
		box-shadow:0px 1px 18px rgba(0, 0, 0, 0.5); /* Opera 10.5, IE 9 */
		min-width: 350px;
}
	
	#binternet #navAlpha {border-color: #848035;}
	#bmobile #navAlpha {border-color: #7D953F;}
	#bservices #navAlpha {border-color: #8B624D;}
	#bcompany #navAlpha {border-color: #488BA9;}
	
	#navAlpha:before {
		background:#488BA9 url(/admin/img/menu.png) 0 0 no-repeat;
		-webkit-background-size: 20px 10px;
		top: -25px;
		left: 21px;
		position: relative;
		content: '';
		color: transparent;
		width: 20px;
		height: 10px;
		overflow: hidden;
		display: block;
		border-width: 0;
 		border-style: none;
	}
	
	#binternet #navAlpha:before {background-color: #848035;}
	#bmobile #navAlpha:before {background-color: #7D953F;}
	#bservices #navAlpha:before {background-color: #8B624D;}
	#bcompany #navAlpha:before {background-color: #488BA9;}
	
	#navAlpha div.nav {
		border: none;
		width: 100%;
		overflow: hidden;
		-moz-border-radius: 0;/* FF1+ */
  	-webkit-border-radius: 0; /* Saf3+, Chrome */
  	border-radius: 0;
	}
	
	#navAlpha ul {
		-moz-border-radius: none;/* FF1+ */
  	-webkit-border-radius: none; /* Saf3+, Chrome */
  	border-radius: none;
  	margin-right: 20px;
  	width: 100%;
		border-top:1px solid #C9C7C7;
	}
	
	#navAlpha ul ul li:last-child {
		border-bottom: none;
	}
	
	#navAlpha ul li {
		white-space: nowrap;
		font-size: 18px;
		border-bottom:1px solid #C9C7C7;
		border-top:1px solid #E6E3E3;
		padding-right: 10px;
		width: 100%;
	}
	
	#navAlpha ul.level2 li {width:auto;}
	
	#navAlpha ul li a, #navAlpha ul.level2 li a {
		padding: 15px 10px 15px 20px;
		white-space: nowrap;
		width: 100%;
	}
	#navAlpha h2.section {padding-left: 20px; padding-bottom: 12px;}
	#navAlpha h2.section a {
		font-size:18px !important;
		margin: 10px 0;
		padding: 0;
	} 
	
	h2.acc.menu {
		text-transform: uppercase;
		color: #fff !important;
		position: relative;
		left: 18px;
		top: -40px;
		font-size:18px;
		padding:8px 14px 9px 14px;
		font-weight:bold;
		margin: 0;
		z-index: 100;
		/*line-height:1;*/
		border-bottom:1px solid rgba(0, 0, 0, 0.25);
		cursor:pointer;
		display: inline-block !important;
		text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
		letter-spacing: 5px;
		-moz-border-radius: 0 0 10px 10px; /* FF1+ */
  	-webkit-border-radius: 0; /* Saf3+, Chrome */
    -webkit-border-bottom-left-radius: 8px; /* Saf3+, Chrome */
    -webkit-border-bottom-right-radius: 8px; /* Saf3+, Chrome */
    border-radius: 0 0 10px 10px; /* Opera 10.5, IE 9 */
		-moz-box-shadow:3px 1px 12px rgba(0, 0, 0, 0.5); /* FF1+ */
		-webkit-box-shadow:3px 1px 12px  rgba(0, 0, 0, 0.5); /* Saf3+, Chrome */
		box-shadow:3px 1px 12px rgba(0, 0, 0, 0.5); /* Opera 10.5, IE 9 */
		background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#76B7EF), color-stop(0.25, #1C87E3), to(#135F9F));
		background-image: -moz-linear-gradient(19% 75% 90deg,#76B7EF, #1C87E3, #135F9F 100%);
	}
	
	#binternet h2.acc.menu {
		background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#424500), color-stop(0.25, #737910), to(#A5A631));
		background-image: -moz-linear-gradient(19% 75% 90deg,#424500, #737910, #A5A631 100%);	
		-moz-opacity:.95; filter:alpha(opacity=95); opacity:.95;
	}
	
	#bmobile h2.acc.menu {
		background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#183408), color-stop(0.25, #6B8A39), to(#739252));
		background-image: -moz-linear-gradient(19% 75% 90deg,#183408, #6B8A39, #739252 100%);
	}
	
	#bservices h2.acc.menu {
		background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#391810), color-stop(0.25, #7B5139), to(#9C7152));
		background-image: -moz-linear-gradient(19% 75% 90deg,#391810, #7B5139, #9C7152 100%);	
	}
	
	#bcompany h2.acc.menu {
		background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#082C39), color-stop(0.25, #295D6B), to(#528694));
		background-image: -moz-linear-gradient(19% 75% 90deg,#082C39, #295D6B, #528694 100%);
	}
	
	
}