@import url("reset.css");

body {
	font-size: .75em;
	background-color: #EEE;
	line-height: 1.3em;
	color: #201B17;
}

/* ----- 1. Layout ----- */
.container {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
	background-color: #FFF;
	background: #FFF url("../img/content hintergrund.png") right bottom no-repeat;
	border: 1px solid #808080;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.container .grid_1 {
    width: 60px
}

.container .grid_2 {
    width: 140px
}

.container .grid_3 {
    width: 220px
}

.container .grid_4 {
    width: 300px
}

.container .grid_5 {
    width: 380px
}

.container .grid_6 {
    width: 460px
}

.container .grid_7 {
    width: 540px
}

.container .grid_8 {
    width: 620px
}

.container .grid_9 {
    width: 700px
}

.container .grid_10 {
    width: 780px
}

.container .grid_11 {
    width: 860px
}

.container .grid_12 {
    width: 940px;
}

.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

#header {
	background-color: #E77918;
	margin: 0 0 0 0;
	padding: 22px 40px;
/*	background: #E77918 url(../img/header-weihnacht.gif) 0 bottom repeat-x; */
	background: #E77918 url(../img/header.jpg) 0 bottom repeat-x;
	height: 72px;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

#footer {
	background-color: #E77918;
	color: #F2F2F2;
	text-align: center;
	padding: 5px 0;
	margin-top: 10px;
}

/* ----- Text ----- */

h1 {
	font-size: 1.5em;
	font-weight: 700;

	margin: 10px;
}


h2 {
	font-size: 1.05em;
	font-weight: 700;
	color: #808285;
	border-bottom: 1px solid #217CB7;
	margin-bottom: 10px;
}
h3 { /* �berschrift News */
	margin: 0 0 5px 0;
	padding: 0;
}

.b {
	font-weight: 700;
}

p, img, ul, dl {
	padding: 0 0 10px 0;
}

li {
	padding: 0 0 0 18px;
	background: url(../img/bullet_blue.gif) no-repeat;
}

.file {
	color: #A9A9A9;
	font-size: .8em;
}

/* ----- Inhalte ----- */
.box {
	padding: 10px;
	border: 1px solid #DDD;
	background-color: #FCFCFC;
	color: #000;
	font-weight: 700;
}

.wait {
	display: none;
}

/* ----- Galerie ----- */

.galerie {
	border: 1px solid #DDD;
	margin: 5px 0;
	padding: 5px 4px;
	background-color: #FCFCFC;
	
	
}

.stepcarousel{
	position: relative;
	border: 1px solid #DDD;
	margin: 5px 0;
	padding: 5px 4px;
	background-color: #FCFCFC;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/

	height: 95px; /*Height should enough to fit largest content's height*/
}

.galerie img {
	float: left;
	padding: 0 4px;
	margin: 0;
	border:0;
}

.galerie img.alpha {
	margin: 0 4px;
}

.galerie img.omega {
	margin: 0 5px;
}

.lscroll {
	position: absolute;
	top: 0;
	left: 0;
	border-right: 1px solid #DDD;
	height: 120px;
	width: 20px;
	background: #FFF url(../img/lscroll.gif) 5px 45px no-repeat ;
	z-index: 10;
}

.lscroll a, .lscroll a:active, .lscroll a:hover, .lscroll a:visited, .rscroll a, .rscroll a:active, .rscroll a:hover, .rscroll a:visited {
	display: block;
	width: 100%;
	height: 100%;
}

.lscroll:hover {
	border-color: #E77918;
	background: #FFF url(../img/lscroll_hover.gif) 6px 45px no-repeat ;
}

.rscroll {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #DDD;
	height: 120px;
	width: 20px;
	background: #FFF url(../img/rscroll.gif) 7px 46px no-repeat ;
	z-index: 10;
}

.rscroll:hover {
	border-color: #E77918;
	background: #FFF url(../img/rscroll_hover.gif) 7px 46px no-repeat ;
}




.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 7px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 36px; /*margin around each panel*/
	width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* ----- Ansprechpartner ----- */

.team {
	float: left;
	width: 303px;	
	margin: 1px 0 1px 0;
	padding: 2px;
	border: 1px solid transparent;
}

.team:hover, #content li:hover {
	background-color: #FCFCFC;
	border: 1px solid #A5A5A5;
}

.team img {
	float: left;	
	margin: 0;
}

.team h4, .team p, .team dl {
	margin: 0;
	margin-left: 110px;	
	padding: 0;
}

.team dl{
	margin-top: 5px;
}

.team dt {
	float: left;
	/*width: 15em;*/
}

.team .longdl dt {
	float: none;
	/*width: 15em;*/
}

.team dd {
	margin-left: 60px;
}

.impressum {
	line-height: 1.5em;
}
.impressum dl{
	margin-top: 5px;
}

.impressum dt {
	float: left;
	/*width: 15em;*/
}

.impressum dd {
	margin-left: 170px;
}
/* ----- Newsbereich ----- */

.date {
	font-size: .8em;
	margin: 0;
	padding: 0;
}

.news {
	
	background-color: #FCFCFC;
}
.news img {
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px;
	border: 1px solid #DDD;
}

/* ----- Links ----- */

a[href$=".pdf"], a:hover[href$=".pdf"], a:active[href$=".pdf"], a:visited[href$=".pdf"] {
	padding-left: 20px;
	background: url(../img/pdf.gif) no-repeat;
}

a[href^="mailto:"], a:active[href^="mailto:"], a:hover[href^="mailto:"], a:visited[href^="mailto:"] {
	padding-left: 20px;
	background: url(../img/email.gif) 0 3px no-repeat;
}

a, a:active, a:hover, a:visited {
	padding-left: 11px;
	background: url(../img/link.gif) 0 4px no-repeat;	
	color: #759CD6;
}

a:hover {
	color: #E77918;	
	background-position: 0 -7px;
}

.lscroll a, .lscroll a:active, .lscroll a:hover, .lscroll a:visited, 
.rscroll a, .rscroll a:active, .rscroll a:hover, .rscroll a:visited, 
.stepcarousel a, .stepcarousel a:active, .stepcarousel a:hover, .stepcarousel a:visited,
a.hersteller, a.hersteller:active, a.hersteller:visited, a.hersteller:hover
{
	background-image: none;
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a:focus { outline: none;}

#footer a, #footer a:active, #footer a:visited, #footer a:hover
{
	background-image: none;
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #F2F2F2;
}

#footer a:hover {
	color: #FFF;
}

/* ----- Navigation ----- */

#menu {
    background: #E77918 url(../img/nav_bg.gif) repeat-x scroll 0pt;
	/*
    border-bottom: 1px solid #E77918;
    border-top: 1px solid #E77918;
    */
    float: left;
	width: 100%;
	text-align: center;
}

#menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 10px;
}

#menu li {
    float: left;
    width: auto;
	background-image: none;
	margin: 0;
	padding: 0;
}

#menu a, #menu a:active, #menu a:focus {
    background: #EB9346 url(../img/nav.gif)  0pt -30px repeat-x;
    border-left: 1px solid #FF8A24;
    border-right: 1px solid #E77918;
    color: #E5E5E5;
    display: block;
    margin: 0pt;
    padding: 4px 8px;
	border-bottom: 2px solid #E77918;
}

#menu a:hover, #menu a:focus, #menu li a#current {
    background: #F7A700 url(../img/nav.gif) top repeat-x;
    color: #FFFFFF;
}

#menu li.current a {  
	background: #EB9346 url(../img/nav.gif)  top  repeat-x;
	color: #FFF;
	border-bottom: 2px solid #FF8A24;
	
}

/* ----- Formulare ----- */

textarea {
	font-size: 1em;	
}

.kontakt textarea, .kontakt input[type=text] {
	width: 296px;
	margin-bottom: 5px;
}

.kontakt input.kurz {
	width: 40px;
	padding-right: 10px;
}

.kontakt input.mittel {
	width: 238px;
}

input:focus, textarea:focus {
	outline: 2px solid #EB9346;
	font-size: 1em;
}

/*


#mainmenu a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
}

#mainmenu a:hover {
	font-size: 90%;
	font-weight: normal;
	color: #0000CC;
	text-decoration: none;
}

 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-decoration: none;
	font-weight: normal;
}

 a:hover {
	font-weight: normal;
	color: #0066FF;
	text-decoration: none;
}




div {
	width: 1024px;
	padding: 5px;
}



#wrap {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 0px;
	width: 1024px;
}

#partnermenu {
	height: 63px;
	background-color: #E77918;
}





#mainmenu {
	background-color: #E77918;
	text-align: justify;
}


#content {
	height: 576px;
	background-color: #EEEEEE;
	background-image: url(gfx/contenthintergrund.png);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 85%;
}

#content2 {
	height: 630px;
	background-color: #EEEEEE;
	font-size:85%;
}

#content3 {
	height: 576px;
	background-color: #EEEEEE;
	font-size:85%;
}

#orange_unten {
	height: 15px;
	background-color: #E77918;
	font-size: 65%;
	color: #FFFFFF;
	
}

#leiste_unten {
	height: 5px;
	background-image: url(gfx/leiste.gif);
	font-size: 50%;
}


#footline {
	height: 25px;
	background-color: #E77918;
	margin: 0;
	padding: 0;
	width: 1034px;
}

h1 {
	font-size: 140%;
	margin: 5px;
}

h2 {
	font-size: 130%;
	margin: 5px;
}

h3 {
	font-size: 120%;
	margin: 5px;
}

h4 {
	font-size: 110%;
	margin: 5px;
}

h5 {
	font-size: 110%;
	margin: 5px;
}

h6 {
	font-size: 110%;
	margin: 5px;
}

#wrap #content3 iframe {
	margin-left:192px;
	margin-top:50px;
	border: thin solid #000000;
}
*/

.hersteller:hover {
	border: 1px solid #759CD6;
	height: 60px;
	padding: 0;
	margin: 0;
}

.hersteller, .partner {
	border: 1px solid #DDD;
	height: 60px;
	padding: 0;
	margin: 0;	
}

.error {
	background-color: #FF6767;
	padding: 2px 5px;
}

.flashinfo {
	color: #179E0A;
	padding-bottom: 5px;
}

hr {
	background-color: #B6DAF2; 
	color: #B6DAF2;
	border: 0;
	height: 1px; 
	
}

a.img, a:active.img, a:hover.img, a:visited.img {
	border: 1px solid #759CD6;
	background-image: none;
	border: 0;
	margin: 0;
	padding: 0 3px 0 0;
	text-decoration: none;
}

a.img img {
		border: 1px solid #759CD6;
		margin: 0;
		padding: 0;
}