@charset "UTF-8";
/* 9.2 Globales CSS Dokument */

html, body {
	margin: 0;
	padding: 0;
	background-image: url(../grfx/bg_grey.jpg);
	background-repeat: repeat-x;	
	font: normal 11px HelveticaNeue, "Helvetica Neue", helvetica, arial;
	color: #333333;
	line-height: 1.5;
	height: 99%;
}

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

:focus { outline: 0;}

img { 
border: 0;
-ms-interpolation-mode:bicubic; }


#clear {
clear: both; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }



/*STRUCTURE*/

* html #framework {
     height: 100%;
}

#framework {
	position: relative;
	width:994px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	min-height:100%;
	height:auto;
	left: 50%;
	margin-left: -497px;
}

#logo {
	position:relative;
	width:110px;
	height:98px;
	z-index:3;
	top: 5px;
	left: 455px;
}

#mainnavi {
	position:relative;
	float:left;
	width:640px;
	height:auto;
	z-index:2;
	left: 10px;
	top: -82px;
}

#topnavi {
	position:relative;
	width:300px;
	height:30px;
	z-index:4;
	top: -105px;
	left: 25px;
}

#kontakt {
	position:relative;
	float:right;
	width:186px;
	height:41px;
	margin-bottom: 0px;
	padding-right: 34px;
	padding-top:0px;
	padding-left:0px;
	z-index:2;
	top: -86px;
	background-image: url(../grfx/kontaktbox.jpg);
	background-repeat: no-repeat;
}

#Search {
  position: relative;
  top: -89px;
  left: 765px;
  width: 240px;
} 
* html #Search {
  position: relative;
  top: -88px;
  left: 765px;
  width: 240px;
} 


.breadcrumb {
	position:relative;
	float: right;
	text-align: right;
	margin-right: 35px;
	width:500px;
	height:30px;
	z-index:4;
	top: -50px;
}
* html .breadcrumb {
	position:relative;
	float: right;
	text-align: right;
	margin-right: 35px;
	width:500px;
	height:30px;
	z-index:4;
	top: -80px;
}
.breadcrumb a:link, 
.breadcrumb a:active, 
.breadcrumb a:visited  {
color: #666666; 
text-decoration: none; }

.breadcrumb a:hover  {
color: #ff7700;
text-decoration: none;
border-bottom: 1px dotted #ff7700; }


/*MAINNAVI*/
#mainnavi ul, #mainnavi ul ul {
    list-style-type: none;
}

#mainnavi ul a {
    display: block;
    padding: 0px 5px 0px 5px;
    font-weight:normal;
}

#mainnavi ul ul a {
    padding: 0 10px;
}


#mainnavi ul li {
	display: inline;
	height: 38px;
	width: auto;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	color: #ffffff;
	text-indent: 10px;
	float: left;
	text-align: left;
	padding-left: 0px;
}

#mainnavi ul ul {
    margin-left:-5px;
    margin-top:15px;
    padding: 10 10 10 0;
    position: absolute;
    background-color: #ffffff;
    /*border:1px dotted #cccccc;*/
    display:none;
    min-width: 80px;
    width:auto%;
}
* html #mainnavi ul ul {
    margin-left:-15px;
    margin-top:15px;
    padding: 10 0 0 0;
    position: absolute;
    background-color: #ffffff;
    /*border:1px dotted #cccccc;*/
    display:none;
    min-width: 180px;
}

/* IE-Hack für die Breite */
*html #mainnavi ul ul {
    width:350px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
#mainnavi ul ul.hover, #mainnavi ul li.hover ul, #mainnavi ul li:hover ul  {
    display:block;
    color: #f28e00;
}

#mainnavi ul ul li {
    float:none;
    font-size: 10px;
}
* html #mainnavi ul ul li {
    display:block;
    float:none;
    font-size: 10px;
    text-align: left;
}

#mainnavi ul {
    list-style-type: none;
        padding: 3px 10px 3px 10px;
}
#mainnavi ul ul {
    list-style-type: none;
}

/* Textfarben Mainnavi, Ebene 1*/
#mainnavi ul li a:link {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
#mainnavi ul li a:visited  {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
#mainnavi ul li a:hover  {
	display: block;
	color: #f28e00;
	text-decoration: none;
}
#mainnavi ul li a:active  {
	display: block;
	color: #f28e00;
	text-decoration: none;
}

/* Textfarben Mainnavi, Ebene 2*/
#mainnavi ul ul li a:link {
	display: block;
	color: #666666;
	text-decoration: none;
}
#mainnavi ul ul li a:visited  {
	display: block;
	color: #666666;
	text-decoration: none;
}
#mainnavi ul ul li a:hover  {
	display: block;
	color: #f28e00;
	text-decoration: none;
}
#mainnavi ul ul li a:active  {
	display: block;
	color: #f28e00;
	text-decoration: none;
}



/*KONTAKT*/

#kontakt ul {
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	list-style-type: none;
	float: left;
}

#kontakt li {
	display: inline;
	height: 41px;
	width: 185;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 41px;
	color: #ffffff;
	text-indent: 10px;
	float: left;
	text-align: center;
	padding-left: 0px;
}

#kontakt li a:active  {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../grfx/anim_arrow.gif);
	background-repeat: no-repeat;
}

#kontakt li a:visited  {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#kontakt li a:link {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#kontakt li a:hover  {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../grfx/anim_arrow.gif);
	background-repeat: no-repeat;
}

#kontakt_active  {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../grfx/anim_arrow.gif);
	background-repeat: no-repeat;
}
#kontakt_inactive  {
	display: block;
	color: #ffffff;
	text-decoration: none;
}



/*TOPNAVI*/

#topnavi ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	float: left;
}

#topnavi li {
	display: inline;
	width: auto;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 28px;
	color: #666666;
	text-indent: 10px;
	float: left;
	text-align: right;
}

#topnavi li a:active  {
	display: block;
	color: #f28e00;
	text-decoration: none;
}

#topnavi li a:visited  {
	display: block;
	color: #333333;
	text-decoration: none;
}

#topnavi li a:link {
	display: block;
	color: #333333;
	text-decoration: none;
}

#topnavi li a:hover  {
	display: block;
	color: #f28e00;
	text-decoration: none;
}

#topnavi_active  {
	display: block;
	color: #f28e00;
	text-decoration: none;
}
#topnavi_inactive  {
	display: block;
	color: #333333;
	text-decoration: none;
}


/*QUICKNAVIGATOR*/

.quicknavigator {
	z-index:1;
	height: auto;
	width: 994px;
	position: absolute;
}

/*JUMPNAVIGATOR*/

.jumpnavigator {
	height: auto;
	width: 994px;
	position: absolute;
}

/*TEASER*/

#teaser {
	clear:left;
	width: 950px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-size: 28px;
	color: #666666;
	float: left;
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	height: 60px;
	min-height: 60px;
	margin-left: 17px;
	margin-top: -25px;
	margin-bottom: 10px;
}
* html #teaser {
	clear:left;
	width: 950px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-size: 28px;
	color: #666666;
	float: left;
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	height: 60px;
	min-height: 60px;
	margin-top: -5px;
	margin-left: 16px;
}

/*Klasse für Zwischenüberschriften*/

.subteaser {
	z-index:1;
	width: 600px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #666666;
	float: left;
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	height: 60px;
	min-height: 60px;
}

/*MODS*/

.content {
margin: 10px 0px 0px 35px; 
min-height:100%;
height:auto;
width:925px;
}

.content .body {
margin: 10px 0px 0px 35px; 
min-height:100%;
height:auto;
width:925px;
}


.contentarea_1 {
height: 500px;
width: 900px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.contentarea_2 {
height: 500px;
width: 450px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.contentarea_3 {
height: 350px;
width: 300px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.contentarea_4 {
height: 400px;
width: 225px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
float: left; }

.contentarea_5 {
height: 475px;
width: 180px;
float: left;
margin-bottom: 20px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
padding-top: 30px;
}

.portfolio {
height: auto;
min-height: 550px;
width: 175px;
float: left;
margin-bottom: 20px;
padding-right: 4px;
margin-right: 5px;
border-right: #ccc dotted 1px;
font: normal 10px HelveticaNeue, "Helvetica Neue", helvetica, arial;
color: #333333;
padding-top: 20px;
line-height: 20px;
}
.portfolio_xl {
height: auto;
min-height: 550px;
width: 175px;
float: left;
margin-bottom: 20px;
padding-right: 4px;
margin-right: 5px;
font: normal 10px HelveticaNeue, "Helvetica Neue", helvetica, arial;
color: #333333;
padding-top: 20px;
line-height: 20px;
}

/*IMAGES*/

.contentarea_5 img {
	width: 180px;
	height: 130px;
}



/*TYPO*/

h1 {
font-family: Georgia, serif;
font-weight: bold;
font-size: 13px;
line-height: 40px;
color: #ff7700;
float: left;
margin: 0px 0px 0px 4px; }

h2 {
font-family: Georgia, serif;
font-weight: bold;
font-size: 13px;
line-height: 40px;
color: #000;
float: left;
margin: 0px 0px 0px 0px; }

h2 a:link, 
h2 a:active, 
h2 a:visited  {
color: #ff4300; 
text-decoration: none; }

h2 a:hover  {
color: #ff4300;
text-decoration: underline; }

h3 {
font-family: Georgia, serif;
font-weight: bold;
font-size: 11px;
color: #000;
margin: 0px 0px 15px 0px; }

h3 a:link, 
h3 a:active {
color: #ff4300; 
font-weight: bold;
text-decoration: none; }

h3 a:visited  {
color: #7ecfed; 
text-decoration: none; }

h4 {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 11px;
line-height: 40px;
color: #aaa;
float: right; 
margin: 0px 4px 0px 0px; }

h4 a:link, h4 a:active, h4 a:visited  {
color: #999;
text-decoration: none; }

h4 a:hover  {
color: #00aeef;
text-decoration: underline; }

.sort_form {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
float: right; 
margin: 10px 0 0 0; }

.body h4 {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #999; 
float: none;
margin: 0px 4px 0px 0px; }


p {
font: normal 12px HelveticaNeue, "Helvetica Neue", helvetica, arial;
color: #333333;
margin: -10px 5px 0px 0px; 
padding: 0px;
line-height: 1.5;}

p a:link, 
p a:visited  {
color: #333333; 
text-decoration: none;
border-bottom: 1px dotted #333333;
font-weight: normal; 
}

p a:active  {
color: #ff7700; 
text-decoration: none;
border-bottom: 1px dotted #ff7700;
font-weight: normal;
}

p a:hover  {
color: #ff7700;
text-decoration: none;
border-bottom: 1px dotted #ff7700;
font-weight: normal;
}


#li a:link, 
.crosslink a:active, 
.hyperlink a:visited  {
color: #666666; 
text-decoration: none; }

#li a:hover  {
color: #ff7700;
text-decoration: underline; }


/*Styling für CATMENU, tt_news*/
.catlink a:link, 
.catlink a:active, 
.catlink a:visited  {
color: #666666; 
text-decoration: none; }

.catlink a:hover  {
color: #ff7700;
text-decoration: underline; }


.crosslink a:link, 
.crosslink a:active, 
.hyperlink a:visited  {
color: #666666; 
text-decoration: none; }

.crosslink a:hover  {
color: #ff7700;
text-decoration: underline; }


/* HYPERLINKS */
.content a:link, 
.content a:active, 
.content a:visited  {
	font-size: 12px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	color: #333333; 
	font-weight: normal;
	text-decoration: none; 
	}
.content a:hover  {
	font-size: 12px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	color: #f28e00;
	font-weight: normal;
	text-decoration: none; 
	}

/*FOOTER*/
#footer_framework {
	clear: both;
	position:relative;
	margin-top: 20px;
	background: #848484;
	height: 40px;
	width: 100%;
}
.footer {
	position:absolute;
	width:994px;
	height:30px;
	margin: auto;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	background: #848484;
	left: 50%;
	margin-left: -497px;
	top: 7px;
	padding-left:30px;
}
.footer a {
 font-family: Verdana;
 color: #666666;
 text-decoration: none;
}
.footer a:link {
 color: #666666;
}
.footer a:visited {
 color: #666666;
}
.footer a:hover {
 color: #ffffff;
}
.footer a:active {
 color: #ffffff;
}