/*#############################################################
Name: main.css 
Version: 0.3alpha (Vorversion)
Datum: 16-10-2007 1040 Uhr
Beschreibung: Bairle.de
Anzeige: Hauptlayout
Author: Marco Krauß, Jochen Brenner
#############################################################*/
/* Start Global Bereich */

* {
margin: 0;
padding: 0;
}

html[xmlns^="http"] {
height:101%;
padding-bottom:0.010em;

}

body {
	color: #000;
	font-style: normal;
	font-size: 0.65em;
	font-family: arial, verdana, sans-serif;
	background:url(../images/background.jpg) center repeat-y;
}

h1 {
font-size: 1.25em;
color: #565658;
margin-bottom: 0px;
text-decoration:none;
}


h2{
font-size: 1.05em;
background-color:#ececec;
color: #565658;
padding: 2px 0px 2px 5px;
margin-bottom: 5px;
}

h3{
font-weight:bold;
color: #565658;
margin-bottom: 3px;
font-size: 1.0em;
}

h4{
font-size: 0.85em;
background-color:#ececec;
color: #565658;
padding: 2px 0px 2px 5px;
margin-bottom: 3px;
}

a {
color: #049fd8;
background: transparent;
text-decoration: none;

}

a:hover {
text-decoration: none;
color: #565658;

}

a.back {
padding-left :20px;
background: url(../images/back.gif) no-repeat bottom left;
}

a.back:hover  {

}

a.top {
padding-left :20px;
background: url(../images/top.gif) no-repeat bottom left;
}

a.top:hover  {
background: #e2d7ae url(../images/top.gif) no-repeat bottom left;
}


.boxleft_startseite
{
width:486px;
float:left;
}

.boxleft_startseite .img-wrapperRight
{
margin-right:10px;
}

.zweitespalte_breit
{
width:580px;
float:left;
}

.drittespalte_schmal
{
width:160px;
float:left;
}

.produkt_monats .produkt_monats_head
{
width:413px;
height:29px;
background: transparent url(../images/produkte_bar.gif) repeat-x top;
padding: 18px 3px 0px 15px;
z-index:1;
color:#FFFFFF;
font-weight:bold;
}
a.produkt_monats  a.produkt_monats_head a
{
color:#FFFFFF;
}

.produkt_monats
{
background: url(../images/stern.gif) no-repeat top right;
width:485px;
height:47px;
}


.specials
{
width:456px;
height:21px;
background-color: #00b7e9;
padding: 8px 3px 0px 15px;
margin-bottom:10px;
z-index:1;
color:#FFFFFF;
font-weight:bold;
}

.dreispaltig
{
	width:232px;
	margin-left:18px;
	float:right;
	color: #565658;
}

.news_teaser
{
width:233px;
background: transparent url(../images/aktuelles_bar.gif) no-repeat top right;
padding: 18px 0px 10px 0px;
z-index:1;
color: #565658;
font-size: 0.95em;
}

.kontakt_teaser
{
height:18px;
background: transparent url(../images/bar_grey.gif) repeat-x top right;
border:1px solid #D8D8D8;
padding: 5px 0px 0px 10px;
z-index:1;
color: #565658;
font-size: 0.95em;
font-weight:bold;
margin-bottom:10px
}

.kontakt_teaser_cyan
{
height:18px;
background: transparent url(../images/bar_cyan.jpg) repeat-x top right;
border:1px solid #D8D8D8;
padding: 5px 0px 0px 10px;
z-index:1;
color: #565658;
font-size: 0.95em;
font-weight:bold;
margin-bottom:10px
}

.produktsuche
{
width:206px;
height:132px;
background: transparent url(../images/produktsuche.gif) no-repeat top right;
padding: 14px 0px 10px 0px;
z-index:1;
color: #565658;
font-size: 0.95em;
}
.pso
{
width:206px;
height:200px;
background: transparent url(../images/pso.gif) no-repeat top right;
padding: 14px 0px 10px 0px;
z-index:1;
color: #565658;
font-size: 0.95em;
}

.film
{
width:206px;
height:180px;
background: transparent url(../images/druckerei_film.jpg) no-repeat top right;
padding: 14px 0px 10px 0px;
z-index:1;
color: #565658;
font-size: 0.95em;
}

.kontakt_boxLeft
{
background: transparent url(../images/ansprechpartner_schatten.jpg) no-repeat top right;
width:322px;
height:115px;
padding: 5px 5px 5px 5px;
float:left;

}
.kontakt_boxRight
{
background: transparent url(../images/ansprechpartner_schatten.jpg) no-repeat top right;
width:322px;
height:115px;
padding: 5px 5px 5px 10px;
float:right;
}

.minikontakt_boxLeft
{
	background: transparent url(../images/ansprechpartner_schatten_m.jpg) no-repeat top right;
	width:228px;
	height:115px;
	padding: 5px 5px 5px 5px;
	float:left;
	font-size: 0.9em;

}
.minikontakt_boxRight
{
	background: transparent url(../images/ansprechpartner_schatten_m.jpg) no-repeat top right;
	width:228px;
	height:115px;
	padding: 5px 5px 5px 10px;
	float:right;
	font-size: 0.9em;
}

li {list-style: none;}

.left {float: left;}

.right {float: right;}

.clear {clear: both;}

.container {
font-size: 1.2em;
margin: 0 auto;
width: 976px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.header {
float: left;
width: 976px; /*width: 640px;*/
height: 210px;

font: normal 2.4em Verdana,sans-serif;	
margin-bottom: 10px;
margin-top: 10px;
}

#helpnav  {
float: right;
font-size: 12px;
width: 360px;
}

#helpnav a:hover {
color: #00A2C9;
background-color: transparent;
}

.helpnav_shop {
display:block;
background-color: transparent;
color: #444;
text-decoration: none;
background: url('../images/shop_icon.gif') left no-repeat;
float:left;
padding-left:25px;
margin-left:15px;
}
.helpnav_shop:hover {
background: url('../images/shop_icon.gif') left no-repeat;
}

.helpnav_upload {
display:block;
background-color: transparent;
color: #444;
text-decoration: none;
background: url('../images/upload_icon.gif') left no-repeat;
float:left;
padding-left:25px;
margin-left:15px;
	height:16px;
}

.helpnav_upload:hover {
background: url('../images/upload_icon.gif') left no-repeat;
}

.helpnav_callback {
	display:block;
	background-color: transparent;
	color: #444;
	text-decoration: none;
	background: url('../images/callback_icon.gif') no-repeat left;
	float:left;
	padding-left:25px;
	margin-left:15px;
}

.helpnav_callback:hover {
	background: url('../images/callback_icon.gif') no-repeat left;
}




blockquote {
display: block;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
color: #333;
background: #F1F1F1;
font-size: 1.0em;
margin-bottom: 1.2em;
padding: 6px 12px;
}

blockquote h2 { background-color:#DDD;}

blockquote p {padding: 3px 0;}

blockquote ul {padding-left: 10px;}

a.mehr{
padding-left :15px;
background: url('../images/minipage.gif') no-repeat left;
}

a.mehr:hover {
color: #000;
background: #e2d7ae url('../images/minipage.gif') no-repeat left;
text-decoration: none;
}

a.weiter{
font-weight:bold;

padding-right:20px;
background: transparent url('../images/weiter_hover.gif') no-repeat right;

text-decoration:none;
}

a.weiter:hover {
background: url('../images/weiter.gif') no-repeat right;
text-decoration: none;
}

a.zurueck{
font-weight:bold;
padding-left:20px;
background: transparent url('../images/zurueck_hover.gif') no-repeat left;
text-decoration:none;
}

a.zurueck:hover {
background: url('../images/zurueck.gif') no-repeat left;
text-decoration: none;
}

a.hoch{
font-weight:bold;
padding-left:20px;
background: transparent url('../images/hoch_hover.gif') no-repeat left;
text-decoration:none;
}

a.hoch:hover {
background: url('../images/hoch.gif') no-repeat left;
text-decoration: none;
}


a.amtsblatt{
font-weight:bold;
padding-left:20px;
background: url('../images/weiter.gif') no-repeat left;
text-decoration:none;
color:#999999;
}

a.amtsblatt:hover{
background: transparent url('../images/amtsblatt_active.gif') no-repeat left;
text-decoration:none;
color:#1e9bcd;
}

a.amtsblatt_active {
font-weight:bold;
padding-left:20px;
background: transparent url('../images/amtsblatt_active.gif') no-repeat left;
text-decoration: none;
color:#1e9bcd;
}

a.amtsblatt_active:hover {
color:#1e9bcd;
text-decoration: none;
}

a.print {
padding: 0px 0px 7px 25px;
background: url('../images/print.gif') no-repeat left;
}
/* End Global Bereich */

button#knopf1  {
height: 22px;
font-size: 1em;
font-weight: normal;
border: 1px solid #83bbd9;
margin: 0px;
padding: 2px;
}
/* End Searchbox */



button.knopf1  {
height: 22px;
font-size: 1em;
font-weight: normal;
border: 1px solid #83bbd9;
margin: 0px;
padding: 2px;
}
/* End Searchbox */

/* Start Loginbox */
#loginbox {
margin-top: 20px;
border-bottom: 1px solid #696755;
border-top: 1px solid #696755;
color: #000;
}


#username, #password {
width: 185px;
height: 18px;
margin: 5px 0px 0px 0px;
padding: 0px;
border: 1px solid #696755;
}


/* End Loginbox */

.knopf {
	display: block;
	text-align: center;
	height: 22px;
	vertical-align:middle;
	overflow: hidden;
	font-size: 1em;
	font-weight: normal;
	border: 1px solid #83bbd9;
	padding: 1px 6px 4px 6px;
	margin: 0px 0px 0px 0px;
	background-color: #e2d7ae;
	background: #ccc url(../images/bar.gif) repeat-x left center;
}


.main .padded {
float: left; 
padding: 18px 0px 24px 24px; 
width: 744px;
}

.padding {
padding-left: 10px;
margin-bottom:3px;
}

.main ul {margin-left: 0.0em;}

.main li {
	list-style:none;
	padding-left:25px;
	background: transparent url(../images/li2.gif) no-repeat;
	padding-bottom:8px;

}


/* End Main */

/* Start Footer */
.footer {
background: url('../images/bgfooter.gif') top center no-repeat;
color: #000;
font-size: 12px;
line-height: 25px;
width: 932px;
text-align: center;
padding-right:44px;
height:40px;
}
/* End Footer */


.grey
{
color: #565658;
}


.news {
	margin-top:10px;

}

.news_datum {
background: url('../images/kalender.gif') top left no-repeat;
padding-top:20px;
width:44px;
height:60px;
float:left;
font-size: 0.85em;
line-height:108%;
font-weight:bold;
color:#c60a16;
text-align:center;

}

.news_content {
	margin-left:60px;
}

/* Start Tabelle Hover */
.main table {

}

table.relativetable
{
border: 1px solid #CCC;
}

.main caption {
text-align: left;
font-weight: bold;
margin: 0.5em 0;
}

.main col {border-right: 1px solid #CCC;}

.main col.ColLast {border: none;}

.main td a{text-decoration: underline;}

.main a.details{
display: block;
position: relative;
padding:0px 2px 0px 2px;
margin-top:2px;
margin-bottom: 2px;
border: 1px solid #83bbd9;
text-align: center;
text-decoration: none;
color: #000;
background-color: #E2D7AF;
background: #ccc url(../images/bar2.gif) repeat-x left center;
}

.main a.details img{
vertical-align:middle;

}

.main a:hover.details {
background: #ccc url(../images/bar2_hover.gif) repeat-x left center;
color: #000;

}

.main thead {
background: #ccc url(../images/bar.gif) repeat-x left center;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;

}

.main th {
font-weight: normal;
text-align: left;
}

.main th, .main td {
/*padding: 0.5em 5em;*/
padding: 3px 5px 2px 5px;
vertical-align: top;
}

.odd {
background-color: #E5E4E2;
}

.main tr:hover {
background-color: #EEE;
color: #000;
}

.main #kalender td:hover {
background-color: #def2fb; 
color: #000; 
}

.main #kalender td:hover a{
color: #000; 
}

.main table#kalender {
border-collapse: collapse;
}



.main thead tr {
background: #ccc url(../images/bar2.gif) repeat-x left center;
}
/* End Tabelle Hover */

/* Start Tabelle ohne Hover */
.sansHover table {
border: 0px solid #666;
}

.sansHover tr:hover {
background-color: transparent;
color: #000;
}

.sansHover tr.odd:hover {
background-color: #E5E4E2;
color: #000;
}

.sansHover thead tr {
background: #ccc url(../images/bar.gif) repeat-x left center;
}
/* End Tabelle ohne Hover */



/* Start allgemeines Layout */
.boxLeft{
display: block;
float: left;
width:362px;
color: Black;
background-color: transparent;
}

.boxRight{
display: block;
float: right;
width:362px;
color: Black;
background-color: transparent;
}

div.impressum .boxLeft, div.impressum .boxRight{
width:210px;
}
div.impressum .boxLeft {
margin-right:55px;	
}

blockquote .boxLeft{
display: block;
float: left;
width:278px;
color: Black;
background-color: transparent;
}

blockquote .boxRight{
display: block;
float: right;
width:278px;
color: Black;
background-color: transparent;
}

.img-box {
display: block;
top: 0px;
left: 0px;
padding: 5px;
margin: 0px;
border:1px solid #A5A5A5;
background-color: #fff;
}

.img-wrapperLeft {
	float:left;
	background:#fff;
	margin: 3px 5px 5px 0px;
}

.img-wrapperRight {
	float: right;
	background:#fff;
	margin:3px 5px 5px 8px;
}

.img-wrapperRight img {

	margin:0px 0px 5px 0px;
}

.img-wrapperLeftDown img {
float:left;
background:#fff url(../images/download.gif) no-repeat bottom left;
padding:5px 5px 16px 5px;
border:1px solid #a9a9a9;
margin: 5px 5px 5px 0px;
}
/* End allgemeines Layout */

	#flashcontent {
		height: 100%;
	}

/* Platzsparen */

.produktdetail_rechts {
	position: absolute;
	margin:0px;
}
div.produktdetail_rechts img  {margin-top:11px;}
div.produktdetail_rechts a {display: block; }
div.produktdetail_rechts a:hover {background: white;}
div.produktdetail_rechts a span {display: none;}
div.produktdetail_rechts a:hover span {display: block; text-decoration : none; position: absolute; top: 0px; left: -370px; width: 326px; z-index: 100; color: #565658; background:url(../images/white.gif) repeat;  border: 1px solid #00CCFF;  padding:5px;}



.produktdetail_test {
	position: absolute;
	margin:0px;
}
div.produktdetail_test img  {margin-top:11px;}
div.produktdetail_test a {display: block; }
div.produktdetail_test a:hover {background: white;}
div.produktdetail_test a span {display: none;}
div.produktdetail_test a:hover span {display: block; text-decoration : none; position: absolute; top: 0px; left: 90px; width: 326px; z-index: 150; color: #565658; background:url(../images/white.gif) repeat; border: 1px solid #00CCFF;  padding:5px;}

a img { border:0; }

#produktAnzeige {
	position:absolute;
	top:10px;
	left:10px;
	visibility: hidden;
	z-index: 100;
	width:400px;
	background-color:#fff;
	border:solid 1px #666;
	padding:4px 6px 4px 6px;
}


.kalender {
	width:195px;
	height:45px;
	padding:190px 20px 0 20px;

	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	}
	
#wandkalender 
{
	background: url(../images/kalender/wandkalender.jpg) no-repeat;
}
#monatskalender
{
	background: url(../images/kalender/3monatskalender.jpg) no-repeat;
}
#schreibtischunterlage
{
	background: url(../images/kalender/schreibtischunterlage.jpg) no-repeat;
}
#streifenkalender
{
	background: url(../images/kalender/streifenkalender.jpg) no-repeat;
}
#tafelkalender
{
	background: url(../images/kalender/tafelkalender.jpg) no-repeat;
}

.werbefeld {
	width:165px;
	height:195px;
	padding:20px 35px 20px 35px;
	background: url(../images/kalender/werbefeld.jpg) no-repeat;
	font-size:14px;
	color:#000;
	text-align:center;
	}




span.radiotext {
float:left;
display:inline;
margin-bottom:5px;
width:300px;
}

span.radio {
width:20px;
float:left;


}

input.invalidInput, textarea.invalidInput, td.invalidInput {
background-color:#fcc;
}

div.warnhinweis {
background-color:#fcc;
font-weight:bold;
border:solid 1px #000;
width:200px;
margin-bottom:10px;
padding:5px 5px;
}

.img-warning {
	float:left;
	margin: 0px 5px 0px 0px;
}

.vmiddle img, .vmiddle input {
vertical-align:middle;
}

li.disc {
list-style-type:disc;
list-style-image:none;
background:none;
margin-left:15px;
margin-bottom:0.5em;
padding:0;
}

p.required {
display:none;
}