/************************************************
Fliesenleger Schmal
Author: Sebastian Schmal - ingeniumdesign.de
Create Date: 2009/11/06
Media: Screen
************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select, textarea, input,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

body { 
background: #ffffff url(../images/bg.png) top repeat-x; }

hr {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.invisible {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

p { font-size: 12px; color: #000000; line-height: 18px; }

a:link, a:visited {
font-weight: bold; color: #000000; text-decoration: underline; margin: 0; padding: 0; } 
a:hover, a:active {
font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 0; }

a img { border: none; }

h1 { font-size: 16px; font-weight: bold; } 
h2 { font-size: 15px; font-weight: normal; } 
h3 { font-size: 13px; font-weight: normal; } 
h4 { font-size: 10px; font-weight: normal; } 
h5 { font-size: 9px; font-weight: normal; } 
h6 { font-size: 8px; font-weight: normal; } 

ul {		margin-top: 5px; margin-bottom: 10px; }
ul li {		font-size: 12px; line-height: 150%; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
ul li li {	font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
ol {		margin-top: 5px; margin-bottom:5px;}
ol li {		font-size: 12px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0 0 0 35px; }
ol li li {	font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }

.float-r {
float: right;
display: inline;
}

.float-l {
float: left;
display: inline;
}

div.wrapper {
width: 100%;
}

div.site {
width: 855px;
margin: 0 auto 0 auto;
}

/* head */

div.head {
float: left;
display: inline;
width: 100%;
height: 108px;
}

/* nav01 */

div#nav01 {
position: absolute;
width: 550px;
margin: 73px 0 0 0;
z-index: 1;
}

div#nav01 ul {
list-style: none;
padding: 0;
margin: 0;  
}

div#nav01 ul li {
float: left;
display: inline;
margin: 0;
padding: 0;
}

div#nav01 a.nav01aus:link, 
div#nav01 a.nav01aus:visited {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #8d8d8d; padding: 13px 14px 9px 15px; margin: 0; display: block; }
div#nav01 a.nav01aus:active, 
div#nav01 a.nav01aus:hover {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #000000; padding: 13px 14px 9px 15px; margin: 0; display: block; }

div#nav01 a.nav01aus-first:link, 
div#nav01 a.nav01aus-first:visited {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #8d8d8d; padding: 13px 14px 9px 15px; margin: 0; display: block; }
div#nav01 a.nav01aus:active, 
div#nav01 a.nav01aus:hover {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #000000; padding: 13px 14px 9px 15px; margin: 0; display: block; }

div#nav01 a.nav01an:link, 
div#nav01 a.nav01an:visited {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #000000; }
div#nav01 a.nav01an:active, 
div#nav01 a.nav01an:hover {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #000000; }

div#nav01 a.nav01an-first:link, 
div#nav01 a.nav01an-first:visited {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #000000; }
div#nav01 a.nav01an-first:active, 
div#nav01 a.nav01an-first:hover {
font-size: 12px; line-height: 110%; font-weight: bold; text-decoration: none; color: #000000; }

div#nav01 .current-an {
background: url(../images/nav01_bullet_right_an.gif) right top no-repeat; padding: 0 2px 0 0; margin: 0 0 0 -1px; }
div#nav01 .current-an a {
background: url(../images/nav01_bullet_left_an.gif) left top no-repeat; padding: 13px 14px 9px 17px; display: block; }

div#nav01 .current-an-first {
background: url(../images/nav01_bullet_right_an_first.gif) right top no-repeat; padding: 0 1px 0 0; margin: 0 0 0 -1px; }
div#nav01 .current-an-first a {
background: url(../images/nav01_bullet_left_an_first.gif) left top no-repeat; padding: 13px 14px 9px 17px; display: block; }

div#nav01 .current-aus {
background: url(../images/nav01_bullet_right_aus.gif) right top no-repeat; padding: 0 1px 0 0; margin: 0; }
div#nav01 .current-aus a {
background: url(../images/nav01_bullet_left_aus.gif) left top no-repeat; padding: 13px 14px 9px 15px; display: block; }

div#nav01 .current-aus-first {
background: url(../images/nav01_bullet_right_aus_first.gif) right top no-repeat; padding: 0 1px 0 0; margin: 0; }
div#nav01 .current-aus-first a {
background: url(../images/nav01_bullet_left_aus_first.gif) left top no-repeat; padding: 13px 14px 9px 15px; display: block; }

/* logo */

div#logo {
position: absolute;
margin: 25px 0 0 604px;
width: 236px;
z-index: 2;
}

div#logo a img {
border: 0;
}

/* path */

div#path {
float: left;
display: inline;
width: 800px;
margin: 10px 0 0 17px;
}

div#path p { font-size: 11px; font-weight: normal; color: #505050; text-decoration: none; margin: 0; padding: 0; }

a.path-off:link, 
a.path-off:visited {
font-size: 100%; font-weight: normal; color: #505050; text-decoration: none; margin: 0 3px 0 3px; padding: 0; }
a.path-off:hover, 
a.path-off:active {
font-size: 100%; font-weight: normal; color: #505050; text-decoration: underline; margin: 0 3px 0 3px; padding: 0; }

span.path-on {
font-size: 100%; font-weight: bold; color: #505050; text-decoration: none; margin: 0 3px 0 3px; padding: 0; }

/* illu-slide-container */

div.illu-container {
float: left;
display: inline;
width: 100%;
height: 196px;
margin: 10px 0 0 0;
background: #f0f0f0;
position: relative;
}

div#illu-sequence {
float: left;
display: inline;
width: 100%;
}

div.illu-container-wrap {
	/*float: left;*/
	display: inline;
	width: 100%;
	height: 196px;
	margin: 0;
	/*background: #f0f0f0;*/
	background: none;
	position: absolute;
}

div.illu-container-wrap img {
	float: left;
	display: inline;
	width: 564px;
}

div.illu-text-container {
float: left;
display: inline;
width: 230px;
margin: 20px 0 0 25px;
}

div.topic-nav {
/*float: left;
display: inline;*/
position: absolute;
z-index: 999;
width: 230px;
margin-left: 590px;
margin-top: 20px;
}

div.topic-nav ul {
list-style: none;
margin: 0;
padding: 0;
}

div.topic-nav ul li {
float: left;
display: inline;
margin: 0;
padding: 0;
font-size: 11px;
}

a.topic-nav-off:link, 
a.topic-nav-off:visited {
font-size: 100%; font-weight: bold; color: #818284; text-decoration: none; margin: 0; padding: 1px 6px 1px 6px; background: url(../images/hot_topic_spacer.gif) right no-repeat; }
a.topic-nav-off:hover, 
a.topic-nav-off:active {
font-size: 100%; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 1px 6px 1px 6px; background: #818284 url(../images/hot_topic_spacer.gif) right no-repeat; }

a.topic-nav-on:link, 
a.topic-nav-on:visited {
font-size: 100%; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 1px 6px 1px 6px; background: #818284; }
a.topic-nav-on:hover, 
a.topic-nav-on:active {
font-size: 100%; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 1px 6px 1px 6px; background: #818284; }

div.illu-container-wrap .csc-textpic-text {
float: left;
display: inline;
width: 230px;
margin: 50px 0 0 25px;
}

div.illu-container-wrap .csc-textpic-text h2 { font-size: 22px; font-weight: normal; color: #000000; text-decoration: none; margin: 0 0 10px 0; padding: 0 }
div.illu-container-wrap .csc-textpic-text p { font-size: 12px; font-weight: normal; color: #656565; text-decoration: none; margin: 0; padding: 0 }

/* teaser-start */

div.teaser-start {
float: left;
display: inline;
width: 291px;
margin: 17px 0 0 0;
/*background: url(../images/bg_teaser_start.gif) left bottom no-repeat;*/
}

div.teaser-start-wrap {
float: left;
display: inline;
width: 291px;
margin: 0 0px 0 0;
background-color:#F0F0F0;
border-bottom:10px solid #FFFFFF;
}

div.teaser-last {
float: left;
display: inline;
width: 275px;
}

div.teaser-content {
float: left;
display: inline;
width: 255px;
margin: 0 0 0 25px;
padding: 20px 0 18px 0;
}

div.teaser-content-short {
float: left;
display: inline;
width: 155px;
}

div.teaser-content h1, div.teaser-content-short h1 { font-size: 18px; font-weight: normal; color: #404040; line-height: 1.00em; text-decoration: none; margin: 0 0 8px 0; padding: 0 }
div.teaser-content h2 { font-size: 18px; font-weight: normal; color: #404040; line-height: 1.00em; text-decoration: none; margin: 0 0 8px 0; padding: 0 }
div.teaser-content p, div.teaser-content-short p { font-size: 12px; font-weight: normal; color: #656565; line-height: 18px; text-decoration: none; margin: 0; padding: 0 }

div.teaser-content a:link, 
div.teaser-content-short a:link,
div.teaser-content a:visited, 
div.teaser-content-short a:visited {
font-size: 12px; font-weight: bold; color: #505050; text-decoration: none; margin: 8px 0 0 0; padding: 0 9px 0 0; background: url(../images/bullet_more_link.gif) right no-repeat; background-position: 73px 4px; float: left; display: inline; }
div.teaser-content a:hover, 
div.teaser-content-short a:hover,
div.teaser-content a:active, 
div.teaser-content-short a:active {
font-size: 12px; font-weight: bold; color: #505050; text-decoration: underline; margin: 8px 0 0 0; padding: 0 9px 0 0; background: url(../images/bullet_more_link.gif) right no-repeat; background-position: 73px 4px; float: left; display: inline; }

div.teaser-content-illu {
float: right;
display: inline;
width: 90px;
}

/* footer */

div#footer {
float: left;
display: inline;
width: 100%;
border-top: 1px #cccccc solid; 
}

div#footer ul {
list-style: none;
margin: 6px 0 0 10px;
padding: 0;
}

div#footer ul li {
float: left;
display: inline;
margin: 0;
padding: 0;
}

div#footer ul li span {
float: left;
display: inline;
font-size: 11px;
color: #8d8d8d;
margin: 0 8px 0 0;
padding: 0 0 40px 0;
}

div#footer ul li a:link, 
div#footer ul li a:visited {
font-size: 11px; font-weight: normal; color: #8d8d8d; text-decoration: none; margin: 0; padding: 0 8px 0 8px; background: url(../images/footer_spacer.gif) left no-repeat; }
div#footer ul li a:hover, 
div#footer ul li a:active {
font-size: 11px; font-weight: normal; color: #8d8d8d; text-decoration: underline; margin: 0; padding: 0 8px 0 8px; background: url(../images/footer_spacer.gif) left no-repeat; }

/* sequence */

div.content-wrapper {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 0;
/* background: url(../images/bg_content_wrapper.gif) left top repeat-y; */
}

div.content-container {
float: left;
display: inline;
width: 599px;
/* background: url(../images/bg_content_container.gif) left bottom no-repeat; */
}

div#content {
float: left;
display: inline;
width: 380px;
margin: 6px 0 0 20px;
padding: 0 0 30px 0;
}

body#site_3 div#content {
	display:inline;
	float:left;
	margin:6px 0 0 20px;
	padding:0 0 30px;
	width:560px;
}

div#content-start {
float: left;
display: inline;
width: 524px;
margin: 17px 0 0 20px;
margin-right: 20px;
padding: 0 0 30px 0;
}

/* nav02 */

div#nav02 {
float: left;
display: inline;
width: 180px;
}

div#nav02 ul {
list-style: none;
margin: 0;  
padding: 0;
}

div#nav02 ul li.nav02aus, div#nav02 ul li.nav02an {
float: left;
display: inline;
margin: 0;
padding: 0;
}

div#nav02 ul li.nav02aus a:link, 
div#nav02 ul li.nav02aus a:visited {
width: 154px; font-size: 12px; font-weight: normal; color: #8d8d8d; text-decoration: none; line-height: 19px; margin: 0; padding: 3px 10px 3px 16px; border-bottom: 1px solid #cccccc; background: url(../images/nav02_bullet_aus.gif) right top no-repeat; float: left; display: inline; }
div#nav02 ul li.nav02aus a:hover, 
div#nav02 ul li.nav02aus a:active {
width: 154px; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; line-height: 19px; margin: 0; padding: 3px 10px 3px 16px; border-bottom: 1px solid #cccccc; background: #efefef url(../images/nav02_bullet_aus_over.gif) right top no-repeat; float: left; display: inline; }

div#nav02 ul li.nav02an a:link, 
div#nav02 ul li.nav02an a:visited {
width: 154px; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; line-height: 19px; margin: 0; padding: 3px 10px 3px 16px; border-bottom: 1px solid #cccccc; background: #efefef url(../images/nav02_bullet_an.gif) right top no-repeat; float: left; display: inline; }
div#nav02 ul li.nav02an a:hover, 
div#nav02 ul li.nav02an a:active {
width: 154px; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; line-height: 19px; margin: 0; padding: 3px 10px 3px 16px; border-bottom: 1px solid #cccccc; background: #efefef url(../images/nav02_bullet_an.gif) right top no-repeat; float: left; display: inline; }

div.content h1{ font-size: 18px; font-weight: normal; color: #000000; text-decoration: none; line-height: 20px; margin: 0 0 8px 0; padding: 0 }

/* marginal */

div#marginal {
float: left;
display: inline;
width: 255px;
}

div.teaser-marginal {
float: left;
display: inline;
width: 100%;
border-bottom: 10px solid #ffffff;
background-color: #f0f0f0;
}

div.teaser-marginal-content {
float: left;
display: inline;
width: 225px;
margin: 12px 0 0 15px;
padding: 0 0 15px 0;
}

div.teaser-marginal-content-long {
float: left;
display: inline;
width: 230px;
margin: 15px 0 0 15px;
padding: 0 0 15px 0;
}

div.teaser-marginal-text-short {
float: left;
display: inline;
width: 130px;
}

div.teaser-marginal-content-long h2 { font-size: 18px; font-weight: normal; color: #404040; line-height: 1.00em; text-decoration: none; margin: 0 0 8px 0; padding: 0 }
div.teaser-marginal-content-long p { font-size: 12px; font-weight: normal; color: #656565; line-height: 18px; text-decoration: none; margin: 0; padding: 0 }

div.teaser-marginal-content-long a:link, 
div.teaser-marginal-content-long a:link,
div.teaser-marginal-content-long a:visited, 
div.teaser-marginal-content-long a:visited {
font-size: 12px; font-weight: bold; color: #505050; text-decoration: none; margin: 8px 0 0 0; padding: 0 9px 0 0; background: url(../images/bullet_more_link.gif) right no-repeat; background-position: 73px 4px; float: left; display: inline; }
div.teaser-marginal-content-long a:hover, 
div.teaser-marginal-content-long a:hover,
div.teaser-marginal-content-long a:active, 
div.teaser-marginal-content-long a:active {
font-size: 12px; font-weight: bold; color: #505050; text-decoration: underline; margin: 8px 0 0 0; padding: 0 9px 0 0; background: url(../images/bullet_more_link.gif) right no-repeat; background-position: 73px 4px; float: left; display: inline; }

div.teaser-marginal-content-illu {
float: right;
display: inline;
width: 90px;
}