/*  
Theme Name: Abi-Party
Theme URI: 
Description: Arbeitsdatei
Version: 0.5
Author: Gunnar Tillmann
Author URI: http://www.gunnart.de/

*/

body  { font-size: 9pt; background-color: #261e14; text-align: center; margin: 0; padding: 0 }
body * {
/*	font-family: Georgia, "Times New Roman", serif;*/
	font-family:Arial, Helvetica, sans-serif;
}

a img  { border-style: none }

p {}
h1, h2, h3, h4, h5, h6   { text-transform: uppercase }
h1  { font-size: 15pt }
h2  { font-size: 13.5pt }
h3  { font-size: 12pt }
h4  { font-size: 12pt }
h5  { font-size: 12pt }
h6  { font-size: 12pt }

hr { display: none; }
.break { float: none; clear: both }

#mainContainer    { color: #261e14; background-color: #fff6d9; text-align: left; margin: 0 auto; padding: 0; width: 720px; border-bottom: 0 solid #261e14 }

.header    { margin: 0 0 20px; padding: 0; position: relative; width: 720px; height: 340px }

.logo   { margin: 0 0 25px; padding: 0; height: 90px }
.logo a    { display: block; margin: 0; padding: 0; position: absolute; top: 10px; left: 48px; height: 66px; overflow: hidden }
.logo a span   { background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; height: 66px }

.abihausLink  { text-align: right; margin: 0; position: absolute; top: 56px; left: 380px; width: 300px }
.abihausLink a    { font-size: 10pt; font-weight: bold; line-height: 10pt; text-decoration: none; position: relative; top: -10pt }
.abihausLink a strong  { text-transform: uppercase }
.abihausLink a:hover   { text-decoration: underline }

#headerParty .logo a,
#headerParty .logo a span { width: 227px }
#headerShirts .logo a,
#headerShirts .logo a span { width: 239px }
#headerBuch .logo a,
#headerBuch .logo a span { width: 211px }

#headerParty .logo span { background-image: url("images/logo_abiParty.gif") }
#headerShirts .logo span { background-image: url("images/logo_abiShirts.gif") }
#headerBuch .logo span { background-image: url("images/logo_abiBuch.gif") }

#headerParty a  { color: #01aeff }
#headerShirts a  { color: #e81e65 }
#headerBuch a  { color: #fd5105 }

.aktiv    { background-color: #261e14; background-repeat: no-repeat; background-position: 0 0; position: absolute; z-index: 2; top: 150px; left: 680px; width: 24px; height: 190px }

.topnavi       { background-repeat: no-repeat; background-position: 0 100%; list-style-type: none; margin: 0; padding: 0; width: 720px; height: 225px }
.topnavi li      { list-style-type: none; margin: 0 8px 0 0; padding: 0; position: relative; left: 38px; float: left }
.topnavi li a      { line-height: 1em; background-repeat: no-repeat; background-position: -12px 3px; text-align: right; text-indent: 12px; display: block; height: 15px; float: left; overflow: hidden }
.topnavi li a:hover  { background-position: 0 3px }
.topnavi li a span       { background-repeat: no-repeat; background-position: 100% 0; cursor: pointer; display: block; position: relative; top: -1em; left: 0; height: 15px; float: left }

#headerParty .topnavi { background-image: url("images/bg_topnaviParty.jpg") }
#headerShirts .topnavi { background-image: url("images/bg_topnaviShirt.jpg") }
#headerBuch .topnavi { background-image: url("images/bg_topnaviBuch.jpg") }

#headerParty .topnavi a { background-image: url("images/arrow_Party.gif") }
#headerShirts .topnavi a { background-image: url("images/arrow_Shirts.gif") }
#headerBuch .topnavi a { background-image: url("images/arrow_Buch.gif") }

.linkHome * { width: 55px; }
.linkHome * { width: 65px; }
.linkHome span { background-image: url("images/txt_Home.gif"); }

.linkLeistungen * { width: 119px; }
.linkLeistungen * { width: 129px; }
.linkLeistungen span { background-image: url("images/txt_Leistungen.gif"); }

.linkPics * { width: 44px; }
.linkPics * { width: 54px; }
.linkPics span { background-image: url("images/txt_Pics.gif");  }

.linkKontakt * { width: 91px; }
.linkKontakt * { width: 101px; }
.linkKontakt span { background-image: url("images/txt_Kontakt.gif"); }

.linkImpressum * {  width: 114px; }
.linkImpressum * {  width: 124px; }
.linkImpressum span { background-image: url("images/txt_Impressum.gif"); }

.linkMotive * { width: 72px; }
.linkMotive * { width: 82px; }
.linkMotive span { background-image: url("images/txt_Motive.gif"); }

.linkAngebot * { width: 90px; }
.linkAngebot * { width: 100px; }
.linkAngebot span { background-image: url("images/txt_Angebot.gif"); }

.linkTipps * { width: 153px; }
.linkTipps * { width: 163px; }
.linkTipps span { background-image: url("images/txt_Tipps.gif"); }

#Home .linkHome a, 
#Leistungen .linkLeistungen a, 
#Pics .linkPics a, 
#Kontakt .linkKontakt a, 
#Impressum .linkImpressum a, 
#Motive .linkMotive a, 
#Angebot .linkAngebot a, 
#Tipps .linkTipps a { background-position: 0 3px }

#Home .aktiv { background-image: url("images/akt_Home.gif"); }
#Leistungen .aktiv { background-image: url("images/akt_Leistungen.gif"); }
#Pics .aktiv { background-image: url("images/akt_Pics.gif"); }
#Kontakt .aktiv { background-image: url("images/akt_Kontakt.gif"); }
#Impressum .aktiv { background-image: url("images/akt_Impressum.gif"); }
#Motive .aktiv { background-image: url("images/akt_Motive.gif"); }
#Angebot .aktiv { background-image: url("images/akt_Angebot.gif"); }
#Tipps .aktiv { background-image: url("images/akt_Tipps.gif"); }

.page  { padding-bottom: 30px }
.content a  { text-decoration: none }
.content a:hover  { text-decoration: underline }
/*.content   { position: relative; left: 50px; width: 370px; float: left }*/
.content	{ position: relative; margin-left: 50px; margin-right: 25px; }
.content h1   { background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 10px; position: relative; left: -12px }
/*.hotspot   { background-image: url("images/bg_hotspotMid.gif"); background-repeat: repeat-y; background-position: 0 0; position: relative; right: 20px; width: 244px; float: right }*/
.hotspot   {
	background-image: url("images/bg_hotspotMid.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
	position: relative;
	right: 20px;
	width: 244px;
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
}
.hotspotContent   { background-image: url("images/bg_hotspotTop.gif"); background-repeat: no-repeat; background-position: 0 0; padding-top: 20px; width: 244px }
.hotspot p   { background-image: url("images/bg_hotspotBottom.gif"); background-repeat: no-repeat; background-position: 0 100%; text-align: center; margin: 0; padding: 0 20px 40px 15px }


#pageParty h1  { background-image: url("images/arrow_Party.gif") }
#pageParty a  { color: #01aeff }
#pageParty a:hover { color: #261e14; }

#pageShirts h1 { background-image: url("images/arrow_Shirts.gif") }
#pageShirts a  { color: #e81e65 }
#pageShirts a:hover { color: #261e14; }

#pageBuch h1 { background-image: url("images/arrow_Buch.gif") }
#pageBuch a  { color: #fd5105 }
#pageBuch a:hover { color: #261e14; }

.footer    { background-image: url("images/bg_mainContainer.gif"); background-repeat: no-repeat; background-position: 0 100%; position: relative; width: 720px; height: 170px }

.footer p#be  { text-align: right; margin: 0; padding: 0 }
.footer a#bottomLink   { text-align: center; display: block; position: absolute; top: -10px; left: 480px; width: 206px; height: 180px }
.footer a#bottomLink span  { background-image: url("images/bg_bottomLink_brown.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 206px; height: 180px }

.footer p#cid  { text-align: left; margin: 0; padding: 0 }
.footer a#cidbottomLink   { text-align: left; display: block; position: absolute; top:154px; width: 206px; height: 20px; text-decoration:none; color: #ffffff; font-size: 8pt; }
.footer a#cidbottomLink span  { background-image: url("/wp-uploads/logo_cid_mini.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px }


#contentContainer { background-color: #fff; position: relative; left: 50px; width: 370px; float: left }
#hotspotContainer { background-color: #e81e65; position: relative; left: -40px; width: 210px; float: right }

.contactform {
/*	position: static;*/
/*	overflow: hidden;*/
}
.contactform input,
.contactform textarea  {
	font-size: 8pt;
}
.contactform ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.contactform li {
	display: inline;
	list-style-type:none;
	margin: 0;
	padding: 0;
	clear: both;
}
.contactleft {
	width: 30%;
	text-align: right;
	float: left;
	display: inline;
	vertical-align: baseline;
	margin: 4px 0 0 0;
	padding: 0 2px 0 0;
}
.contactright {
	text-align: left;
	margin: 4px 0 0 0;
}