/*
Website Name: Schöngen Kunststoff-Rohrsysteme
Website URL: http://www.schoengen.de
Description: 
Version: 0.0.1
Author: Viktor Steinke
Author E-Mail: viktor.steinke@brainworxx.de
=============================================================================================================================*/
/* importiert datai.css
--------------------------------------------------*/
@import "browser.css";
@import "additional.css";
@import "news.css";
@import "teaser.css";
@import "suche.css";
@import "mailform.css";

/* html, body
--------------------------------------------------*/
html, body{height: 100%; margin: 0px; padding: 0px;}
body {
	color: #5f5f5f;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../bilder/layout/body_bg.gif) repeat-x;
}

/* headings 
--------------------------------------------------*/
h1 {
	color: #8e4a54;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #eeeeee;
	padding: 0px 0px 3px 0px;
	margin: 55px 0px 16px 0px;
}

/*h2 {font-size: 1.3em; margin:0px; padding: 0px;}*/
h3 {font-size: 1.2em; margin:0px; padding: 0px;}
h4 {font-size: 1.1em; margin:0px; padding: 0px;}
h5 {font-size: 1.0em; margin:0px; padding: 0px;}
h6 {font-size: 0.9em; margin:0px; padding: 0px;}

/* links
--------------------------------------------------*/
a {color: #545454; text-decoration: none;}
a:hover { color: #8e4a54; text-decoration: none;}
a:visited {}
a:active {}

#content a {color: #1a1a1a;}
#content a:hover {color: #1a1a1a; text-decoration: underline;}
#content a:visited {}
#content a:active {}

.print a{
	color: #8c8c8c !important;
	text-decoration: none !important;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 0px 440px;
	padding: 0px 0px 0px 10px;
	float: left;
	background: url(../bilder/icons/top.jpg) no-repeat 0px 5px;
}
.print a:hover{color: #9f9f9f !important;}

.top a{
	color: #8c8c8c !important;
	text-decoration: none !important;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 10px;
	float: left;
	background: url(../bilder/icons/top.jpg) no-repeat 0px 5px;
}
.top a:hover{color: #9f9f9f !important;}

/* paragraphs, lists, etc
--------------------------------------------------*/
p {padding: 0px 0px 0px 0px;}

form {
	margin: 0px;
	padding: 0px;
}

input{border: 1px solid #cbcbcb;}

#main-content ul{
	margin: 1em 0px 1em 0px;
	padding: 0px 0px 0px 30px;
}

#main-content ul li{
	margin-bottom: 0.5em;
	margin-left: 7px;
	list-style-type : none;
	list-style-image: url(../bilder/icons/li.gif);
}

#main-content img{
	/*border: 1px solid #000;*/
	padding: 0px;
}

.sp img{
	border: 0px !important;
	padding: 0px !important;	
}

#main-content input[type="submit"]{margin-top: 4px; background: #eee; border: 1px solid #d9d9d9;}

/* container
--------------------------------------------------*/
#page {
	width: 920px;/*979px*/
	margin: 0px 0px 0px 0px;
	min-height: 100%; /* Fuer moderne Browser */
	height: auto !important;  /*Fuer moderne Browser */
 	height: 100%; /* Fuer IE */
	text-align: left;
	background:#fff url(../bilder/layout/page_bg.jpg) repeat-y;
}

#head{
	width: 920px;
	height: 374px;
	margin: 0px;
	padding: 0px;
	background: url(../bilder/layout/head_bg.jpg) no-repeat 0px 0px;
}

#head-right{
	width: 573px;
	height: 101px;
	float: left;
	/*border-top: 1px solid #dad4cc;*/
	margin: 7px 0px 0px 0px;
	background: url(../bilder/layout/toolbar_bg.jpg) no-repeat 0px 0px;
}

#head-additional{
	width: 920px;
	height: 29px;
	background: url(../bilder/layout/toolbar_top.jpg) no-repeat 0px 0px;
}

#navigation{
	width: 225px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #fff;
	float: left;
}

#content{
	width: 673px;
	margin: 1px 0px 0px 0px;
	float:left;
}

/* datum
--------------------------------------------------*/
.time{
	float: left;
	color:#fff;
	font-weight: bold;
	margin: 6px 0px 0px 25px;
	width: 173px;
}

/* sprache
--------------------------------------------------*/
.lang p{display: inline; vertical-align: 5px; padding-right: 5px;}
.lang{
	width: 545px;
	text-align: right;
	float: left;
	color: #FFF;
	margin: 0px 0px 0px 0px;
}

.language {display: inline;}
.language img{
	display: inline;
	border: 0px;
	padding: 0px 3px 0px 3px;
	margin-top: 3px;
}

/* url
--------------------------------------------------*/
.url{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 40px;
}
.url a, .url a:hover{color: #fff; font-weight:bold;}

/* logo
--------------------------------------------------*/
.logo{
	width: 325px;
	height: 101px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 0px 0px;
	border-top: 1px solid #dad4cc;
	background: url(../bilder/layout/logo_bg.jpg) no-repeat 0px 10px;
}
.logo img{	margin: 15px 0px 0px 0px;}

/* headimg
--------------------------------------------------*/
.head-image{
	width: 899px;
	height: 182px;
}

/* headimg-links
--------------------------------------------------*/
.head-img-links{
	padding-top: 15px;
	margin: 0px 0px 0px 680px;
}

.head-img-links a{
	/*color: #e4e5e6;*/
	color: #FFFFFF;
	padding: 0px 0px 0px 25px;
	background: url(../bilder/icons/head_img_link_icon.gif) no-repeat 0px 1px;
}
.head-img-links a:hover{color: #fff;}
.head-img-links div{ margin: 10px 0px 0px 0px;}

/* toolbar
--------------------------------------------------*/
.toolbar{
	margin: 19px 0px 0px 269px;
	width: 500px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.toolbar a{	color:#fff;	font-weight: bold;}
.toolbar a:hover{color:#8e4a54}
.items ul li{float: left;list-style: none;}
.toolbar-item{padding-right: 12px; background: url(../bilder/icons/toolbar_trennline.gif) no-repeat 52px 3px;}
.toolbar-item1{padding: 0px 12px 0px 12px;}
.toolbar-item2{padding: 0px 12px 0px 12px; background: url(../bilder/icons/toolbar_trennline.gif)  no-repeat 0px 3px; }
.toolbar-item3{padding: 0px 12px 0px 12px; background: url(../bilder/icons/toolbar_trennline.gif)  no-repeat 0px 3px;}

.toolbar-item-act a{color:#8e4a54!important;}
.toolbar-item1-act a{color:#8e4a54!important;}
.toolbar-item2-act a{color:#8e4a54!important;}
.toolbar-item3-act a{color:#8e4a54!important;}

.toolbar-item-act{padding-right: 12px; background: url(../bilder/icons/toolbar_trennline.gif) no-repeat 52px 3px;}
.toolbar-item1-act{padding: 0px 12px 0px 12px;}
.toolbar-item2-act{padding: 0px 12px 0px 12px; background: url(../bilder/icons/toolbar_trennline.gif)  no-repeat 0px 3px; }
.toolbar-item3-act{padding: 0px 12px 0px 12px; background: url(../bilder/icons/toolbar_trennline.gif)  no-repeat 0px 3px;}

/* suchbox
--------------------------------------------------*/
.suchbox-form{
	padding: 0px 0px 0px 0px;
	margin: 68px 0px 0px 362px;
}

.suchbox-input{
	width: 174px;
	height: 14px;
	border: 0px;
	font-size: 10px;
}

.suchbox-submit{
	width: 11px;
	height: 16px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	background: url(../bilder/icons/suchbox_submit.gif) no-repeat 0px 0px;
}

/* menu-top
--------------------------------------------------*/
.menu-top {
	width: 898px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
	background:url(../bilder/layout/menu_bg.jpg) repeat-x;
}
.menu-top .item{float: left;}

/* menu
--------------------------------------------------*/
.menu{
	width: 224px;
	margin: 13px 0px 0px 0px;
}

.menu ul{ margin: 0px; padding: 0px;}
.menu a{
	text-decoration: none;
	font-size: 1em;
	display: block;
}
.menu a:hover{color: #8e4a54!important;}

/* ###  2. Ebene */
.menu ul li{
	list-style-image: none;
	list-style-type : none;
	margin: 0px;
}

.menu ul li a{
	line-height: 1.7em;
	padding: 0px 0px 0px 25px;
	background: url(../bilder/icons/menu_li.gif) no-repeat 15px 7px;
}

.menu ul li a.menu-item-act, .menu-item-act_sub, .menu ul li a.menu-item-act:hover{font-weight: bold!important; color: #8e4a54!important;}
#special a{color: #545454!important; font-weight: normal!important;}

/* ###  3. Ebene */
.menu ul li li a{
	line-height: 1.7em;
	padding: 0px 0px 0px 30px;
	background: url(../bilder/icons/menu_li.gif) no-repeat 20px 7px;
}
.menu ul li a.menu-item-act2, .menu-item-act2_sub, .menu ul li a.menu-item-act2:hover{font-weight: bold; color: #8e4a54;}

/* ###  4. Ebene */
.menu ul li li li a{
	padding: 0 0 0 35px;
   background: url(../bilder/icons/menu_li.gif) no-repeat 25px 7px;
}
.menu ul li a.menu-item-act3, .menu-item-act3_sub, .menu ul li a.menu-item-act3:hover{font-weight: bold; color: #8e4a54;}

/* ###  5. Ebene */
.menu ul li li li li a{
	padding: 0 0 0 42px;
	background: url(../bilder/icons/menu_li.gif) no-repeat 33px 7px;
}
.menu ul li a.menu-item-act4, .menu-item-act4_sub, .menu ul li a.menu-item-act4:hover{font-weight: bold; color: #8e4a54;}

/* ###  6. Ebene */
.menu ul li li li li li a{
	padding: 0.4em 0em 0.4em 45px;
	background: url(../bilder/menu_icons/menu_2end_li.gif) no-repeat 35px 7px;
}
.menu ul li a.menu-item-act5, .menu-item-act5_sub, .menu ul li a.menu-item-act5:hover{font-weight: bold; color: #8e4a54;}

/* rootline
--------------------------------------------------*/
.rootline {
	width: 653px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 20px;
}

.rootlineItems a{
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	color: #545454 !important;
}

.rootlineItems a:hover{
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	color: #8e4a54 !important;
	text-decoration: none !important;
}
.aktiv a.rootlineNo{color: #8e4a54!important;}

/* content
--------------------------------------------------*/
#main-content{width: 633px; padding: 0px 20px 0px 20px;}