html, body, div, p, td, a, input, textarea, select { font-family:Verdana, Arial, sans-serif; color:#000; font-size:12px;}
html, body { height:100%; margin:0; padding:0; border:0;}
body { background-image:url(../images/Hintergrund.gif)}
#outerContainer { position:absolute; top:10px; left:50%; width:940px; height:auto; margin: 0px 0px 0px -470px;}
#head { position:absolute; top:0px; left:0px; width:938px; height:250px; border:1px solid #3399CC; background-image:url(../upload/kopf/heidi_foto_logo_neu.jpg);}
#head_nav { position:absolute; top:256px; left:0px; width:938px; height:20px; background-color:#3399CC; border:1px solid #CFE8F3;}
ul#metaNavigation { margin: 0 0 0 0; padding:0px; float:right;}
ul#metaNavigation li { float:left; margin:0; padding:2px 6px 0 6px; list-style-type:none;}
ul#metaNavigation li a { display:block; text-decoration:none; font-weight:bold; color:#FFF;}
ul#metaNavigation li a.Kontakt:hover, ul#metaNavigation li a.Kontakt_a { color:#0C08DC;}
ul#metaNavigation li a.Jobs:hover, ul#metaNavigation li a.Jobs_a { color:#E10915;}
ul#metaNavigation li a.Partner:hover, ul#metaNavigation li a.Partner_a { color:#0F8D2E;}
ul#metaNavigation li a.E-Mail:hover, ul#metaNavigation li a.E-Mail_a { color:#FFCC00;}
ul#metaNavigation li a.Impressum:hover, ul#metaNavigation li a.Impressum_a { color:#990F65;}
#contentContainer { position:absolute; top:282px; left:0px; width:938px; background-color:#CFE8F3; background-image:url(../images/content_back.gif); background-position:5px; background-repeat:repeat-y; border:1px solid #3399CC;}
.back { width:938px; height:5px; background-color:#CFE8F3;}
#content { float:left; margin-left:5px; width:723px;}
#content h1 { color:#3399CC; text-transform:uppercase; font-size:16px; font-weight:bold; padding:10px;}
#content h2 { color:#3399CC; font-size:14px; font-weight:bold; padding-left:10px;}
#content h3 { color:#3399CC; font-size:12px; font-weight:bold;}
#content .textItem { padding:0px 20px; }
#content .textItem2 { padding:0px 20px; border-top:5px solid #CFE8F3;}
#content .textItem h1, #content .textItem2 h1 { padding:0px;}
#content .textItem2 p { }
#content .artikelliste { padding:0px 20px;}
#content .artikelliste h2 { padding-left:0px;}
#content .artikelliste h2 a { color:#3399CC; font-size:14px; font-weight:bold;}
.center { text-align:center;}
.text1 { color:#3399CC;}
.left { float:left; margin-right:10px;}
hr { width:80%; color:#3399cc;}
#teasersRight { float:right; margin-right:5px; width:200px;}
ul#navigation { margin: 8px 8px 8px 8px; padding:0px;}
ul#navigation li { margin:0; padding:4px 0px 4px 0px; list-style-type:none;}
ul#navigation li a { display:block; text-decoration:none; color:#FFF; font-weight:bold; text-transform:uppercase;}
ul#navigation li a.Willkommen:hover, ul#navigation li a.Willkommen_a { color:#FF9900;}
ul#navigation li a.News:hover, ul#navigation li a.News_a { color:#CC0000;}
ul#navigation li a.Termine:hover, ul#navigation li a.Termine_a { color:#003366;}
ul#navigation li a.Heidi-Onlineshop { color:#FFCC00;}
ul#navigation li a.Heidi-Onlineshop:hover, ul#navigation li a.Heidi-Onlineshop_a { color:#990099;}
ul#navigation li a.Unsere.Serien:hover, ul#navigation li a.Unsere.Serien_a { color:#0066CC;}
ul#navigation li a.Fun-Artikel:hover, ul#navigation li a.Fun-Artikel_a { color:#FFCC00;}
ul#navigation li a.Lieblingsfotos:hover, ul#navigation li a.Lieblingsfotos_a { color:#003366;}
ul#navigation li a.Gästebuch:hover, ul#navigation li a.Gästebuch_a { color:#990000;}
ul#navigation li a.FAQ:hover, ul#navigation li a.FAQ_a { color:#FF6600;}
div.teaser { width:200px; border-top:5px solid #CFE8F3;}
div.twitter { width:200px; border-top:5px solid #CFE8F3;}
div.twitter ul { width:184px; overflow:hidden; list-style:none; margin:8px; padding:0; color:#FFF;}
div.twitter ul li { margin:0px;}
a#twitter-link { display:block; text-align:center; margin:8px;}
img#twitter-link {border:0;}
#footer { clear:both; width:723px; margin:5px 210px 0px 5px; text-align:center; background-color:#3399CC; border-top:5px solid #CFE8F3;}
#twitterbox{ overflow:hidden; position: absolute; top: 200px; right: 0px; display: block; height: 158px; width: 60px;}
#facebookbox{ overflow:hidden; position: absolute; top: 330px; right: 0px; display: block; height: 158px; width: 60px;}
#minimodelbox{ overflow:hidden; position: absolute; top: 460px; right: 0px; display: block; height: 158px; width: 60px;}
#heidifotobox{ overflow:hidden; position: absolute; top: 590px; right: 0px; display: block; height: 158px; width: 60px;}
#twitterbox img, #facebookbox img, #minimodelbox img, #heidifotobox img { border:0;}
#contactForm { padding:0px 20px;}
#contactForm .contactRow { margin:4px 0;}
#contactForm label {
display:block;
float:left;
width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
border:1px solid #ccc;
width:346px;
}
#contactForm .contactRow select { border:1px solid #ccc; width:172px;}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea { width:343px;}
#contactForm .contactRow input { height:14px;}
#contactForm .contactRow textarea { height:105px;}
#contactFormSubmit #contactFormSubmitLeft {
float:left;
margin:0 0 0 80px;
width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
width:174px;
}
#contactFormSubmit #contactFormSubmitLeft input,
#contactFormSubmit #contactFormSubmitRight input {
padding:0 20px 0 0;
width:auto;
height:auto;
float:right;
margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
background-image:none;
padding:0;
float:left;
}
#contactForm table {
width:80%;border-collapse:collapse;
}
#contactForm table td {
padding:0;
}
#contactForm table td.pt {
padding-top:2px;
}
* html #contactForm table td.pt {
padding-top:0;
}
/* Werbebanner Partner*/
#icontainer {
text-align: center;
padding: 0px;
width:545px;
height:100px;
overflow:hidden;
margin: 10px auto;
}