/***************************************
 *   ___  ___  ___
 *  / __)/ __)/ __)
 * ( (__ \__ \\__ \
 *  \___)(___/(___/
 *
 * 2007 - Dave Pisek
 ***************************************/

/******
Farben
******/

pink (hell):      #d80050
pink (dark):      #611c37
gray (sehr hell): #ededed


/*******
Allgemein
********/
*    { margin:0; padding:0 }
body { margin:0; padding:0; 
       background-position:896px 0; 
       font-family:verdana; font-size:11px; color:#611c37; }

h1, h2, h3, h4 { font-family: "Times New Roman", Times, serif;
                 padding:5px 8px; }

h1 { float:left; font-size:22px; font-weight:normal; 
     background:#d80050; color:#fff;
     margin:0 0 15px -8px; }
h2 { background:#611c37; color:#fff; font-size:22px;
     margin:0 0 0 -8px; }

p             { margin:15px 0 0 0; line-height:1.45em }
p.clear       { clear:all }
p.lowerMargin { margin-top:5px }

a         { color:#611c37; text-decoration:none; border-bottom:1px solid #611c37 }
a:hover   { border-bottom:none; }
a:visited {  }
a:active  {  }

ul { list-style:none; }

div.text { clear:both; padding-top:1px; }

/*******
Struktur
********/
div#wrapper { width:896px; float:left; }
div#header  { height:351px; }
div#contentWrapper { padding:0 0 150px 35px; }

div#contentWrapper { width:890px; float:left; }

/*******
Header
********/

/**Navi**/
ul#mainNavigation    { margin-top:100px; }
li#naviNeuheiten     { width:178px; height:23px; }
li#naviInstallation  { width:177px; height:25px; }

ul#mainNavigation a  { display:block; }

li#naviNeuheiten a     { width:178px; height:23px; }
li#naviInstallation a  { width:177px; height:25px; }

li#naviNeuheiten a:hover { width:216; height:33;
                          background:url('images/navi_neuheiten_hover.jpg'); }

/*******
Content
********/
div#mainContent { float:left; width:485px; padding:0 37px 0 50px; }
div#sidebar     { float:left; width:210px; 
                  padding:0 30px 0 40px; }
                  
     

/**Main Content**/

.news_line{ clear:both}

/**Newsletter**/
form   { margin-bottom:50px }
form p { margin-top:8px; }

input  { background:#ededed; border:1px solid #611c37; }
input#newsletter_name { margin-left:3px; }
input.button { float:right; background:#fff; color:#611c37; 
               border:none; border-bottom:1px solid #611c37; padding:0;
               font-size:11px; }
input:focus { background:#fff; }

/*******
Footer
********/
div#footer { float:left; width:897px; margin-left:0; padding:0;
             background:#d80050; color:#fff; padding-bottom:10px}
div#footer a { color:#fff; float: right; vertical-align: top; padding-right: 5px; border-bottom:none}


div#footerc { background-color:white; float:left; width:897px; margin-left:0; padding:0 0;
             background:#d80050; color:#fff; padding-bottom:15px;padding-top:5px}			 
div#footerb a {  color:#fff;  vertical-align: top; padding-right: 5px; border-bottom:none}


/*******
News Headline
********/
div.newsHeadline{
font-family: "Times New Roman",Times,serif; font-size: 16px; font-color:#611c37; font-weight: bold;
text-decoration:none;
margin-top: 15px;
                
}
div.newsImage{
	vertical-align:top; width: 210px; 
float: left; height: 140px; margin: 0; padding: 0;
}


div#mainContent div.news_line img{
float: left; margin: 0px; padding: 0px; line-height: 0px; margin-right: 15px;
}
div.newsContent {
	margin-top:5px;
margin-bottom:15px;

}

.news_line{
line-height:1.45em;
	padding-bottom: 15px;
border-bottom-width: 1px; border-bottom-color: #611c37; border-bottom-style: dotted;
}
.clearBoth{
clear: both
}

div#mainContent #newsImageBlock a, img{
text-decoration: none;
border-bottom:none;
border-bottom-width: 0px;
border-width: 0px 0px 0px 0px;

}

#newsDetailImages{
float: left; width 210px; padding: 0px 0px 15px 0px; margin-right: 15px; clear: left;
}

#newsImageBlock {margin:5px 0px 5px 0px}

#newsDetailText { float: left; width: 200px }


div#mainContent ul{
list-style-type:disc;
list-style-image: none;
list-style-position: outside;
line-height: 1.45em;
}

div#mainContent #externalLink a{
vertical-align:text-top;
border-bottom-width: 0px;
background-color:#d80050;
font-weight:bold;
color:#ffffff;
}
#externalLink img{
vertical-align: text-bottom;
margin: 0px; padding 0px;
}
/*******
produkte
*******/

#productImage{
float: left; width: 120px; padding: 0px 0px 15px 0px; margin-right: 15px; 
}
#productsText{
float: left; width: 300px; 
}
#productGroup{
float:left;
clear:both;
border-bottom-width: 1px; border-bottom-color: #611c37; border-bottom-style: dotted;
margin-bottom: 25px; padding-bottom: 5px;
}

/******
kontakt
*******/

#ContactForm p {  clear:both;padding: 5px; margin:0}
#ContactForm label 	{float:left;  padding-left:10px; text-align:right; width: 150px; margin-right: 20px}

#ContactForm input, textarea {float:left; width:140px; padding-left:5px; border:1px solid #611c37; background:#ffffff; color:#611c37;}
#ContactForm textarea { width:260px; }

textarea {font-family:verdana;  font-size:11px}
/*
input:focus, textarea:focus {background:#F6FBFF; border-top:1px solid #F6FBFF; border-bottom:1px solid #F6FBFF; border-right:1px solid #F6FBFF}

*/

#ContactForm input.button {float:right; border:none; width:auto; height:22px; background-color:#ededed; background-repeat:repeat-x; font-size:10px; font-weight:normal;; color:#611c37; padding:0; border-bottom:1px solid #611c37;}

div#sidebar.newsletter{
width:350px;
}
div#sidebar p label{
display:block;
width:100px;
float:left;
}