/*

document meta info header, css style guide & copyright notes...
link-active: 3879d9 blue
link-color: #3b81be
nav-link-active: #ff7800 orange
nav-link-normal: #edeff0
*/





/* ============[  GLOBAL ELEMENTS  ]============ */

html {
	overflow-y: scroll;
}

body {
	font-family: 'Droid Sans', 'Lucida Grande', Calibri, Arial, sans; 
	font-weight: 400;
	padding: 150px 0 50px 0;
	color: black;
	/* background: #dfd9cb url(../_img/bg-v5_24bit.png) repeat-x; */
	background-color: #f1f1f1;
}

h1, h2, h3, h4 {
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px #fff;
}

h1 {
	font-size: 48px;
	line-height: 1.2em;
	font-family: Georgia, 'Droid Serif', serif;
	color: #000;
	margin-bottom: 30px;
}

h2 {
	font-size: 24px;
	line-height: 1.2em;
	font-family: Georgia, 'Droid Serif', serif;
	color: #000;
	margin-bottom: 20px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}

h4 {
	font-family: 'Droid Sans', 'Lucida Grande', Calibri, Arial, sans-serif; 
	color: #444;
	line-height: 21px;
}

p {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 12px;
	font-family: 'Droid Sans', 'Lucida Grande', Calibri, Arial, sans-serif; 
	font-weight: 400;
	text-shadow: 1px 1px 1px #fff;
}

p.initial {
	font-family: 'Droid Sans', 'Lucida Grande', Calibri, Arial, sans-serif; 
    font-size: 16px;
	font-weight: 500;
	color: #444;
	line-height: 24px;
	margin-bottom: 30px;
}

em {
	font-style: italic;
	color: #666;
}

strong {
	font-weight: bold;
}

a {
	/*font-family: 'Droid Sans', 'Lucida Grande', Calibri, Arial, sans-serif;*/
	font-family: 'Lucida Grande','Corbel', Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #3B81BE;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
}

a:hover {
	color: #0b55bd;
	text-decoration: underline;
}

a:active {
	color: #3879d9;
}

/*a:visited {
	color: #555;
}*/





/* ============[  THE DOORS  ]============ */

body#door-room-new .header {
	padding-top: 80px;
}

.header img {
	padding-left: 10px;
}

.sub img {
	padding-left: 20px;
}


h1#logo {
	width: 220px;
	height: 24px;
	background: url(../_img/service-logo.png);
	text-indent: -9999px;
	margin: 0 0 0 30px;
}



/* start NEW LOGO */
/*
body#rails .header {
	margin: -150px 0 -22px 0;
}
*/

.logolight img {
	padding-left: 40px;
}

/*
body#rails .imprint a {
	display: none;
}
*/
/* end NEW LOGO */



body#door-room-new .content {
	padding: 15px;
}

ul#choose {
	width: 962px;
	background-color: #fff;
}

ul#choose li {
	list-style-type: none;
	float: left;
}

ul#choose li a {
	display: block;
	margin-bottom: 20px;
}

ul#choose li a:hover {
	background-color: #fff;
	text-decoration: none;
	/*border: 5px solid #fff;*/
}

ul#choose img[alt*="big1"] {
	float: left;
}

ul#choose img[alt*="big2"] {
	float: left;
}

body#door-room-new ul#choose li a p.door {
	display: inline;
	margin: 16px 0 0 16px;
	font-family: Georgia;
	font-size: 21px;
	color: #666;
	padding-left: 15px;
}

body#door-room-new a:hover p.door {
	color: black;
}

ul#choose li a img.arrow {
	float: right;
	padding: 0 15px 15px 0;
}

ul#choose li {
    opacity: 1.0;
}

ul#choose li:hover {
    opacity: 0.7;
}



/* --- navigation --- */

ul#navmain {
	height: 70px;
	margin: -20px 0 0 20px;
}

ul#navmain li {
	display: block;
	margin-right: 15px;
	line-height: 30px;
	list-style-type: none;
	float: left;
}

ul#navmain li a {
	display: block;
	border-radius: 0 2px 2px 0;	;
	color: #5b5f62;
	padding: 10px 100px 10px 10px;
	border-left: 1px solid #ddd;
	background-color: #fff;
}

ul#navmain li a:hover {
	text-decoration: none;
	background-color: #edeff0;
	border-left: 1px solid #fc1d00;
}

ul#navmain li a:active {
	color: #777c80;
	background-color: #e3e7e8;
}

ul#navmain li.selected a {
	color: #000;
	background-color: #edeff0;
	border-left: 1px solid #fc1d00;
}

ul#navmain li.selected a:hover {
	color: #333;
	background-color: #e8eaeb;
}



/* --- content area --- */

.content {
    background-color: white;
    margin-top: 20px;
    padding: 50px 0 50px 0;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px #bbb;
    -moz-box-shadow: 0px 0px 5px #bbb;
    box-shadow: 0px 0px 5px #bbb;
}

.header {
	margin-top: -120px;
    margin-bottom: 30px;
}

.teaser img {
	margin-top: 40px;
}

.zwei {
	margin-bottom: -30px;
}

.plus2 {
	padding-top: 10px;
}

.plus {
	margin-top: 20px;
}

.line {
	border-top: 1px solid #ccc;
}

.vspace {
	padding-top: 20px;
}

.gray {
	color: #666;
}



/* --- footer --- */

.footer {
	color: #666;
}

.footer p {
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	margin-bottom: -20px;
}

.footer a {
	color: #3B81BE;
	text-decoration: none;
}

.footer a:hover {
	color: #0b55bd;
	text-decoration: underline;
}

.footer a:active {
	color: #3879d9;
	padding-top: 20px;
}



/* --- links Kontakt á Impressum --- */

.imprint {
	font-size: 12px;
	margin-top: 15px;
	text-align: right;
}

.imprint a {
	color: #666;
	border: none;
}

.imprint a:hover {
	color: #000;
}





/* ============[  GALERIESCHIENEN   ]============ */

body#rails h1 {
	padding-top: 10px;
}





/* ============[  RAHMEN   ]============ */

body#frames h1 {
	padding-top: 30px;
}

body#frames h3 {
	color: #555;
}

body#frames .teaser {
	padding-left: 30px;
}



/* ============[  TIPPS  ]============ */

body#tips h2 {
	padding: 53px 0 0 0;
	margin-bottom: 0;
}

span.tabSwitch {
	background: #fff url(../_img/bg_subnav.png) repeat-y;
}

span.tabSwitch:hover {
	background: #fff url(../_img/bg_subnav-hover.png) repeat-y;
	color: #666;
}

span.tabSwitch:active {
	color: #0b55bd;
}

span.tabSwitch.active {
	color: #3B81BE;
	background: #fff url(../_img/bg_subnav-active.png) no-repeat -6px 50%;
}

span.tabSwitch.active:hover {
	color: #0b55bd;
	color: #3B81BE;
}

.care img {
	float: left;
	padding: 0 10px 10px 30px;
}

.light img, .application img {
	float: left;
	padding: 0 20px 10px 30px;
}

span.tabSwitch {
	display: block;
	cursor: pointer;
	border-radius: 3px 0 0 3px;
	padding: 30px;
	margin-bottom: 1px;
}

.tabNav {
	margin-top: 130px;
	padding: 20px 0 50px 0;
}

.tabContent {
	padding-top: 80px;
	background: transparent url(../_img/bg_tipps.png) repeat-x 0 0;
}

.tabContent h4 {
	font: 28px Georgia;
	line-height: 1.4em;
	color: black;
	margin-bottom: 25px;
	padding-left: 30px;
}

.tabContent p {
	color: #666;
	line-height: 1.7em;
	padding-left: 30px;
}

.tipp {
	display: block;
}

.tipp.hidden {
	display: none;
}





/* ============[  KONTAKT  ]============ */

body#contact .service p a:hover {
	color: #0b55bd;
}

body#contact .service p a:active {
	color: #3879d9;
}

body#contact h1 {
	padding-top: 10px;
}

body#contact h3 {
	padding-bottom: 5px;
}






/* marcus */

.door1, .door2 {
	width: 480px;
	padding-bottom: 10px;
	float: left;
	background-color: white;
	overflow: hidden;
}

.door1 h2, .door2 h2 {
	padding: 10px 10px 10px 20px;
	margin: 10px 20px 0 0;
	font-size: 16px;
	background: url(../_img/arrow-red.png) no-repeat right center;
}

.door1 a, .door2 a {
	opacity: 1.0;
	color: #333;
}

.door1.hovered h2 a, .door2.hovered h2 a {
	color: #fc1d00;
	text-decoration: none;
}

.door1 img, .door2 img {
	display: block;
	opacity: 1.0;	
}

.door1 img {	
	border-radius: 3px 0px 0px 0px;	
}

.door2 img {	
	border-radius: 0px 3px 0px 0px;	
}

.door1.hovered img, .door2.hovered  {
	opacity: 0.9;
}

.door1, door1.hovered {
	width: 480px;
	border-right: 1px solid #F1F1F1;
}

.door2 {
	width: 479px;
}

.hovered {
	cursor: pointer;
	background-color: #EDEFF0;
}

/*.cta {
	margin-top: 30px;
	padding: 20px 20px 20px 90px;
	-moz-border-radius: 3px;	
	border-radius: 3px;
	background: #edeff0 url(../_img/cta-phone.gif) no-repeat 20px 30px;
}*/

.cta {
	margin: 30px 0 50px;
	padding: 20px 30px;

	background: #f5f5f5;
	border-color: #eee;

	background: 0;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#eeeeee');

	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fcfcfc), to(#eeeeee));

	border: 1px solid #e9e9e9;
	border-bottom-color: #fff;

	border-radius: 5px;

	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.cta img {
	float: left;
	padding: 5px 20px 0 0;
}

.cta p {
	margin-bottom: 0;
	
}

.cta p.call {
	color: #666;
}

.cta p.tel {
	font: 28px Georgia,Times,'Times New Roman',serif;
	color: #3B81BE;
}

.teaser.frames {
	text-align: right;
}

.teaser.frames img {
	margin-right: 25px;
	border-radius: 3px;
}

.container_12.index {
	box-shadow: #CCC 0px 0px 5px;
	-webkit-box-shadow: #CCC 0px 0px 5px;
	-moz-box-shadow: #CCC 0px 0px 5px;
	border-radius: 3px;

	overflow: hidden;
}