/* Copyright by Sascha Gädeker - redpoff.de */

body {
background-color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0em;
margin:0em;
}
a {	color: #8a181b; text-decoration: none;}
a:visited {color:#999999;}
a:hover {text-decoration: underline;}
a:active { color:#8a181b;}

h1 {
font-size: 11px;
text-transform:uppercase;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: center;
background-color: #e1ddd9;
background-image: url(../Bilder/background_redpoff.jpg);
padding: 0px;
margin: 0px; } 

/* ----------outer und inner----------------- */
#outer_top{ 
background-image: url(../Bilder/background_redpoff.jpg); /* Farbe fuer Inhalt Spalten  */
} 

#inner_top{
margin: auto; 
width:940px;
height: 33px;
background-image:url(../Bilder/logo_redpoff_kommunikation_1.jpg);
text-align: center;
padding-top: 170px;
 }
#inner_top_ref{
margin: auto; 
width:940px;
height: 33px;
background-image:url(../Bilder/logo_redpoff_kommunikation_ref.jpg);
text-align: center;
padding-top: 170px;
 } 

#outer{ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{
margin: auto; 
width:940px;
 }

/* --------------left und right navigavtion------------- */
#left {
 float:left; 
 position:relative; 
 margin: auto; 
 }
 #right {
 float:right; 
 position:relative; 
 margin: auto; 
 }

/* -----------------Inhalt--------------------- */ 
#content{ 
position: relative;
width: 840px;
height: 355px;
padding-left: 60px;
padding-right: 40px;
background-image:url(../Bilder/bg_content_redpoff.jpg);
margin: 0px; 
}
#content_ref{ 
position: relative;
width: 840px;
padding-left: 60px;
padding-right: 40px;
background-image:url(../Bilder/bg_content_redpoff_ref.jpg);
margin: 0px; 
}
#content_footer{ 
position: relative;
width: 860px;
padding-left: 40px;
padding-right: 40px;
height: 119px;
background-image: url(../Bilder/footer_redpoff_design.jpg);
margin: 0px;
text-align:center;
}
#content_footer_ref{ 
position: relative;
width: 860px;
padding-left: 40px;
padding-right: 40px;
padding-top: 100px;
height: 121px;
background-image: url(../Bilder/footer_redpoff_design_ref.jpg);
margin: 0px;
text-align:center;
}

#pagetitel_right{
float: right;
position:relative;
margin-right: 0px;
width: 240px;
margin-top: 20px;
line-height: 18px;
text-align: left;
}
#pagecontent_right{
position:relative;
margin-left: 250px;
padding-top: 35px;
line-height: 20px;

}
#pagetitel_left{
position:relative;
float: left;
margin-left: 0px;
margin-top: 20px;
width: 240px;
}
#pagecontent_left{
position:relative;
margin-right: 250px;
padding-top: 35px;
line-height: 18px;
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}
/*---------------- referenzen ------------------ */

#container_box{
width: 780px;
height: 124px;
margin: 5px;
padding:10px;
background-color: #E2E2E2;
}

#pic_box{
float: left;
width: 270px;
height: 90px;

}
#link_box{
margin-top: 98px;
padding-top: 6px;
width: 260px;
height: 19px;
background-color:#E2E2E2;
}

#text_box{
width: 482px;
padding:0px;
height:116px;
margin-left: 280px;
}

#headline_box{
width: 498px;
background-color: #F6F6F6;
padding: 0px;
margin-bottom: 6px;
}

#contenttext_box{
width: 468px;
height: 82px;
background-color: #F6F6F6;
padding: 6px 15px;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/* ----------------- Forms ----------------------- */
input, select {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.box {
width: 300px;
height: 14px;
background-image: url(../Bilder/bg.gif);
border: solid 1px #666666;
}
.ort {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 200px;
height: 14px;
background-image: url(../Bilder/bg.gif);
border: solid 1px #666666;
}
.plz {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 92px;
height: 14px;
background-image: url(../Bilder/bg.gif);
border: solid 1px #666666;
}
.button {
color: #FFFFFF;
width: 200px;
height: 22px;
background-color: #999999;
border: solid 1px #666666;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 300px;
height: 75px;
background-image: url(../Bilder/bg.gif);
border: solid 1px #666666;
margin-bottom: 10px;
}