/* ********************* // GLOBAL // ********************* */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: url(images/bg-body2.jpg) no-repeat center 26px;
	
}

.select {
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color: #FFFFFF;
		border:solid 1px #b5b5b5;
		height:20px;
}

.select2 {
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color: #FFFFFF;
		border:solid 1px #b5b5b5;
}

p, a, li, td {
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #6a6a6a;
}

/* ********************* // LINKS // ********************* */

a {
	font-family : Arial, Helvetica, sans-serif;
    font-size:12px;
	color: #5ca3ad;
	font-weight : bold;
	text-decoration : underline;
	line-height:18px;
	
}

a:visited {
	font-family : Arial, Helvetica, sans-serif;
    font-size:12px;
	color: #5ca3ad;
	font-weight : bold;
	text-decoration : underline;
}

a:hover {
	font-family : Arial, Helvetica, sans-serif;
    font-size:12px;
	color: #ff9ed9;
	font-weight : bold;
	text-decoration : underline;
}

.smBrown {
	font-family : Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #acacac;
	font-weight : normal;
	text-decoration : none;
}


.smBrown:visited {
	font-family : Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #acacac;
	font-weight : normal;
	text-decoration : none;
}

.smBrown:hover {
	font-family : Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #000000;
	font-weight : normal;
	text-decoration : none;
}

.smWhite {
	font-family : Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #FFFFFF;
	font-weight : normal;
	text-decoration : none;
}


.smWhite:visited {
	font-family : Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #FFFFFF;
	font-weight : normal;
	text-decoration : none;
}

.smWhite:hover {
	font-family : Arial, Helvetica, sans-serif;
    font-size:11px;
	color: #000000;
	font-weight : normal;
	text-decoration : none;
}

/* ********************* // FONTS // ********************* */


h1 {
	font: normal 24px/24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
} 

h2 {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	padding: 4px 0 4px 10px;
	position: relative;
} 

h3 {
	font: normal 18px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
} 


/* ********************* // CONTAINER  // ********************* */

#container {
	position: relative;
	width: 850px;
	margin: 26px auto 0;
	z-index: 2;
}

#left_col {
	position: relative;
	width: 550px;
	height: auto !important;
	height: 950px;
	min-height: 950px;
}

#right_col {
	position: absolute;
	width: 300px;
	height: auto;
	top: 0;
	right: 0;
}

/* ********************* // LEFT_COL // ********************* */

#left_col #head {
	width: 550px;
	height: 167px;
	position: relative;
}

#left_col #head a#logo {
	display: block;
	width: 368px;
	height: 97px;
	position: absolute;
	top: 33px;
	left: 80px;
	background: url(images/logo.jpg) no-repeat;
}

/* ********************* // LEFT_COL // INTRO // ********************* */

#left_col div.intro {
	width: 517px;
	height: 111px;
	padding: 25px 0 0 33px;
}

#left_col div.intro p {
	width: 550px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	width: 450px;
}

#left_col div.intro a,
#footer a {
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	padding: 0 2px;
}

#left_col div.intro a:hover,

#bg-intro {
	width: 50%;
	height: 129px;
	position: absolute;
	top: 193px;
	background: url(images/bg-intro.gif) repeat-x;
	z-index: 1;
}

#left_col div.home {
	background: url(images/bg-intro-home2.jpg) no-repeat;
	
}

/* ********************* // LEFT_COL // CONTENT // ********************* */

#left_col div.content_block {
	width: 442px;
	height: auto !important;
	height: 180px;
	min-height: 180px;
	padding: 0px 33px 15px;
	position: relative;
}

#left_col div#tabcontent3 div.content_block {
	height: auto !important;
	height: 130px;
	min-height: 130px;
}

#left_col div.gbook {
	height: 280px !important;
}

#left_col div.content_block h1 {
	margin-bottom: 20px;
}

#left_col div.content_block h2 {
	margin-bottom: 10px;
}

#left_col div.content_block p {
	line-height: 18px;
	margin-bottom: 15px;
}

td {
	line-height: 18px;
}


#left_col div.content_block p em {
	color: #666;
}

#left_col div.content_block ul {
	margin: 0 0 15px 15px;
	list-style-type: square;
}

#left_col div.content_block ul li {
	line-height: 16px;
 margin-bottom: 8px;
}

/* ********************* // LEFT_COL // CONTENT // PORTFOLIO // ********************* */

#left_col div.content_block div.status_rahmen {
	width: 400px;
	height: 4px;
	padding: 2px;
	margin-bottom: 15px;
	border: #cfcfcf 1px solid;
}
	
#left_col div.content_block div.status_rahmen div.status {
	height: 4px;
	background: url(images/status.jpg) no-repeat;
}	



/* ********************* // RIGHT_COL  // ********************* */

#right_col #showcase {	
	width: 277px;
	height: 303px;
	margin: 66px 0 0 24px;
	position: relative;
}

#right_col #showcase img.show {	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}	

#right_col #personal-glas {	
	width: 300px;
	height: 325px;
	margin: 22px 0;
	position: relative;
}

#right_col #partner {	
	width: 300px;
	height: 275px;
	margin: 74px 0 20px;
	position: relative;
}

/* ********************* //  RIGHT_COL // TOOLTIP // ********************* */

.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	background: url(images/70percent.png) repeat;
}
 
.tool-title {
	font-weight: bold;
	margin: 0;
	color: #9FD4FF;
	padding: 15px 15px 0;
}
 
.tool-text {
	padding: 4px 15px 15px;
}

a.Tips2 {
	width: 133px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	right: 1px;
	z-index: 5;
	background: url(images/new.png) no-repeat;
}


/* ********************* // RIGHT_COL // SUBNAVI // ********************* */

#right_col ul.right_nav {
	list-style-type: none;
	margin-bottom: 20px;
}

#right_col ul.right_nav li.caption {
	border-bottom: #7f7f7f 3px solid;
	font-weight: bold;
	height: 21px;
	width: 240px;
	padding: 9px 0 0 60px;
	background: url(images/bg-list-caption.jpg) left bottom;
}

#right_col ul.right_nav li span {
	font-size: 10px;
	position: absolute;
	right: 10px;
	color: #959595;
}

#right_col ul.right_nav li {
	background: url(images/bg-list.gif) repeat-x ;
}

#right_col ul.right_nav li a {
	text-decoration: none;
	color: #000000;
	cursor: default;
	font-weight: normal;
	display: block;
	height: 21px;
	width: 270px;
	padding: 9px 0 0 30px;
	border-bottom: #cbcbcb 1px solid;
	background: url(images/bg-right-nav.gif) no-repeat 9px center;
}

#right_col ul.right_nav li a:hover {
	background: #e5e5e5 url(images/bg-right-nav-hover.gif) no-repeat 9px center;
	color: #000000;
}

#right_col ul.right_nav li a:hover span {
	color: #000000;
}

#right_col a.gbook,
#right_col a.email {
	width: 187px;
	height: 72px;
	display: block;
	padding: 30px 0 0 113px;
	color: #5ca3ad;
	text-decoration: none;
	line-height: 18px;
}

#right_col a.gbook:hover,
#right_col a.email:hover {
	color: #ff9ed9;
}

#right_col a.gbook {
	background: url(images/bg-gbook.jpg) no-repeat;
}

#right_col a.email {
	background: url(images/bg-email.jpg) no-repeat;
}

#right_col a.gbook span,
#right_col a.email span {
	font-weight: normal;
	color: #8e8d8d;
}

#right_col a.webmedia {
	width: 300px;
	height: 102px;
	display: block;
	background: url(images/bg-webmedia.jpg) no-repeat;
}

/* ********************* // RIGHT_COL // SUBNAVI  // ACCORDION // ********************* */

#accordion h4.toggler {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: #000000;
	border-bottom: #7f7f7f 3px solid;
	font-weight: bold;
	height: 21px;
	width: 240px;
	padding: 9px 0 0 60px;
	display: block;
	background: url(images/bg-list-caption.jpg) left bottom;
	text-decoration: none;
}

#accordion h4.toggler:hover {
	color: #000000 !important;
	background: url(images/bg-list-caption-mo.jpg) no-repeat left bottom !important;
}

#accordion ul.right_nav {
	margin: 0 0 1px;
}

/* ********************* // FOOTER // ********************* */

#footer-wrap {
	width: auto;
	height: 155px;
	position: relative;
	padding-bottom: 30px;
}

#footer {
	position: relative;
	width: 850px;
	height: 155px;
	margin: 0 auto;
	background: url(images/bg-footer.jpg) no-repeat;
	z-index: 2;
	background-image: url(images/bg-footer.jpg);
}

#footer p {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	position: absolute;
	left: 50px;
	top: 60px;
}
	
#bg-footer {
	height: 82px;
	width: 50%;
	background: url(images/bg-intro.gif) repeat-x;
	position: absolute;
	top: 44px;
	z-index: 1;
}

/* ********************* //  // ********************* */

li#hinweis p {
	color: #7e7e7e;
	font-size: 11px;
	padding-top: 5px;
	margin-right: 30px;
}

/* ********************* // NAVIGATION // ********************* */

#navi {
	height: 47px;
	width: auto !important;
	min-width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(images/bg-navi.gif) repeat-x;
}

#navi div.center {
	width: 840px;
	margin: 0 auto;
}

#navi ul#nav {
	float: right;
 margin: 1px 0 0 0;
	list-style-type: none;
}

#navi ul#nav li {
	float: left;
	margin-left: 5px;
}

#navi ul#nav li a {
	display: block;
	width: 125px;
	height: 18px;
	padding-top: 8px;
	font: bold 11px/11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#navi ul#nav li a.active {
	background: url(images/navi-active.gif) no-repeat !important;
	color: #000000 !important;
}

#navi ul#nav li a:hover {
 color: #dcdcdc;
	background: url(images/navi-hover.gif) no-repeat 0 4px;
}

/* ********************* // TABS // ********************* */

#tabcontent1 {
	display: block;
}

#tabcontent2 {
	display: none;
}

#tabcontent3 {
	display: none;
}