/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

a:focus { outline: none; }


div, p, li, a {background-repeat:no-repeat; } x

/* ### reset some basic style ################################################### */

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 10px;}

ul		{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre		{font-size: 12px; }

a:hover { text-decoration:none; }

a:link {
	color: #22386c;
	text-decoration:none;
	}
a:visited {
	color: #22386c;
	text-decoration:none;
	}
a:focus {
	color: #666666;
	text-decoration:none;
	}
a:hover {
	color: #c90d42;
	text-decoration:none;
	}
a:active {
 	color: #c90d42;
	text-decoration:none;
}


/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;
	background-color: #fff;
}

/*	body
*******************************************************************************/
body {
	margin: 0 auto;
	padding: 0;		
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	width: 890px;
	background-color: #fff;	
}


.clear {
	clear:both;
}

.flLeft 	{ float:left;}
.flRight 	{ float:right; }

.clboth {  
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}


.warning, 
#main-block .warning { color:#f00; }

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

#header {
	display: block;
	margin-top: 15px;
	height: 160px;
	width: 890px;
}


/*	logo
*******************************************************************************/
#logo {
	display: block;
	float: left;
	width: 160px;
}

#logo a {
	display:block;
	height: 160px;
	width:  160px;
	text-indent:-1700em;
	text-decoration: none;
	background-image: url(tobels_logo.gif);
	}

/*	visual
*******************************************************************************/
#visual {
	display: block;
	float: right;
	width: 715px;
	height: 160px;
	background-image: url(back_visual.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#visual img {
	display:block;
	float: right;
}


/*	website
*******************************************************************************/
#website {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align:left;
}

#linkespalte {
	clear: both;
	float: left;
	width: 160px;
}


/*navigation
*******************************************************************************/
#navigation {
	display: block;
	float: left;
	border-top: 2px solid #9da9c7;
	border-bottom: 2px solid #9da9c7;
	width: 160px;
	padding-top: 3px;
	margin-bottom: 30px;
}


#navigation p {margin: 0px; padding:0; height: 0px;}

ul.nav1st {

}

ul.nav1st li {
	width: 160px;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 2px !important; 
	margin-top: 0px; /* nur für den IE */
}

ul.nav1st a, 
ul.nav1st a:link {
	color: #22386c;
	display: block;
	text-decoration: none;
	font-size: 12px;
	padding:2px 0px 4px 2px !important; 
  	padding:0px 0px 0px 2px; /* nur für den IE */
	font-weight: bold;

}

ul.nav1st a:hover {
	display: block;
 	color: #c90d42;
	text-decoration:none;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	display: block;
 	color: #c90d42;
	text-decoration:none;
}

ul.nav1st li a.current:hover {

}



/*suche
*******************************************************************************/
#suchenboxwrapper {
	clear: both;
	position: relative;
	width: 160px;
	border-top: 2px solid #9da9c7;
	border-bottom: 2px solid #9da9c7;
	margin-bottom: 15px;

}

*:first-child+html #suchenboxwrapper{   /* CSS-Hack für IE7 */  
	margin-top: 40px;
}

#suchenbox {
	margin-top: 8px;
	margin-left: 3px;
	width: 160px;
	color: #22386c;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	height: 50px;
}

#suchenbox p {
	letter-spacing: 1px;
	margin-bottom: 3px;
}

#suchenbox .search {
	display: block;
	float: left;
	height: 17px;
	width: 110px;
	margin: 0;
	padding:0;
	margin-right: 4px;
}

#suchenbox .search:hover {
    background: #f7f7f7;
}
#suchenbox .button {
    border: none;
    background: url('suchbutton.gif') no-repeat top left;
    text-indent: -1700px;
    width: 32px;
    height: 21px;	
}
#suchenbox  .button:hover {
    text-indent: -1700px;
    border: none;
    background: url('suchbutton_hover.gif') no-repeat top left;
    width: 32px;
    height: 21px;
}

/* Content */

#wrapper {
	clear: both;
	position: absolute;
	top: 200px;
	display: block;
	margin: 0;
	padding: 0;
	width: 890px;
}

#maincontent {
	float: right;
	width: 715px;
}


/* contentzweispalter */

#contentlinks {
	float: left;
	width: 540px;
	margin-bottom: 15px;
	line-height: 16px;
}

#contentrechts {
	float: right;
	width: 160px;
	border-bottom: 2px solid #c90d42;
}

#loginform {
	display: block;
	border-bottom: 2px solid #c90d42;
	padding-bottom: 10px;
	margin-bottom: 30px;
	}

	
#loginform .login  {
	float: left;
	height: 17px;
	width: 110px;
	margin: 2px;
	padding:0;
}

#loginform .password  {
	float: left;
	height: 17px;
	width: 110px;
	margin: 2px;
	padding:0;
}

#loginform .login:hover,
#loginform .password:hover {
    background: #f7f7f7;
}

#loginform .button {
position: relative;
    border: none;
    background: url('suchbutton.gif') no-repeat top left;
    text-indent: -1700px;
    width: 32px;
    height: 21px;	
    margin-top: 30px;
}

#loginform .button {
	_margin-top: 2px; 	   /*CSS-Hack für IE 6 */
	}

	 *:first-child+html #loginform .button{   /* CSS-Hack für IE7 */  
        margin-top: 2px;
	 }


#loginform  .button:hover {
    text-indent: -1700px;
    border: none;
    background: url('suchbutton_hover.gif') no-repeat top left;
    width: 32px;
    height: 21px;
}


/* footer */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	margin-left: 175px;
	margin-top: 20px;
	height: 60px;
	width: 715px;
	font-size: 11px;
	color: #999999;
	background-color: #fff;
	border-top: 1px solid #dce2e7;
}

#footer a,
#footer a:visited {
	color: #999999;
}


#footer a:hover,
#footer a:active {
	color: #c90d42;
	text-decoration:none;
	}


.footerlinks 	{
	font-weight: bold;
	float:left;
	padding: 5px;
	}
	
.footerrechts	{
	float: right;
	padding-top: 5px;
	width: 160px;
	}

/*fonts*/

h1 {
	font-family: Arial, sans-serif;
	color: #c90d42;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
 }

#contentrechts h1 {
	font-family: Arial, sans-serif;
	color: #c90d42;
	font-size: 13px;
	font-weight: bold;
	margin-top: 3px;
	padding-top: 5px;
	margin-bottom: 3px;
	border-top: 2px solid #c90d42;	
}

#contentlinks p {
line-height: 17px;
}

h2 {
	display: block;
	font-family: Arial, sans-serif;
	color: #c90d42;
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}



h3 {
	font-family: Arial, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
}

.teaser {margin-bottom: 20px;}

h4 {
	font-family: Arial, sans-serif;
	color: #c90d42;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
}


#contentrechts p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
}

#contentrechts a:link,
#contentrechts a:visited {
	padding: 2px;
 	color: #000;
	display: block;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	}

#contentrechts a:focus,
#contentrechts a:hover,
#contentrechts a:active {
	display: block;
	color: #c90d42;	
	text-decoration:none;
}

#contentrechts .mail a:link,
#contentrechts .mail a:visited {
	display: inline;
 	color: #000;
	text-decoration: none;
	font-size: 12px;
	}

#contentrechts .mail a:focus,
#contentrechts .mail a:hover,
#contentrechts .mail a:active {
	color: #c90d42;	
	text-decoration:none;
}

/***** Kästen Startseite ***/

#kaesten p {display: inline-block; line-height: 14px;}

.kasten1und2 {width: 260px; float: left;}
.kasten1 { height: 120px; border: 1px solid #bec6da; width: 245px; padding: 10px; overflow: hidden;}
.kasten2 { height: 120px; border: 1px solid #bec6da; width: 245px; padding: 10px; margin-top: 10px; overflow: hidden;}
.kasten3 { height: 272px; border: 1px solid #bec6da; width: 240px; padding: 10px; float: right; overflow: hidden; background-position: center bottom;}

.kasten1 p,
.kasten2 p,
.kasten3 p{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000;
}

.kasten1 strong,
.kasten2 strong,
.kasten3 strong{
	display: inline-block;
	padding-bottom: 4px;
}


/***/
.linierot {
	clear: both;
	display: block;
	height: 1px;
	background-image: url(punkte_rot.gif);
	background-position: 0;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	}

.linieblau {
	height: 1px;
	background-image: url(punkte_blau.gif);
	background-position: 0;
	background-repeat: repeat-x;
 
}

.navplatzhalter {
	height: 30px;
	border-top: 2px solid #9da9c7;
	border-bottom: 2px solid #9da9c7;
}

.dreispalterweiss {
  width: 540px; 
  border: 1px solid #bec6da;
}

.dreispalter_1 {
  margin: 10px 0px 0px 3px;
  width: 130px;

}

.dreispalter_2 {
  margin: 10px 0px 0px 10px;	
  width: 170px;
}

.dreispalter_3 {
  margin: 10px 0px 0px 10px;	
  width: 210px;
}

.dreispalter_1,
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}

.dreispalterblau {
  width: 540px; 
  border-left: 1px solid #bec6da;
  border-right: 1px solid #bec6da;
  background-color: #dce7f3;
  padding-bottom: 15px;
}

.dreispalterb_1 {
  margin: 10px 0px 0px 3px;
  width: 130px;
  height: 16px;

}

.dreispalterb_2 {
  margin: 10px 0px 0px 10px;	
  width: 170px;
  height: 16px;
}

.dreispalterb_3 {
  margin: 10px 0px 0px 10px;	
  width: 210px;
  height: 16px;
}

.dreispalterb_1,
.dreispalterb_2, 
.dreispalterb_3 {
  float: left;
}

.dreispalterb_1 p,
.dreispalterb_2 p,  
.dreispalterb_3 p{
	margin-top: -4px;
}




/** download **/
.download {
	display: block;
	clear: both;
	width: 100%;
	padding-bottom: 10px;
}

.list_content2 {
	float: left;
	width: 20px;
}

.list_content {
	width: 140px;
	float: left;
}


/* angebot */

.angebot {
	border: 1px solid #bec6da;
	margin-bottom: 10px;
}

.ueberschrift {
	font-weight: bold;
	padding: 5px;
	height: 14px;
}

.angebotblau {
	border-top: 1px solid #bec6da;	
	border-bottom: 1px solid #bec6da;		
	background-color: #dce7f3;
}

.angebotdownload img {
	padding-right: 5px;
}

.angebotdownload {
	padding: 10px 10px 10px 0pc;
	text-align: right;
}

.objektbild {
	float: left;
	padding: 10px;
	width: 180px;
}

.angebot .text {
	margin-top: 10px;
	display: block;
	width: 320px;
	margin-left: 210px;
}

.angebotdownload a:link,
.angebotdownload a:visited {
	color: #c90d42;
	text-decoration: none;
	}

.angebotdownload a:focus,
.angebotdownload a:hover,
.angebotdownload a:active {
 	color: #22386c;
	text-decoration:none;
}



/*	Formulare *****************************************************************/
div#form-module fieldset {
	padding: 15px 10px;
	margin-bottom: 30px;
	border: 1px solid #dce7f3;
}

div#form-module  legend {
   	color: #000;
	font-size: 11px;
  	font-weight: bold;
  	border: 1px solid #bec6da;
  	background-color: #dce7f3;
  	padding: 3px 15px 3px 15px;
}



div#form-module p {
	clear: both;
	margin-bottom: 10px;
}
div#form-module p.formcheckbox, 
div#form-module p.formmcheckbox {
	float: left;
	width: 100%;
}
div.com-usersearch p.ftxt, 
div.com-usersearch p.fslct {
	float: left;
}

div#form-module p.formselect, 
div#form-module p.formtextarea, 
div#form-module p.formcheckbox, 
div#form-module p.formmcheckbox {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}
div#form-module p.formhtml, 
div#form-module p.formcaptcha {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
div#form-module p.formhtml {
	font-weight: bold;
}


/******************************	Label */
div#form-module p label {
	display: block;
	float: left;
	width: 150px;
	padding-top: 3px;	
}
div#form-module p.formtextarea label {
	float: none;
}
div#form-module p.formcheckbox label {
	padding-top: 0px;
}
div.com-answer div#form-module div.com-content p.formtext label {
	width: 150px;
}
div#form-module p.formtextarea label {
	display: block;
	float: left;
	width: 150px;
	padding-top: 3px;
}

/******************************	Captcha */
div#form-module p.formcaptcha input {
	margin-top:4px;
}
div#form-module p.formcaptcha span {
	display:block;
}

/******************************	Input */
div#form-module p.formtext input, 
div#form-module p.formpassword input, 
div#form-module p.formcaptcha input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	width: 340px;
}
div.com-answer div#form-module div.com-content p.formtext input {
	width: 270px;
}
div#form-module p.formcaptcha input {
	width: 80px;
}
div#form-module p.formtext input, 
div#form-module p.formpassword input, 
div#form-module p.formcaptcha input, 
div#form-module p.formmediapool input {
	border: 1px solid #d9d9d9;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

/******************************	TEXTAREA */
div#form-module p.formtextarea textarea {
	padding: 2px;
	width: 340px;
	height: 200px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d9d9d9;
}
div.com-answer div#form-module div.com-content p.formtextarea textarea {
	width: 340px;
}
/******************************	Select */
div#form-module p.formselect select {
	width: 340px;
}

/******************************	CHECKBOX */
div#form-module p.formcheckbox input, 
div#form-module p.formmcheckbox input {
	float: left;
	margin: 5px;
	margin-left: 150px;
}
div#form-module p.formmcheckbox input {
	margin-left: 0px;
}
div#form-module p.formcheckbox label, 
div#form-module p.formmcheckbox label {
	float: left;
	margin-left: 10px;
	margin-top: 4px;
	width: 270px;
}

/******************************	LINE */
div#form-module p.formline {
	overflow: hidden;
	height: 1px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

/******************************	SUBMIT */
div#form-module p.formsubmit label {
	display: none;
}
div#form-module p.bt1, 
div#form-module p.formsubmit input {
	margin-left: 150px !important;
	margin-left: 153px;
	width: 345px;
}
div#form-module p.formsubmit input {
	padding: 2px;<
	background-color: #d9d9d9;
	border: 0;
	color: #000;
}


#contentlinks ul		{list-style: disc;}
#contentlinks ul li		{margin: 2px 0 0 16px;}
#contentlinks ul li ul		{margin: 0 0 0 0; list-style: none;}
#contentlinks ul li ol		{margin: 0 0 0 0;}

div#form-module .form_warning {
	color: #c90d42;
	
}


div#form-module ul  {
border: 1px solid #c90d42;
margin-bottom: 25px;
padding: 15px;	
}


.zweispalterweiss {
  width: 540px; 
  border: 1px solid #bec6da;
}

.zweispalter_1 {
  margin: 10px 0px 0px 5px;
  width: 260px;
  height: 16px;
}

.zweispalter_2 {
  margin: 10px 0px 0px 10px;	
  width: 260px;
  height: 16px;
}

.zweispalter_1,
.zweispalter_2 {
  float: left;
}

.zweispalter_1 p,
.zweispalter_2 p{
	margin-top: -4px;
}



.zweispalterblau {
  width: 540px; 
  border-left: 1px solid #bec6da;
  border-right: 1px solid #bec6da;
  border-bottom: 1px solid #bec6da;
  background-color: #dce7f3;
  padding-bottom: 15px;
}


.zweispalterb_1 {
  margin: 10px 0px 0px 5px;
  width: 260px;
}

.zweispalterb_2 {
  margin: 10px 0px 0px 10px;	
  width: 260px;
}

.zweispalterb_1,
.zweispalterb_2 {
  float: left;
}

.abstand {
	display: block;
	height: 10px;

}