/**
 * This file contains all generic styles for www.bowa.de & www.linster.de
 *
 * @author Jean-Bernard Valentaten <troggy.brains@gmx.de>
 * @copyright 2009 Jean-Bernard Valentaten
 * @version 1.0
 */

/* Reset-Set */
* {
	border:0;
	margin:0;
	padding:0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
}

/*
 * Basic
 */
html {
	height:100%;
}

body {
	position:relative;
	background-color: #333333;
	height:100%;
}

a,
a:ACTIVE,
a:FOCUS,
a:HOVER,
a:LINK,
a:VISITED {
	color:#000;
	text-decoration:none;
	outline:none;
}

#left {
	float:left;
}

#right {
	float:right;
}

#main {
	position:relative;
	width:auto;
}

.inside {
	position:relative;
	text-align:left;
}

.clear, #clear {
	clear:both;
	font-size:0.1px;
	height:0.1px;
	line-height:0.1px;
}

/*
 * Wrapper
 */
#wrapper {
	position:relative;
	background-color:#fff;
	width:1000px;
	min-height:100%;
	bottom:0px;
	margin:0 auto;	
}

/*
 * Header
 */
#header {
	position:absolute;
	top:0px;
	right:0px;
	height:35px;
	width:461px;
	background:transparent url(/fileadmin/gfx/base/1x1_grey_trans.png) 0 0 repeat;
	z-index:10;
}

#header div.inside {
	height:30px;
	margin-left:6px;
	background:url(/fileadmin/gfx/base/header_bg.png) 0 0 repeat-x;
}

#header div.mod_navigation ul {
	display:block;
	height:35px;
	list-style:none;
	clear:both;
}

#header div.mod_navigation ul li {
	display:block;
	float:left;
}

/*
 * Container
 */
#container {
	width:985px;
	padding-left:15px;
	border-bottom:1px solid #000;
}

/*
 * Left - Navigation
 */
#left {
	width:190px;
	padding:8px;
	padding-bottom:0px;
	background:url(/fileadmin/gfx/base/1x1_grey_trans.png) 0 0 repeat;
}

#left div.inside {
	height:519px;
	border-top:1px solid #fff;
	background:url(/fileadmin/gfx/base/nav_bg.gif) 0 0 repeat-y;
	z-index:10000;
}

#left div#logo {
	height:131px;
	width:100%;
}

#left div.mod_navigation * {
	font-size:11px;
	line-height:13px;
	font-wight:bold;
}

#left div.mod_navigation ul {
	display:block;
	overflow:visible;
	list-style:none;
	border-top:1px solid #3a3a3a;
	border-bottom:1px solid #f5f5f5;
	font-weight:bold;
	text-transform:uppercase;
}

#left div.mod_navigation ul.level_2 {
	display:none;
	position:absolute;
	background:url(/fileadmin/gfx/base/nav_bg.gif) 9px 0 repeat-y;
	top:0px;
	left:190px;
	width:190px;
	border:0px;
	padding-left:8px;
}

#left div.mod_navigation ul.level_2.hover {
	display:block;
}

#left div.mod_navigation ul li {
	float:left;	/* make IE6&7 show the navigation as it should */
	clear:left; /* make IE6&7 show the navigation as it should */
	position:relative;
	display:block;
	min-height:33px;
	width:100%;
	border-bottom:1px solid #3a3a3a;
	border-top:1px solid #f5f5f5;
}

#left div.mod_navigation li.hover ul.level_2 {
	display:block;
}

#left div.mod_navigation ul li a,
#left div.mod_navigation ul li span {
	color:#010101;
	display:block;
	padding-left:14px;
	padding-top:9px;
	padding-bottom:9px;
	text-decoration:none;
	vertical-align:middle;
}

/*
 * Main - Claims
 */
#main {
	margin-left:222px;
	padding-top:84px;
	padding-left:42px;
	height:50px;
}

#main h1,
#main p {
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	vertical-align: top;
}

/*
 * Right - Content
 */
#right {
	width:300px;
	height:354px;
	margin-top:32px;
	margin-right:8px;
	background:transparent url(/fileadmin/gfx/base/1x1_white_trans_20.png) 0 0 repeat;
}

#right div.inside {
	padding:13px;
}

#right h1 {
	font-weight:bold;
	text-align:justify;
}

#right p {
	margin-top:15px;
}

#right p.align-justify {
	text-align:justify;
}

#right p.align-center {
	text-align:center;
}

#right p.align-left {
	text-align:left;
}

#right p.align-right {
	text-align:right;
}
#right div.csc-mailform-field {
	clear:both;
}

#right label {
	display:block;
	float:left;
	width:45%;
	padding:0 10px 10px 0;
	text-align:right;
}

#right input,
#right select,
#right textarea {
	float:left;
	width:200px;
	padding:2px;
}

#right input.csc-mailform-check {
	width:auto;
}

#right input.csc-mailform-submit {
	float:right;
	width:auto;
	padding:0;
	border:1px solid #000;
	cursor:pointer;
}

/*
 * Footer
 */
#footer div.inside {
	clear:both;
	margin-left:15px;
}

#footer div.teaser,
#footer div.teasers,
#footer div.teasers div.left,
#footer div.teasers div.middle,
#footer div.teasers div.right {
	float:left;
	height:225px;
	background-color:#fff;
	border-top:12px solid #f4f4f4;
	text-align:center;
} 

#footer div.teasers {
	border-top:0;
}

#footer div.teaser.left {
	background-color:#f4f4f4 !important;
	width:190px;
	padding:0 8px;
}

#footer div.teasers div.left,
#footer div.teasers div.middle {
	width:235px;
}

#footer div.teasers div.right {
	float:right;
	background-color:#e6e6e6 !important;
	width:308px;
}

#footer div.teasers .csc-textpic-caption {
	color:#666;
	font-size:11px;
	line-height:13px;
}

/*
 * Bottom
 */
#bottom {
	position:absolute;
	background:transparent url(/fileadmin/gfx/base/footer_bg.gif) 0 0 repeat-x;
	bottom:0px;
	height:15px;
	width:100%;
}

#bottom div.inside {
	margin-left:15px;
	padding-left:8px;
	font-size:10px;
	word-spacing:0.2em;
}

#bottom div.inside * {
	font-size:10px;
	word-spacing:0.2em;
}


#langNavi {
margin-left:40px;
}

#langNavi a {
margin:0px 5px;
}
