/* CSS Document */



* {
	margin:0; padding:0;
	font-size:100%;
}


body{
	background:url(images/header-tail.gif) top repeat-x #fff;
	text-align:center;
}

.headertop{

    width:100%;
    height:30px;
    float:left;
    margin: 0; 
    padding-top: 3px; 
    border-bottom: 0px solid #FFF;
    background:#000000;
    background: url("http://www.hats-on-marketing.de/images/topbackground.png") repeat-x}

}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:'Nobile',sans-serif, arial;
		font-size:0.8em;
		line-height:1.5em;
		color:#5c5c56;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#eb378b; outline:none; font-weight:bold;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

.top-tail {background:url(images/body-bg.jpg) top no-repeat;}

.bottom-tail {background:url(images/footer-bg.gif) bottom repeat-x;}
li { background:url(images/marker.gif) no-repeat 0 10px; padding-left:16px; line-height:2em;}
li a {color:#0e6cbc; font-weight:bold; }

.imgindent {margin:0 28px 0 0; float:left;}
.top-left {background:url(images/top-left-corner.gif) left top no-repeat;}
.top-right {background:url(images/top-right-corner.gif) right top no-repeat;}

.indent {padding:18px 0 17px 10px;}
.indent1 {padding:20px 18px 30px 30px;}


.contactbox {border-left-color: #dcdcdc; border-left-style: solid; border-left-width: 1px; padding-left: 30px; padding-bottom: 30px; padding-top: 0px;}

#visitenkarte {heigth: 160px; border-color: #dcdcdc; border-style: solid; border-width: 1px; padding-left: 10px; padding-bottom: 4px; padding-top: 4px; background-color: #99d914; color: #ffffff; font-size:0.9em;}


h1 {
	font-family: 'Nobile',sans-serif, arial;  
	border-bottom-color: #dcdcdc; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	font-size:1.73em; 
	line-height:1.27em; 
	color:#303030; 
	margin-top:10px; 
	border-bottom:1px solid; 
	padding-bottom:20px; 
	margin-bottom:26px;
	}
h1 span {
	font-family: 'Nobile',sans-serif, arial;
	color:#81b418;
	}
h2 {
	font-family: 'Nobile',sans-serif, arial; 
	font-size: 1.70em; 
	line-height:1em; 
	color:#151515; 
	margin-bottom:28px;
	}
.alignright {text-align:right;}
/* ============================= header ====================== */

.header-bg {padding-top:23px;}

.menu {float:right; padding:18px 5px 0 0;  font-size:1em; }
.menu ul li {float:left; padding:0;  background:none; line-height:1.5em;}
.menu ul li a {color:#565656; text-decoration:none; display:block; background:url(images/menu-divider.gif) left 8px no-repeat; padding:3px 15px 4px 14px;}
.menu ul li a:hover {color:#fff; background:#99d914; margin-right:-1px; padding:3px 16px 4px 14px; position:relative; }
.menu .first {background:none;}
.menu .active {background:#99d914; color:#fff; margin-right:-1px; padding:3px 16px 4px 14px; position:relative;}
*+html .menu ul li a {height:18px;}
/* ============================= content ====================== */
.border {border-bottom:1px solid #dcdcdc; padding-bottom:44px;}
.divider {background:url(images/divider.gif) repeat-y 333px 0;}

.col-pad {margin-right:15px;}
.col-pad2 {padding-right:44px;}
.col-pad3 {margin-right:68px;}
.col-pad4 {padding-right:26px;}

.pad {padding-top:26px;}
.pad2 {padding-top:28px;}
.pad3 {padding-top:12px;}
.pad4 {padding-top:8px;}

.margin1 {margin-top:38px;}
.margin2 {margin-bottom:12px;}
.margin3 {margin-bottom:30px;}
.margin4 {}
.margin5 {margin-bottom:60px;}

.link {display:inline-block; color:#fff; font-weight:bold; font-size:0.916em; height:21px; background:#99d914; text-decoration:none; margin-top:10px; padding:1px 10px 0 10px;}

.link2 {display:inline-block; color:#fff; font-weight:bold; font-size:0.916em; height:21px; background:url(images/submit-bg.gif) top repeat-x; text-decoration:none;  padding:1px 8px 0 10px;}
.link:hover {background:#b3e34f;}

.box { background:#f6f6f6;}

.text {color:#eb378b; font-weight:bold;}

.phone {display:inline-block; width:74px;}
.phone1 {display:inline-block; width:94px;}

.phones {padding-bottom:74px;}
.phones a {color:#5c5c56; font-weight:normal;}

.mail {font-weight:normal;}
/* ============================= footer ====================== */
#footer {text-transform:uppercase;  padding-top:44px; text-align:right; font-size:0.916em;}
#footer .main {text-align:left; padding-top:0px !important;}
#footer a {color:#636363; font-weight:normal;}
/* ============================= forms ============================= */


#NewsForm {background:#fff; padding:18px 0 12px 32px;}
#NewsForm label { display:block; height:60px;} 
#NewsForm h2 {margin-bottom:12px;}
#NewsForm .link1 {color:#4a4949; font-weight:normal;}
#NewsForm .link2 {margin-left:38px; vertical-align:middle;}
#NewsForm .link2:hover {background:url(images/submit-bg2.gif) top repeat-x;}
#NewsForm .input {width:160px; height:20px; border:1px solid #cdcdcd; background:none; padding:2px 0 0 5px; font-size:1em; margin-top:7px;}


#ContactForm label { display:block; height:30px;} 
#ContactForm .link {margin-left:18px; }
#ContactForm .input {width:428px; height:18px; border:1px solid #dcdcdc; background:#f6f6f6; padding:2px 0 0 9px; font-size:1em; margin-top:7px;}

textarea {width:428px; height:98px; border:1px solid #dcdcdc; background:#f6f6f6; padding:0px 0 0 9px; overflow:auto; font-size:1em; margin-top:6px;}

satelite {
margin:auto;
padding-left:10px; 
padding-bottom:15px;	
	}
	
.satelite ul { float:left; text-align:left; margin-left:35px;}
.satelite ul li, .satelite ul li a, #twitter_div ul li { background:none; text-decoration:none}
.satelite ul li a:hover {text-decoration:underline}

.headline {background-image:none;text-decoration:none;line-height:3em; font-weight:bold}
#twitter_div li {color:#0084B4}
#twitter_div li span {margin-left:-17px; color:#636363}
#twitter_div li span, #twitter_div li span a {color:#636363}