* {margin: 0; padding: 0;}

body { 
	font: 0.8125em Helvetica, Arial, Verdana, sans-serif; 
	line-height: 1; 
	color:#585858; 
	background: #F1F3F2 url(../images/body-bg.png) repeat-y 50% 0;
}

html { height: 100% }    body { min-height: 101% }

body { behavior: url(files/css/csshover.htc); /* WinIE behavior call*/ }

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #555; }
html body a:hover {color: #000; }

ul {list-style: none; }
ol { padding-left: 1.6em; font-weight:bold;   }
ol li { line-height: 1.2em; padding-bottom: 0.8em;  }
#main ol li a { text-decoration:none;  }

h1 { font: bold 2.2em Times, "Times New Roman", Georgia, serif; color: #000; line-height: 1em;  }
h2 {font: bold 1.6em Times, "Times New Roman", Georgia, serif; }
h3 { font-size: 1.4em; letter-spacing:1px; line-height: 1.6em; margin-bottom:10px; }
h4 {font: bold 1.1em "Times New Roman", Georgia, serif; letter-spacing: 1px;}

br.clear { clear:both; overflow:hidden;  }
div.clear { clear:both; font-size:1px; height:1px; overflow:hidden; }

img.aktion { margin-top: 30px; }


/* Seitenpositionierung */

#base { width: 850px; padding:0; margin: 0 auto; }

#website {
	position:relative;
	width:785px;
	text-align:left; 
	margin:0 auto; 
	}

#header { 
	position:relative; 
	width:785px; 
	height:104px; 
	padding:0; 
	margin:0; 
	background: url(../images/topbar.jpg) no-repeat 0 37px;  
	}

#logo { 
	position:absolute; 
	top:0; 
	left: 575px; 
	width: 166px; 
	height:104px; 
	}

#logo h1 a {
	display: block;
	padding:0; margin:0;
	width: 166px;
	height: 104px;
	text-decoration: none;
	font-size: 1px;
	text-indent: -1000em;
	background: transparent url(../images/logo.jpg) no-repeat top left;
	border:0;
	}

#navigation { position:absolute; top:63px; left:0; width: 575px;   }
#navigation a { font-family: Verdana, Arial, sans-serif; display:inline; font-size: 0.88em; border:none; line-height: 1.4em; }
#navigation ul {  }
#navigation li { float:left;  padding: 0 0.5em 0 1.2em; }
#navigation li.active {  }
#navigation a.current { font-weight:bold; }

/* CONTENT BEREICH */

#content { width:785px; margin:auto; padding: 1.4em 0 1.2em 0; }
.column {float: left;}

#headline { width: 575px; font-size: 1em; padding: 1.5em 0 0 1.2em; line-height: 1.55em; }
#headline h1 {  margin: 0 0 0.6em 0; }
#headline p { margin-bottom: 0.5em; }
#headline a { text-decoration:underline; }


#content a.link, #sidebar a.link, #main div.descr a.link { 
	color: #EC8217; 
	display:block; 
	font: bold 0.9em "Lucida Grande", Geneva, Helvetica,Arial,sans-serif; 
	text-decoration:underline;
	margin-top: 0.3em;
	}

#content a.link:hover, #sidebar a.link:hover { color: #000; text-decoration:underline;  }

#main { width: 600px; padding: 0; margin:0; font-size: 0.9em; line-height: 1.4em; }
#main ul li { padding: 0 0 0.6em 1.3em; background: url(../images/listitem.gif) no-repeat 0 0.4em; }
#main a { text-decoration:underline; }

/* Sidebar Designs Dropdown etc. */

#sidebar { float:left; width: 165px; font-size: 0.85em; color:#8A8A8A; padding: 0 0 0 10px; }
#sidebar a { border:0; }

#dropdown { border: 3px solid #EC8217; padding: 5px; text-align:center; margin-bottom: 1.3em; }
#dropdown p.link { padding: 1em 0 0.6em 0.6em; text-align:left; font-weight:bold;  }
#dropdown a { padding-left: 17px; background: url(../images/arrow_square_lo.gif) no-repeat 0 45%; }
#dropdown a:hover  {background: url(../images/arrow_square_hi.gif) no-repeat 0 45%; }
#dropdown .dropSidebar { font-size: 1.1em; width: 145px; _width:140px;  padding-left: 0.1em;}
#dropdown .dropSidebar option { padding-left: 0.4em;}

#dropdown div.ordnen { 
	text-align:left; 
	padding: 1em 0.1em 0.2em 0.3em;
	}
#dropdown div.ordnen ul { 
	margin-top: 0.8em;
	font-weight:bold;
	}
#dropdown div.ordnen ul li { 
	margin: 0.6em 0 0.6em 0; 
	}


/* FOOTER */

#footer { width:785px; margin:0 auto; background: transparent url(../images/1x2_pixelbg.gif) repeat-x top left; 
font-size: 0.88em; padding: 1em 0 2em 0; color: #888; }
#footer a {  color: #888; }
#footer a:hover { color:#000; }


/********************* Module Grundeinstellungen Graue Box *********************/

div.box { 
width: 580px; 
_width: 575px;
min-height:325px;
background: #F2F2F2 url(../images/gradient.jpg) top left repeat-x; 
padding: 15px 10px 15px 10px; 
line-height: 1.6em; 
}

div.box p { margin:0; }

/* Startseite Teaser/ Sidebar Teaser */

.startTeaser { width: 190px; _width:175px; font-size: 0.98em; margin-top: 1em; float:left; line-height: 1.4em; padding: 0 3px 0 0; }

div.startTeaser h2, div.sideTeaser h2 { 
	line-height:1.2em;
	text-transform:none;
	letter-spacing:0;
	margin: 0 0 .5em 0;
	padding-left: 20px;
	background: url(../images/arrow.gif) no-repeat 0 50%;
	font-weight:bold;

	/*background: transparent url(../images/1x2_pixelbg.gif) repeat-x bottom left;  */
	}

#content .startTeaser h2 a, #sidebar .sideTeaser h2 a { 
	color: #7A7A7A; 
	text-decoration:none; 
	}

#content .startTeaser h2 a:hover, #sidebar .sideTeaser h2 a:hover { color: #000; }

.sideTeaser { 
    line-height: 1.4em; 
	padding-bottom: 1em; 
	margin-bottom: 1em; 
	background: transparent url(../images/1x2_pixelbg.gif) repeat-x bottom left;  
	}

.sideTeaser h2 { padding:0; margin:0; background:none;  }

div.news { border: 3px solid #EC8217; color: #000; line-height: 1.4em; }
div.news div { padding: 0.6em 0.2em 0.8em 0.4em; font-size: 1.2em; }
div.news h2 { color: #000; background:#EC8217; padding:0.1em 0 0.2em 0.2em; font: bold 1.2em Helvetica,Arial,sans-serif; }
div.news h2 a { background:none;  color: #fff; padding:0; }
div.news h2 a:visited { color: #fff; }
div.news div.datum { font-size: 0.9em; padding:0 0 0.3em 0; font-weight:bold;  }
div.news p { font-size: 0.88em; }


/* Designs Übersicht Modul */

div.thumbnail { position:relative; float:left; width: 285px; height: 120px; margin: 0; padding:0;  } 
div.descr { float:left; width: 132px; padding: 1.5em 0 0 0.5em; line-height: 1.4em; font-size: 0.98em; }
strong.motiv { text-transform: uppercase; font-size: 1.2em; line-height: 1.6em;  }
#main div.descr a { text-decoration:none; }

#pagination { width: 592px; text-align:right; padding: 0.5em 0 0 0; font-size: 1em; }
#pagination a { text-decoration:none; }
div#pagination a.prevlink { padding-right: 7px;  }
div#pagination a.nextlink { padding-left: 7px; }
div#pagination a.prevlink img { display: inline; position: static; width: 12px; height: 12px; background-image:url(../images/arrow_small_prev.gif ); background-repeat: no-repeat; background-position: top 0;  height:12px; margin-top: -2px; _margin-top:0;}
div#pagination a.nextlink img { display: inline; position: static; width: 12px; height: 12px; background-image:url(../images/arrow_small_next.gif ); background-repeat: no-repeat; background-position: top 0;  height:12px; margin-top: -2px; _margin-top:0;}


/* MODUL DESIGN DETAILANSICHT */

#design { position:relative; width:585px; height: 300px;  line-height:15px; }
div.text { float:left; width:320px; padding-left: 17px; font-size:1.1em;  }
div.text strong.motiv { font-size: 1.3em; }

#schema { position:absolute; top: 90px; left: 248px; width: 320px; height: 113px; text-align:center; z-index:1; }
#schema .enlarge { text-align:right; padding: 0.5em 0; font-size: 0.88em; }
#schema .enlarge a { background: transparent url(../images/enlarge.gif) no-repeat top left; padding-left: 18px; }
 

#galleryLYR { position:absolute; top: 90px; left: 248px; width: 320px; height: 113px; text-align:center; z-index:1; }
#preloadLYR { position:absolute; top: 130px; left: 248px; width: 320px; height: 32px; text-align:center; z-index:2; }
#bild { width:100%; height: 100%; border: 1px solid #fff;  padding-top: 5px; }
#galleryLYR .enlarge { text-align:right; padding: 0.5em 0; }
#galleryLYR .enlarge a { background: transparent url(../images/enlarge.gif) no-repeat top left; padding-left: 18px; }

p.format { position:absolute; top: 274px; left: 246px; width: 300px; font-size:0.88em; }
div.format { position:absolute; top: 285px; left: 412px; font-size:0.88em;  }
/*div.format { position:absolute; top: 290px; left: 407px; font-size:0.88em;  }*/
div.format select { font-size: 1em; padding-left: 0.2em; margin-left: 0.5em; width:150px; }
div.format option { padding-left: 0.4em;}


/* Float Container für Artikel */

#container {  min-height:225px;  }
#container p { margin: 0; margin-bottom: 0.8em; }

/* Tische Content */

div.bildtext { float:left; font-size: 1em; width: 252px; min-height:225px; padding: 0 0 0 10px; color: #000;  }
div.bildtext a { text-decoration:underline; }
div.imgBig { float:left; width: 312px; height:225px;  }
div.beispiel { margin-top: 0.5em; _margin-top:0.5em; line-height:1.4em; }
div.beispiel .enlarge { position:absolute; top: 85px; left:107px; width:13px; height:12px; }
div.beispiel .enlarge img { background: transparent url(../images/enlarge.gif) no-repeat top left; z-index:1; width:13px; height:12px;  }
div.beispiel a { text-decoration:underline; }
div.beispiel .descr { padding-top: 3em; }

/* Gestelle Übersicht */

.imgMedium { float:left; width: 272px; height:210px; line-height:15px;  }
.bildtextWide  { float:left; font-size: 1em; padding: 0 0 0 12px; color: #000; line-height: 1.4em; width: 295px; min-height:215px; }
.bildtextWide strong  { font-size: 1.2em; letter-spacing:1px; line-height: 1.6em;  }

/* Gestelle Dropdown */
#dropdown p.smallMargin { padding: 0.5em 0 0.5em 0.6em; text-align:left; font-weight:bold;  }


/* Download Modul */

.downloadText { margin: 1.2em 0 0 0; padding-left: 0.2em; font-size: 1.1em; line-height: 1.4em;  }
.downloadText em { font-size: 0.9em; }
.downloadFile { margin: 0.2em 0 1.5em 0; padding-left: 0.2em; }
.downloadFile img { margin-right: 0.4em; margin-left: 0.2em;}
.downloadFile a { text-decoration:underline; }

.downloadImg { float:left; width: 230px; padding-left: 0.2em; margin: 1em 0 1em 0;  }
.downloadTextImg { clear:left; }
.downloadFileImg { margin-top: 0.2em; }
.downloadFileImg img { margin-right: 0.4em; margin-left: 0.2em;}
.downloadFileImg a { text-decoration:underline; }

/* Tischformate Tabelle */

table.formate { width: 580px; margin: 10px 0 20px 0;}
table.formate td { padding:0.6em 0 0.6em 0; text-align:center; color: #292929; }
table.formate th { background-color: #939393; color: #fff; padding: 0.4em 0.2em 0.4em 0.6em; 
-moz-opacity: 60; opacity:0.6; filter:alpha(opacity=60); }
table.formate td.descr { font-weight:bold; text-align:left; padding-left: 0.7em; width:25%; }

table.formate th.extra { background: #BEBEBE; color: #000; }

tr.even { background-color: #fff; }
tr.odd { background-color: #E9E9E9; }


/* Formular Styles */

fieldset { border:1px solid #fff; padding: 1em; }
.flLeft { float:left; margin: 0 10px 0 0; }
.flLeft div { width:150px; }
.flRight { float:left; margin:0; }
.flRight div { width:256px; }

legend { font-weight:bold; padding: 0 0.5em 0 0.5em; _margin-bottom: 0.9em; }
label {	display : block;}
textarea { padding:0; width:250px; height:150px; border: 2px solid #ccc; 
font: 11px Helvetica,Arial,Verdana, sans-serif; padding: 2px; }
.inpt { width: 130px; border: 2px solid #ccc; font: 11px Helvetica,Arial,Verdana, sans-serif; padding:2px; }

input:hover, textarea:hover {  background:#fff;}
input:focus, textarea:focus {  border:2px solid #666; background:#fff;}

.error { color:red; }
.senden { width: 125px; background: #939393; color:#fff; font-size: 1em; margin-top:0.5em; }
.senden:hover { background: #fff; color:#939393; }

#form p { margin:0; font-size:1.2em; margin-bottom: 1em;  }
#form h3 { margin-bottom: 0.7em; }