* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #66CCCC;
}
#wrapper { 
 margin: 0 auto;
 width: 940px;
 border: 1px solid #000000;
 background-color:#ffffff;

}

/*##############################HEADER#################################*/
#header {
 color: #333;
 width: 930px;
 float: left;
 padding: 5px;
 border: 0px solid #ccc;
 height: 115px;
 margin: 10px 0px 0px 0px;
 background:#ffffff url(/images/basisrente-banner.jpg) top left no-repeat;
}

#header ul{
margin-left: 500px;
margin-top: 25px;
}

#header li{
list-style:none;
}

#header h1 {
color: #999999;
font-size: 24px;
margin: 50px 0px 0px 0px;
}

#header li h3 {
color: #666666;
font-size: 15px;
}

#header li h2 {
color: #990000;
font-size: 14px;
}
#navigation {
 float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-color:#F3F2ED;
}
/*#########################LEFT-COLUMN###############################*/
#leftcolumn { 
 color: #333;
 border: 0px solid #006699;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 350px auto;
 width: 130px;
 float: left;
}

#leftcolumn ul{
background-color:#ebeef0;

}

#leftcolumn li{
list-style:none;
color: #006699;
font-weight:bold;
font-size:14px;
margin-top:3px;
}

#leftcolumn li a{
color: #333333;
text-decoration:none;
font-size:12px;
font-weight: 100;
}

/*####################CONTENT###################*/
#rightcolumn { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 350px auto;
 width: 420px;
 display: inline;
 /*background-image:url(/images/content-bg.jpg);*/

}

#rightcolumn h1{
color: #CC3300;
font-size:22px;
}

#rightcolumn h2 {
color: #0099CC;
font-size: 18px;
}

#content{
float:left;
width:410px;
height:390px auto;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
}

#rightcolumn ul {
color: #333333;
font-size:12px;

}

#rightcolumn li{
list-style:none;
margin-top: 5px;
}



#rightbar {
float:right;
border:0px solid #000000;
width:370px;
height:370px auto;
display:inline;
margin: 0px 0px 0px 0px;
text-align:left;
font-size:15px;
color:#993300;
}

#rightbar h1{
color:#ffffff;
font-size:24px;
background-image:url(http://www.basisrente-rechner.de/images/rightbar-h1.jpg);
padding: 0px 0px 0px 5px;
width:363px;
}

#rightbar h2 {
color:#FFFFFF;
font-size: 28px;
background-image:url(http://www.basisrente-rechner.de/images/rightbar-formular-h1.jpg);
height: 46px;
padding: 7px 0px 0px 5px;
}

#rightbar h4 {
background-image:url(http://www.basisrente-rechner.de/images/rightbar-h4.jpg);
color:#FFFFFF;
text-align:center;
margin-top: 10px;
}

#rightbar ul {
list-style: none;
font-size:12px;
color: #333333;
margin: 0px 0px 0px 0px;
border: 0px solid #CC3300;
padding: 2px 0px 0px 2px;
}

#datenschutz {
font-size:12px;
color: #333333;
border: 0px solid #CC3300;
width: 15px;
float: inherit;
}

#datenschutz h2{
color:#FF9900;
}

#datenschutz2 {
font-size:12px;
color: #333333;
border: 0px solid #CC3300;
width: 368px;
float: inherit;
}

#datenschutz2 h2{
color:#FF9900;
}

#rightbar li{
margin: 5px 0px 0px 0px;

}

#keywords {
color:#333333;
font-size:11px;
}

#keywords a{
font-size: 11px;
color:#333333;
}

#footer { 
 width: 920px;
 clear: both;
 color: #ffffff
 border: 0px solid #006699;
 background-color: #0066CC;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align:right;
 font-size:11px;
}

#footer a{
text-decoration:none;
color:#FFFFFF;

}
/*####Formular####*/
.formular{
PADDING-RIGHT: 0px; 
PADDING-LEFT:0px; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px;
FONT-SIZE: 12px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
background-color: #ffffff;
border: 0px solid #000000;
}

INPUT {
FONT-SIZE: 10px; 
FONT-FAMILY: Verdana, Arial, Non-Serif;
background-color: #EDEDED;
}

SELECT {
FONT-FAMILY: Verdana, Arial, Non-Serif;
font-size:11px;
background-color: #EDEDED;

}

TEXTAREA {
FONT-SIZE: 12px;
font-family:Arial, Helvetica, sans-serif;
border: 1px solid #000000;
background-color: #EDEDED;
}

SPAN {
color:#333333;
display:inline-block;
font-size:14px;
font-weight:normal;
margin:3px 15px 3px 3px;
padding:3px 3px 2px;
text-align:right;
vertical-align:top;
width:115px;
}

INPUT {
BORDER-RIGHT: #333333 1px solid; 
PADDING-RIGHT: 2px; 
BORDER-TOP: #333333 1px solid; 
MARGIN-TOP: 5px; 
PADDING-LEFT: 2px; 
PADDING-BOTTOM: 2px; 
BORDER-LEFT: #333333 1px solid; 
WIDTH: 160px; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: #333333 1px solid;
font-size:12px;

/*BORDER-RIGHT: #76b1f5 1px solid;*/
}

SELECT {
BORDER-RIGHT: #333333 1px solid;
BORDER-TOP: #333333 1px solid;
MARGIN-TOP: 5px;
BORDER-LEFT: #333333 1px solid;
WIDTH: 160px;
BORDER-BOTTOM: #333333 1px solid;
padding: 2px;

/*BORDER-BOTTOM: #76b1f5 1px solid;*/
}

TEXTAREA {

border:1px solid #000000;
font-size:12px;
height:80px;
margin-left:25px;
margin-top:5px;
padding:2px;
width:279px;

}

FORM {
MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 15px
}

.anrede {
WIDTH: 165px
}

.vorname {
WIDTH: 160px
}

.name {
WIDTH: 160px
}

.plz {
WIDTH: 45px
}

.ort {
WIDTH: 106px
}

.beruf {
WIDTH: 166px
}

INPUT {
HEIGHT: 15px
}

SELECT {
HEIGHT: 20px
}

P {
MARGIN-TOP: 5px; MARGIN-BOTTOM: 10px
}

.checkbox {
MARGIN: 3px; WIDTH: 20px;
}

.bday {
WIDTH: 65px}

.button {
WIDTH: 220px;
HEIGHT: 35px;
border: 0px;
}

.bday2 {
WIDTH: 39px}

.td {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
padding-left:5px;
width:350px;
}

.text11 {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin-bottom:5px;
margin-left:20px;
}
.text11 a:link {
	color: #333333;
	font-weight: 100;
	text-decoration: underline;
}
.text11 a:hover {
	text-decoration: underline;
}