******************************************
*   
*   rieder_main.css
*   copyright 2007 - Rieder und Sohn
*
******************************************/ 

* {margin:0;padding:0;}

html[xmlns^="http"] {
height:100%;
padding-bottom:0.005em;
} 

body {
font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif;
font-size: 12px;
padding: 20px 0;
}

div ul {margin:0;padding:0;}

a {text-decoration: none;}

a:focus, a:active {outline:0;}

.clear {clear: both;}
.hide {display: none;}

#wrapSite { 
margin: auto;
width: 964px;
background: #FFF url(../images/main_BG.gif) repeat-y top left;
border: 1px solid #3e3e3e;  
}

#headerTop {
float: left;
width: 100%;
height: 84px;
background: #FFF url(../images/headerTop_BG.gif) no-repeat bottom left;
}

#logo {
float: right;
border: 0;
}


#headerBottom {
float: left;
height: 100px;
width: 100%;
background: #d9dcdd url(../images/headerBottom_BG.gif) no-repeat bottom right;
}

#main {
}

#columnLeft {
float: left;	
width: 208px;
}

#contentWrap {
float: right;
width: 756px;
}

#content {
padding: 25px 43px;
}

#footer {
float: left;
width: 756px;
padding: 30px 0 5px 208px;
}

/***************************************
*     navigationService Styles         *
***************************************/

ul#navigationService {
list-style-type: none;
height: 135px;
padding: 6px 0 0 10px;
}

ul#navigationService li a {
display: block;
width: 70px;
color: #FFF;
}

ul#navigationService li a:hover {
display: block;
width: 70px;
color: #495152;
}

/***************************************
*     navigationLevel1 Styles          *
***************************************/

ul#navigationLevel1 {
list-style-type: none;
margin: 62px 0 0 228px;
}

ul#navigationLevel1 li {
float: left;
font-family: Verdana,Arial,Helvetica,Sans-serif,sans-serif;
font-size: 14px;
font-weight: bold;
}

ul#navigationLevel1 li a {
display: block;
padding: 16px 10px 1px 10px;
color: #495152;
}

ul#navigationLevel1 li a:hover {
color: #9A183E;
border-bottom: 4px solid #9A183E;
}

ul#navigationLevel1 li a.active,
ul#navigationLevel1 li a.active:hover {
background: #9A183E;
color: #FFF;
border-bottom: 4px solid #9A183E;
}

/***************************************
*     navigationLevel2plus Styles      *
***************************************/

ul#navigationLevel2plus {
}

ul#navigationLevel2plus li {
list-style-type: none;
}


ul#navigationLevel2plus li a {
display: block;
padding: 10px 10px 0 30px;
color: #FFF;
font-weight: bold;
}

ul#navigationLevel2plus li a.active {
background: url(../images/li_square_red_small.gif) no-repeat;
background-position: 12px 15px;
}

ul#navigationLevel2plus li a:hover {
color: #495152;
}

ul#navigationLevel2plus ul {
padding: 10px 0 5px 0;
}

ul#navigationLevel2plus ul li a  {
display: block;
padding: 0 0 3px 50px;
color: #FFF;
font-weight: normal;
}

ul#navigationLevel2plus ul li a.active {
background: url(../images/li_square_red_small.gif) no-repeat;
background-position: 32px 5px;
}

ul#navigationLevel2plus ul ul {
display: none;
}


/***************************************
*     content Styles                   *
***************************************/

#content {
color: #495152;
}

#content h1 {
padding: 0 0 20px 0;
}

#content p {
padding: 0 0 5px 0;
}

#content a {
color: #9A183E;
text-decoration: underline;
}

#content ul {
list-style-type: none;
}

#content ul li {
padding: 0 0 8px 15px;
line-height: 16px;
background: url(../images/li_square_red_small.gif) no-repeat;
background-position: 3px 6px;
}

#content ul li ul li  {
padding: 2px 0 0 30px;
line-height: 16px;
background: url(../images/li_square_grey_small.gif) no-repeat;
background-position: 18px 8px
}

/***************************************
*     footer Styles                    *
***************************************/

#footer p {
text-align: center;
} 

/***************************************
*     ContactForm Styles               *          
***************************************/

#contactForm {
}

#contactForm fieldset {
border: 1px solid #7e7e7e;
padding: 4px 10px 5px 10px;
margin: 0 0 10px 0;
}

#contactForm fieldset#personalData {
float: left;
width: 305px;
}

#contactForm fieldset#contactData{
float: right;
width: 305px;
}

#contactForm fieldset#message{
clear: both;
}

#contactForm fieldset legend {
margin: 0 0 0 12px;
padding: 0 5px 8px 5px;
background: inherit;
}

#contactForm label {
float: left;
display: block;
width: 100px;
padding: 3px 0 5px 0;
}

#contactForm fieldset#brochures {
clear: both;
padding: 0px 10px 0px 10px;
}

#contactForm fieldset#brochures p {
float: left;
padding: 0 0 0 18px;
width: 300px;
}

#contactForm fieldset#brochures label{
float: none;
width: 230px;
}

#contactForm fieldset#brochures input{
width: 20px;
height: 16px;
margin: 0 10px 0 0;
background: #FFF;
}


#contactForm textarea,
#contactForm input {
font-family: Verdana,Arial,Helvetica,Sans-serif,sans-serif;
float: left;
width: 201px;
background: #dedede;
color: #495152;
border: 0;
padding: 2px;
margin: 0 0 5px 0;
}

#contactForm input#postcode {
float: left;
width: 47px;
}

#contactForm input#city {
float: right;
width: 144px;
}

#contactForm input#fon,
#contactForm input#fax,
#contactForm input#mail {
float: right;
width: 195px;
}

#contactForm input#subject,
#contactForm textarea#nachricht{
width: 645px;
}

#contactForm textarea#nachricht{
font-size: 1em;
height: 170px;
}

#contactForm fieldset#contactData p.semiOptText {
font-size: 0.75em;
padding: 5px 0 8px 0;
margin: 0;
}

#contactForm span {
float: left;
font-size: 0.75em;
}

#contactForm input#sent {
float: right;
width: 80px;
}

/***************************************
*     ContactFormConfirm Styles        *          
***************************************/

#contactFormConfirm fieldset {
clear: both;
border: 1px solid #7e7e7e;
margin: 0 0 15px 0;
padding: 4px 10px 9px 10px;
}

#contactFormConfirm fieldset legend {
margin: 0 0 0 12px;
padding: 0 5px 0 5px;
}


#contactFormConfirm label {
float: left;
width: 140px;
padding: 4px 0;
}

#contactFormConfirm span { 
float: left;
min-height: 16px;
width: 496px;
font-style: italic;
background: #dedede;
color: #5e5e5e;
margin: 2px;
padding: 2px 5px 2px 5px;
} 


/***************************************
*     Pagination Styles                *          
***************************************/


#content #pagination {
	clear: both;
	text-align: center;
	padding: 35px 0 10px 0;
	width: 100%;
}

#content #pagination span,
#content #pagination a {
	font-size: 0.8em;
	border: 1px solid #6a6a6a;
}

#content #pagination span {
	background: #cecece;
	color: #fff;
	font-weight: bold;
	padding: 0 2px 0 2px;
}

#content #pagination a {
	background: #fff;
	color: #6a6a6a;
	padding: 0 3px 0 3px;
}

#content #pagination a:hover {
	background: #cecece;
	color: #fff;
}

#content .colorRED {
color: #9A183E;
}


/***************************************
*     ArticleList1 Styles              *          
***************************************/

#content .articleList1 {
	float: left;
	padding: 0 0 25px 0;
	width: 656px;
}

#content .articleList1 h3 a {
	display: block;
	font-size: 0.855em;
	background: #9A183E;
	color: #fff;
	padding: 2px 15px 2px 15px;
	margin: 0 0 10px 0;
}

#content .articleList1 h3 a:hover {
	text-decoration: none;
}

#content .articleList1 img {
	float: left;
	margin: 0 20px 0 15px;
}

#content .articleList1 p {
	padding: 0 20px 0 0;
}

#content .articleList1 p a {
	float: right;
	padding: 20px 0 0 0;
	background: inherit;
	color: #9A183E;
	text-decoration: none;
}

#content .articleList1 p a:hover {
	text-decoration: underline;
}