/* honsig's weinideen (c) 2007 by uplink coherent solutions - http://www.uplink.at/
------------------------------------------------------------------------------
BASIC TEXT STYLING
------------------------------------------------------------------------------*/
body {
	position: relative;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #FFF;
	font-family: "Lucida Grande", Verdana, Geneva,Tahoma,Arial,sans-serif;
}
body * { 
	margin: 0; 
	padding: 0;
}
#container { 
	font-size: 62.5%; 
	padding: 0 0 196px;
	width: 1024px;
	border-right: 1px solid #ccc;
}
#inner-container { 
	font-size: 1.0em; 
	line-height: 1.8em;
}
p { 
	margin-bottom: 1.0em; 
}
em, i { 
	color: #505050; 
	background-color: #ECFFCB; 
	font-style: normal; 
	padding: 0 2px;
}
strong, b { 
	color: #111; 
	font-weight: bolder; 
	font-size: 110%;
}
address {
	font-style: normal;
	line-height: 1.4em;
	margin-bottom: 1.0em; 
}
address p {
	margin-bottom: 0.6em;
}
ul {
	list-style: none;
}
ul li {
	padding: 0 0 0.4em 10px;
	background: url(../images/bg-bullet.gif) 0 6px no-repeat;
	line-height: 1.4em;
}
	
/*
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/
a {
	color: #b80001; 
	text-decoration: none; 
}
a:hover {
	color: #FFF;
	background-color: #b80001;
}
#fontsizeswitch {
	position: absolute;
	top: 40px;
	left: 700px;
	z-index: 1005;
}
#left_img_1 {
	position: absolute;
	background: url(../images/bg-bar-rightimg-edges.gif) left top no-repeat;
	width: 550px;
	padding-left: 8px;
	/* padding-top: 51px; */
	top: 33px;
	left: 770px;
	z-index: 1002;
}
#logo {
	position: absolute;
	top: 55px;
	left: 0px;
	z-index: 1000;
}

#contact {
	z-index: 1006;
	background-color: #b80001;
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute; 
	bottom: 0px; 
	width: 1024px;
	border-right: 1px solid #ccc;
} 

#contact form,
#contact input {
	font-size: 1.1em;
	color: #222;
}

#contact p {
	margin: 0 0 0 226px;
	text-align: left;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	color: #F0F0F0;
}
#contact a:link,
#contact a:active,
#contact a:visited {
	text-decoration: underline;
	/* font-weight: bold; */
	color: #F0F0F0;
}

#contact a:hover {
	text-decoration: none;
}

/*
----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/
.navigation {
	position: absolute;
	top: 172px;
	left: 44px;
}
.navigation ul {
	width: 122px;
	list-style: none;
}
.navigation ul li {
	background-image: none;
	padding: 0;
	line-height: 1.8em;
}
.navigation a {
	display: block;
	padding: 0 3px;
	text-align: right;
	text-transform: uppercase;
	margin: 0 0 1px;
}
/*
.navigation a.active {
	cursor: default;
	color: #FFF;
	background-color: #b80001;
}
*/
.activelink {
	cursor: default;
	color: #FFF;
	background-color: #b80001;
}

/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
.page {
	position: relative;
	background: url(../images/bg-bar.gif) 0 84px repeat-x;
	margin: 0 0 21px;
	padding: 33px 0 0;
	width: 100%;
}
.content {
	font-size: 1.1em;
	background: url(../images/bg-bar-edges.gif) left top no-repeat;
	width: 550px;
	padding-top: 360px; /* min-height hack */
	margin: 0 0 0 194px;
}
.content .section,
.content h2,
.content h3,
.content p {
	margin-left: 33px;
	margin-right: 81px; 
}

.content ul {
	margin-left: 33px;
	margin-right: 81px; 
}

.content .section {
	line-height: 12px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	margin-top: -328px; /* min-height hack */
	margin-bottom: 3px;
}
.content h2 {
	line-height: 50px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-bottom: 19px;
}

.content h3 {
	font-size: 1.3em;
	margin-top: 14px;
	margin-bottom: 3px;
	color: #000; 
	font-weight: bold; 
	text-transform: uppercase;
	background: url(../images/bg-sub-head.gif) 0 4px no-repeat;
	/* background: url(../images/ico-glas.gif) 0 4px no-repeat; */
	padding-left: 14px;
}
	
.content h4 {
	font-size: 1.3em;
	margin-top: 14px;
	margin-bottom: 3px;
	color: #000; 
	font-weight: bold; 
	text-transform: uppercase;
	padding-left: 33px;
	padding-right: 90px;
}

/*
----------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------*/
form {
	position: relative;
	margin: 1.8em 33px 0;
	background: #ECFFCB url(../images/bg-form-top.gif) left top no-repeat;
}
form div {
	padding: 5px 10px;
}

form label {
	font-size: 0.9em;
	color: #333;
	display: block;
	padding: 0 0 0 4px;
	margin: 0 0 6px;
}
form label em {
	color: #333;
	padding: 0;
	background-color: transparent;
}
form label.checkbox {
	padding-top: 1.8em;
}
form label.checkbox input {
	margin: 0 6px 0 0;
}
form span {
	display: block;

	padding: 1px;
	background-color: #FFF;
	border: 1px solid #C0FF54;
	
	margin: 0 0 0 -4px;
}
form span textarea,
form span input {
	background: url(images/bg-input.gif) #FFF left top repeat-x;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
}
form span select,
form span textarea,
form span input {
	margin: 0;
	width: 100%;
	font-size: 1.0em;
	font-family: Geneva,Tahoma,Arial,sans-serif;
}
form span textarea { 
	height: 148px;
}
form .form-left {
	background: url(../images/bg-form-bottom.gif) left bottom no-repeat;
}
form .form-left span {
	width: 220px;
}
form .form-right {
	position: absolute;
	top: 0;
	left: 250px;
	padding-left: 0;
	width: 250px;
}
form .form-right label {
	float: left;
	margin-right: 12px;
}
form .form-right span {
	width: 100px;
}
.content form p {
	line-height: 1.4em;
	margin: 0 36px 0.6em 2px;
	clear: both;
}

/*
----------------------------------------------------------------------------- 
SUCCESSFUL SUBMISSION
-----------------------------------------------------------------------------*/
div.success {
	margin: 1.8em 33px 0;
	background: #ECFFCB url(../images/bg-form-top.gif) left top no-repeat;
}
div.success p {
	margin: 0;
	padding: 5px 10px;
	color: #000;
	text-transform: uppercase;
	background: url(../images/bg-form-bottom.gif) left bottom no-repeat;
}
div.success p img {
	vertical-align: middle;
	margin: 0 3px 0 0;
}

/*
----------------------------------------------------------------------------- 
SUBMISSION ERROR
-----------------------------------------------------------------------------*/
div.error {
	margin: 1.8em 33px 0;
	padding: 0 0 5px;
	background: 
	#750000 url(../images/bg-error-bottom.gif) left bottom no-repeat;
	color: #FFF;
}
div.error p {
	margin: 0;
	padding: 5px 10px;
	background: url(../images/bg-error-top.gif) left top no-repeat;
	color: #D6B3B3;
}
div.error ul {
	padding: 0 10px;
}
div.error ul li {
	background-image: url(../images/bg-error-bullet.gif);
}

#home .content .section { background-image: url(../images/section-home.gif); }
#home .content h2 { background-image: url(../images/head-home.gif); line-height: 130px; }
#ueber .content .section { background-image: url(../images/section-ueber.gif); }
#ueber .content h2 { background-image: url(../images/head-ueber.gif); line-height: 98px; }
#mitwem .content .section { background-image: url(../images/section-mitwem.gif); }
#mitwem .content h2 { background-image: url(../images/head-mitwem.gif); line-height: 62px; }
#wie .content .section { background-image: url(../images/section-wie.gif); }
#wie .content h2 { background-image: url(../images/head-wie.gif); line-height: 98px;}
#partner .content .section { background-image: url(../images/section-partner.gif); }
#partner .content h2 { background-image: url(../images/head-partner.gif); line-height: 58px; }
#kontakt .content .section { background-image: url(../images/section-kontakt.gif); }
#kontakt .content h2 { background-image: url(../images/head-kontakt.gif); line-height: 60px; }
#angebot .content .section { background-image: url(../images/section-angebot.gif); }
#angebot .content h2 { background-image: url(../images/head-angebot.gif); line-height: 61px; }
#presse .content .section { background-image: url(../images/section-presse.gif); }
#presse .content h2 { background-image: url(../images/head-presse.gif); line-height: 60px; }
#agb .content .section { background-image: url(../images/section-agb.gif); }
#agb .content h2 { background-image: url(../images/head-agb.gif); }
#agb .content .section { background-image: url(../images/section-agb.gif); }
#agb .content h2 { background-image: url(../images/head-agb.gif); }
#sitemap .content .section { background-image: url(../images/section-sitemap.gif); }
#sitemap .content h2 { background-image: url(../images/head-sitemap.gif); line-height: 72px; }
#err_404 .content .section { background-image: url(../images/section-404.gif); }
#err_404 .content h2 { background-image: url(../images/head-404.gif);  line-height: 72px; }
#shop .content .section { background-image: url(../images/section-shop.gif); }
#shop .content h2 { background-image: url(../images/head-shop.gif);  line-height: 135px; }

div[id=depth-top] {
	position: fixed;
	top: 0;
	left: 0;
	background: url(../images/bg-depth-top.png);
	z-index: 9999;
	
	height: 23px;
	width: 100%;
}
div[id=depth-bottom] {
	border: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	background: url(../images/bg-depth-bottom.png);
	z-index: 1005;
	
	height: 54px;
	width: 100%;
}

.tinytypegrey {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	line-height: 12px;
	padding-left: 22px;
}
.tinytypegreylink {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	line-height: 12px;
}
.tinytype {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #F0F0F0;
	text-decoration: none;
	line-height: 12px;
	padding-left: 22px;
}
.tinytypelink {
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #F0F0F0;
	text-decoration: underline;
	line-height: 12px;
}
A.tinytypelink:hover {
	font-size: 9px;
	color: #F0F0F0;
}

.outerscrollerdivs {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.scrollerdivs {
	background-color: #fafafa;
	background: #fafafa;
	border: solid 2px #fff;
	/* padding: 10px; */
}
/*
----------------------------------------------------------------------------- 
STOERER
-----------------------------------------------------------------------------*/
.stoerer {
	position: absolute;
	top: 350px;
	left: 10px;
	width: 190px;
}
.box
{
	border: solid 1px #dadada;
	margin-top: 15px;
	margin-bottom: 0px;
	background: inherit;
	color: #333366;
}
.box h2
{
	background: inherit;
	color: #208cb4;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 5px;
}
.box p
{
	font-size: 10px;
	line-height: 16px;
}
.box caption
{
	padding-top: 24px;
	margin-left: 10px;
}
.box_inner
{
	border: solid 1px #fff;
	padding: 15px;
	background: #FFFFE9 url('../images/a4.gif') repeat-x;
	color: inherit;
}
.box_inner_2
{
	border: solid 1px #fff;
	padding: 15px;
	background: #E7F6FF url('../images/a5.gif') repeat-x;
	color: inherit;
}
.box_shadow
{
	background: #FFFFE9 url('../images/shade.jpg') no-repeat 100% 100%;
	height: 14px;
	background-color: white;
}
table {
	padding: 1px;
	width: 500px;
	margin-left: 30px;
}
th {
	border-bottom: 1px solid #d0d0d0;
	text-align: left;
}
.subheader {
	font-size: 120%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 0;
}