@charset "utf-8";

/*
>>>>>>>>>>>>>>>>>>>>>>>>
Targeting IE6+ by:
.class { 

}

Targeting Firefox, IE7, Opera and not IE6 by:
html>body .class { 

}
<<<<<<<<<<<<<<<<<<<<<<<<
*/

/*
>>>>>>>>>>>>>>>>>>>>>>>>
Common HTML components - START
>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>
*/
html,body  {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
	background: #1462a5 url(../graphics/bg.jpg) repeat-x top center;
	scrollbar-base-color: #1462a5;
	scrollbar-arrow-color: #1462a5;
	scrollbar-3dlight-color: #a4d5ff;
	scrollbar-darkshadow-color: #a4d5ff;
	scrollbar-face-color: #a4d5ff;
	scrollbar-highlight-color: #a4d5ff;
	scrollbar-shadow-color: #a4d5ff;
	scrollbar-track-color: #1462a5;
}

hr {
	border: solid #f36f23 1px;
	height: 1px;
	padding: 0px;

}
/*
*html hr {
background: url(../graphics/hr1.gif) no-repeat right bottom !important;
  border:0;
  clip:rect(1px 569px 22px 1px);
  height:23px;
  left:180px;
  line-height:22px;
  position:absolute;
  width:inherit;
  top:inherit;
	
}

html>body hr {
	clear:both;
	border: none !important;
	height: 22px !important;
	margin: 5px 0 0 0px !important;
	background: url(../graphics/hr1.gif) no-repeat right bottom !important;
	
}*/

/* input */
input[type=text],input[type=password],textarea,select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1462a5;
	overflow: hidden;
}

html>body input[type=text],input[type=password],textarea,select {
	background-color: #f1fdff;	
	border: 1px inset;
	border-top-color: #356A8A;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #356A8A;
	overflow: auto;	
}

textarea {overflow: auto;	}


img {
	border: none;
}

h1{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 21px;
	font-style:normal;
	color: #1462a5;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000d59;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
}


h3{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	padding: 5px 0 0 0;
	color: #f28422;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 2px;
}

h4{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	padding: 0px;
	color: #000d59;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f23;
	margin: 0px;
	font-weight: normal;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1462a5;
	text-align: justify;
	line-height: 15px;
	margin-left: 2px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



ol, ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1462a5;
	margin-left: 20px;
	/*height: 12px;*/
	font-weight: normal;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	line-height: 15px;
	text-decoration: none;
	list-style-image: url('../graphics/listing-blue.gif');
}

a{
	font-family: Arial, Helvetica, sans-serif;
	color: #f36f23;
	font-weight: normal;
	text-decoration: none;
}

a:hover{ text-decoration: underline; color: #f36f23;}
a:visited{ color: #f36f23;}



/*
<<<<<<<<<<<<<<<<<<<<<<<<
Common HTML components - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/


/*
>>>>>>>>>>>>>>>>>>>>>>>>
LAYOUT - START
>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>
*/

#container {
	width:975px;
	background:#f0f0f0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: url(../graphics/bg_main_temp2.gif);
	background-repeat: y-repeat;
} 

#header {
	height: 150px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	width: 975px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#leftside {
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	float: left;
	height:auto !important; /* real browsers */
	height:100%; /* real browsers */
	position: relative;
}

#leftside_top {
	width: 170px;
	background: url(../graphics/leftside_top.gif) no-repeat left;
	height: 20px;
}

#rightside {
	margin:0 auto; /* center, not in IE5 */
	width: 195px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	float: right;
	height:auto !important; /* real browsers */
	height:100%; /* real browsers */
	position: relative;
}

#leftshadow {
	width: 10px;
	height: 500px;
	float: left;
	background: url(../graphics/bg_leftshadow.jpg) top;
}

#rightshadow {
	width: 10px;
	height: 500px;
	float: right;
	background: url(../graphics/bg_rightshadow.jpg) top;
}

#mainContent {
	width: 570px;
	margin-left: 190px;
	padding-bottom: 3em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*
<<<<<<<<<<<<<<<<<<<<<<<<
LAYOUT - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/


/*
>>>>>>>>>>>>>>>>>>>>>>>>
RIGHTSIDE - Information container - START
>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>
*/
/* Kan forekomme kun i i temlate uden venstre side */
#rightside .right_info_container {
	background: url(../graphics/rightbox_bottom.jpg) bottom;
}

#rightside .right_info_top {
	height:36px;
	
	margin: 0;
}
#rightside .right_info_container h1{
background: url(../graphics/rightbox_top.jpg);
	font-family: Georgia, Times New Roman, Times, serif !important;
	line-height: 14px !important;
	font-size: 14px !important;
	color: #1462a5 !important;
	font-weight: bold !important;
	padding-top: 13px !important;
	padding-right: 20px !important;
	padding-bottom: 2px !important;
	padding-left: 20px !important;
	margin: 0px !important;
}
#rightside .right_info_container p{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #1462a5 !important;
	font-weight: normal !important;
	padding-top: 5px !important;
	padding-right: 20px !important;
	padding-bottom: 2px !important;
	padding-left: 20px !important;
	text-align: justify !important;
	margin: 0px !important;
}




.searchbox  .searchbox_t  {
	width: 180px;
	background: url(../graphics/searchbox_t.gif) no-repeat center bottom;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 7px;
}
.searchbox  .searchbox_m  {
	background: url(../graphics/searchbox_bg.gif) repeat-y center top;
	width: 194px;
}
.searchbox  .searchbox_m  .searchbox_iframe  {
	padding-right: 7px;
	padding-left: 7px;
}
.searchbox  .searchbox_b  {
	width: 180px;
	height: 15px;
	background: url(../graphics/searchbox_b.gif) no-repeat center top;
	padding-right: 7px;
	padding-left: 7px;
}
.searchbox  {
	width: 194px;
}



#rightside hr {
	background: url(../graphics/hr2.gif) no-repeat right bottom !important;
	
}

/*
<<<<<<<<<<<<<<<<<<<<<<<<
RIGHTSIDE - Information container - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/

/*
>>>>>>>>>>>>>>>>>>>>>>>>
LEFTSIDE - Menu - START
>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>
*/

#leftside .menu {
	padding-left: 10px;
	margin: 0px;
}
#leftside .menu .menu_n1 {
	background: url(../graphics/moh.gif) no-repeat left top;
	margin-left: 10px;
	position: relative;
}
#leftside .menu .menu_u {
	background: url(../graphics/mol.gif) repeat-y left top;
	left: 10px;
	height: auto;
	padding: 0 10 0 10px;
	position: relative;
}

#leftside .menu .menu_u .menu_n2{
	margin: 0px;
	height: 16px;
}

#leftside .menu .menu_n1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000d59;
	margin-left: 14px;
	height: 12px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 12px;
	text-decoration: none;
}
#leftside .menu .menu_n2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f23;
	margin-left: 14px;
	height: 12px;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 12px;
	text-decoration: none;
}
#leftside .menu .menu_n1 a:hover { color: #1462a5; }
#leftside .menu .menu_n2 a:hover{ text-decoration: underline; color: #f36f23;}

#leftside #print {
	margin: 20px;
}



/* >>>>>>>>>>>
NEW maddesigns
<<<<<<<<<<< */ 
#navigation {
	list-style-type: none;
	list-style-image: none;
	line-height: 12px;
	margin: 0 0 0 5px;
	padding: 0;
}

#navigation li {
	margin: 4px 0;
}

#navigation li a:link, #navigation li a:visited {	
	background: url("../graphics/main-menu-default.gif") no-repeat 0px 4px;
	padding: 0 0 0 17px;
	color: #000d59;
	font-weight: bold;
}

#navigation li a:hover, #navigation li a:active {	
	background: url("../graphics/main-menu-hover.gif") no-repeat 0px 4px;

}

#navigation li.current a:link, #navigation li.current a:visited {	
	background: url("../graphics/main-menu-hassub.gif") no-repeat 0px 4px;
	margin: 3px 0;
	padding: 0 0 0 17px;
	color: #000d59;
	font-weight: bold;
}

#subnavigation {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#subnavigation li {
	margin: 0;
	padding: 4px 5px 0 17px;
	display: block;
	background: #DCEFFF url("../graphics/sub-menu-li.gif") repeat-y 0px 4px;
	
}


#navigation li.current #subnavigation li a:link, 
#navigation li.current #subnavigation li a:visited {
	background:none;
	display: block;
	margin: 0;
	padding: 0;
	color: #838b8b;
	font-weight: normal;
	line-height: 1;
}


.act-navpoint a:link, .act-navpoint a:visited {
	background: url("../graphics/sub-menu-li.gif") repeat-y 0px 4px;
	margin: 0;
	padding: 0 0 0 17px;
	color: #f36f23 !important;
	font-weight: normal;
}

#subnavigation li a:hover, #navigation li a:active {	


}


/*
<<<<<<<<<<<<<<<<<<<<<<<<
LEFTSIDE - Menu - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/


/*
>>>>>>>>>>>>>>>>>>>>>>>>
MAINCONTANT - START
>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>
*/


#mainContent .topdesc {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 570px;
}


#mainContent .lowdesc {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* >> LAYOUT - Content table - start*/

#mainContent .columns {
	padding: 0px;
	margin: 0px;
	width: 570px;
	border: 0px;
}

#mainContent .columns_m{
	width: 20px;
}

#mainContent .columns_l {
	width: 268px;
	padding-right: 7px;
}

#mainContent .columns_r {
	width: 268px;
	padding-left: 7px;
}
#mainContent  .columns_same {
	width: 190px;
	vertical-align: top;
}


/* << LAYOUT - Content table - end */

/* >> LAYOUT - project - start*/
#mainContent .projects {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#mainContent .projects .project {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}


#mainContent .projects hr{
	border: solid #1462a5 1px !important;
	height: 1px !important;
	padding: 0px !important;
	margin: 10 0 10 0px !important;
}

#mainContent .project p{
	padding: 0px !important;
	margin: 0px !important;
}

#mainContent .projects .project_info_lbl{
	font-weight: bold !important;
	float: left;
	position: relative;
	
}
#mainContent .projects .columns .columns_r .project_info_desc sup {
	position: absolute;

}

#mainContent .projects .project_info {
	position: relative;
	height: 18px;
}
#mainContent  .projects   .project_info .project_info_desc {
	float: left;
	padding-left: 5px;
}
#mainContent  .projects  .project  .project_more  .project_info_desc   {
	position: relative;
	clear: left;
	height: 50px;
}

#mainContent  .projects  .project_more {
	position: relative;


}
#mainContent .projects .project .btnInfo {
	position: relative;
	clear: both;
}


/* << LAYOUT - project - end */

/* Kan forekomme kun i i temlate uden venstre side */
#mainContent .main_info_container {
	background: url(../graphics/main_info_middle.gif);
	width: 273px;
}

#mainContent .main_info_top {
	height:36px;
	background: url(../graphics/main_info_top.gif);
}
#mainContent .main_info_container h1{
	font-family: Georgia, Times New Roman, Times, serif !important;
	font-size: 14px !important;
	line-height: 14px !important;
	color: #1462a5 !important;
	font-weight: bold !important;
	padding-top: 15px !important;
	padding-right: 12px !important;
	padding-bottom: 0px !important;
	padding-left: 12px !important;
}
#mainContent .main_info_container p{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #1462a5 !important;
	font-weight: normal !important;
	padding-top: 5px !important;
	padding-right: 14px !important;
	padding-bottom: 2px !important;
	padding-left: 12px !important;
	text-align: justify !important;
	margin: 0px !important;
}
#mainContent .main_info_bottom {
	height:20px;
	background: url(../graphics/main_info_bottom.gif);
}


#mainContent .star {
	color: #f28520 !important;
}


#mainContent .myform .btnLogin {
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainContent .myform {
	margin: 0px;
	padding: 0px;
}

#mainContent .myform form p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 20px;
}
#mainContent .kontakt {
	width: 275px;
	position: relative;
}
#mainContent  .kontakt  .kontakt_info  {
	width: 140px;
}
#mainContent  .kontakt  .project_info_lbl  {
	font-weight: bold;
	padding-left: 10px;
}
#mainContent  .kontakt  .project_info_desc  {
	padding-left: 10px;
	position: relative;
}

#mainContent  .kontakt  .project_info_desc p  {
	text-align: left !important;
}

/*
<<<<<<<<<<<<<<<<<<<<<<<<
MAINCONTENT - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/

/*
>>>>>>>>>>>>>>>>>>>>>>>>
FOOTER - START
>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>
*/

#footer {
	position:absolute;
	width: 975px;
	bottom: 0px; /* stick to bottom */

} 

*html #footer {
	position:absolute;
	clear:both;
	width: auto;
	bottom: 0px; /* stick to bottom */

} 
*+html #footer {
	position:absolute;
	clear:both;
	width: auto;
	bottom: 0px; /* stick to bottom */

} 
#footer_l {
	position: relative;
	height: 20px;
	width: 155px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;	
}
#footer_r {
	height: 20px;
	width: 590px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 180px;
	text-align: center !important;
}

#footer_r p {
	text-align: center !important;
	font-size: 10px;
}

/*
<<<<<<<<<<<<<<<<<<<<<<<<
FOOTER - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/


/*
>>>>>>>>>>>>>>>>>>>>>>>>
REGISTR - START
>>>>>>>>>>>>>>>>>>>>>>>>

>>>>>>>>>>>>>>>>>>>>>>>>
*/

#tx-srfeuserregister-pi1-fe_users_form p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f36f23;
	margin: 0px;
}

#tx-srfeuserregister-pi1-fe_users_form .btnLogin {
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#tx-srfeuserregister-pi1-fe_users_form  .registr_cell {
	position: relative;
	width: auto;
}
#tx-srfeuserregister-pi1-fe_users_form label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1462a5;
	cursor: pointer;
}
#tx-srfeuserregister-pi1-fe_users_form .columns_same label, 
#tx-srfeuserregister-pi1-fe_users_form .udfyldlabel 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	display: block;
	
}

*+html .tx-srfeuserregister-multiple-checkboxes,
*+html .tx-srfeuserregister-multiple-checkboxes li {
	margin: 0px 0px 0px -10px !important;
	padding: 0 !important;
	line-height: 1 !important;
}
*html .tx-srfeuserregister-multiple-checkboxes,
*html .tx-srfeuserregister-multiple-checkboxes li {
	margin: 0px 0px 0px -10px !important;
	padding: 0 !important;
	line-height: 1 !important;
}

*html .tx-srfeuserregister-multiple-checkboxes label {
	margin: 0px 0px 0px 0px !important;
	padding: 0 !important;
	line-height: 1 !important;
}

.tx-srfeuserregister-multiple-checkboxes,
.tx-srfeuserregister-multiple-checkboxes li {
	margin: 0px 0px 0px 0px;
	padding: 0 !important;
	line-height: 1 !important;
	list-style-image: none !important;
}

.tx-srfeuserregister-multiple-checkboxes label {
	margin:auto;
	padding:auto;
	line-height: 1 !important;
}


#tx-srfeuserregister-pi1-fe_users_form .columns_same input {
	margin: 0;
	padding: 0;
	line-height: 1;
}

#tx-srfeuserregister-pi1-fe_users_form form  p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999 !important;
	font-weight: normal !important;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 20px;
}


#user_soldkregister_nybygeksisterende label {
	float: left;
	width: 100px;
	padding-left: 5px;
}

#user_soldkregister_nybygeksisterende input.tx-srfeuserregister-pi1-radio {
	float: left;
	width: auto;
	clear: left;
}

*html #user_soldkregister_nybygeksisterende label {float: none;}
*html #user_soldkregister_nybygeksisterende input.tx-srfeuserregister-pi1-radio {float: none;}
*+html #user_soldkregister_nybygeksisterende label {float: none;}
*+html #user_soldkregister_nybygeksisterende input.tx-srfeuserregister-pi1-radio {float: none;}

/*
<<<<<<<<<<<<<<<<<<<<<<<<
REGISTR - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/

/*
>>>>>>>>>>>>>>>>>>>>>>>>
TEXT BUTTON - START
>>>>>>>>>>>>>>>>>>>>>>>>
Button is made as a table in html and can get wider
this depends on how much text is put inside
>>>>>>>>>>>>>>>>>>>>>>>>
*/

.btnInfo {
	position: relative;
	padding-top: 3px;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.btnInfo a, .btnLogin a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	color: #f28422 !important;
	font-weight: normal !important;
	text-align: center !important;
	text-decoration: none !important;
}
.btnInfo_m {
	height: 18px;
	background: url(../graphics/btnInfo_bg.gif) repeat-x;
}
.btnInfo_r {
	height:18px;
	background: url(../graphics/btnInfo_r.gif) no-repeat right;
}
.btnInfo_l {
	height:18px;
	background: url(../graphics/btnInfo_l.gif) no-repeat left;
}

/*
<<<<<<<<<<<<<<<<<<<<<<<<
TEXT BUTTON - Information container - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/

/*
>>>>>>>>>>>>>>>>>>>>>>>>
IMAGEBOX - START
>>>>>>>>>>>>>>>>>>>>>>>>
Image width: 255
Image height: variable
>>>>>>>>>>>>>>>>>>>>>>>>
*/


.imgbox {
	width: 275px;
	padding: 0px;
	margin: 0px;
	/*background: url(../graphics/imgbox_bg.gif) repeat-y; */
}

.imgbox .imgbox_m { /* IE6 */
	width: 275px;
	background: url(../graphics/imgbox_bg.gif) repeat-y left top;
	padding-top: 0px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 9px;
}
.imgbox .imgbox_t { /* IE6 */
	position: absolute;
	z-index: 2;
	width: 275px;
	height: 15px;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../graphics/imgbox_t.png’, sizingMethod=’scale’); - preferable to get this to work, but I couldn't */
	background: url(../graphics/imgbox_t.gif) no-repeat; /* fixes png tranceparency problem with gif */
}
.imgbox html>body .imgbox_t { /* Firefox, IE7, Opera */
  background: url(../graphics/imgbox_t.png) no-repeat !important;
  filter: none !important;
}
.imgbox .imgbox_b { /* IE6 */
	top: -17px;
	width: 275px;
	height: 17px;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../graphics/imgbox_t.png’, sizingMethod=’scale’); - preferable to get this to work, but I couldn't */
	background: url(../graphics/imgbox_b.gif) no-repeat; /* fixes png tranceparency problem with gif */
	position: relative;
}
.imgbox html>body .imgbox_b { /* Firefox, IE7, Opera */
	z-index: 2;
	background: url(../graphics/imgbox_b.png) no-repeat !important;
	filter: none !important;
}
/*
<<<<<<<<<<<<<<<<<<<<<<<<
IMAGEBOX - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/


/*
>>>>>>>>>>>>>>>>>>>>>>>>
KONTAKTIMG - START
>>>>>>>>>>>>>>>>>>>>>>>>
Image width: 115
Image height: variable
>>>>>>>>>>>>>>>>>>>>>>>>
*/


.kontakt_img {
	width: 135px;
	padding: 0px;
	margin: 0px;
	/*background: url(../graphics/imgbox_bg.gif) repeat-y; */
}

.kontakt_img .kontakt_img_m { /* IE6 */
	width: 135px;
	background: url(../graphics/kontaktimg_bg.gif) repeat-y left top;
	padding-top: 0px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 9px;
}
.kontakt_img .kontakt_img_t { /* IE6 */
	position: absolute;
	z-index: 2;
	width: 135px;
	height: 15px;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../graphics/imgbox_t.png’, sizingMethod=’scale’); - preferable to get this to work, but I couldn't */
	background: url(../graphics/kontaktimg_t.gif) no-repeat; /* fixes png tranceparency problem with gif */
}
.kontakt_img html>body .kontakt_img_t { /* Firefox, IE7, Opera */
  background: url(../graphics/kontaktimg_t.png) no-repeat !important;
  filter: none !important;
}
.kontakt_img .kontakt_img_b { /* IE6 */
	top: -17px;
	width: 135px;
	height: 17px;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../graphics/imgbox_t.png’, sizingMethod=’scale’); - preferable to get this to work, but I couldn't */
	background: url(../graphics/kontaktimg_b.gif) no-repeat; /* fixes png tranceparency problem with gif */
	position: relative;
}
.kontakt_img html>body .kontakt_img_b { /* Firefox, IE7, Opera */
	z-index: 2;
	background: url(../graphics/kontaktimg_b.png) no-repeat !important;
	filter: none !important;
}
/*
<<<<<<<<<<<<<<<<<<<<<<<<
KONTAKTIMG - END
<<<<<<<<<<<<<<<<<<<<<<<<
*/

#iframed {
	background-image: none !important;
	background: #dcefff !important;
}


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }
	

.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
/* End hide from IE-mac */

	

/*
Rounded corners
*/


.textpicture img {
padding: 7px 10px 11px 8px;
}

.ro {
	background: url(../graphics/corners-rt.jpg) top right no-repeat;
	margin:0;
	padding:0;
}

.lo {
	background: url(../graphics/corners-lt.jpg) top left no-repeat;
	margin:0;
	padding:0;
}

.ru {
	background: url(../graphics/corners-rb.jpg) bottom right no-repeat;
	margin:0;
	padding:0;
}

.lu {
	background: url(../graphics/corners-lb.jpg) bottom left no-repeat;
	margin:0;
	padding:0 0 1px 0;
}

#rightside .textpicture img {
padding: 0;
}

#rightside .ro {
	background: none;
	margin:0;
	padding:0;
}

#rightside .lo {
	background: none;
	margin:0;
	padding:0;
}

#rightside .ru {
	background: none;
	margin:0;
	padding:0;
}

#rightside .lu {
	background: none;
	margin:0;
	padding:0;
}



#rightside .box {background: url(../graphics/rightbox_bottom.jpg) bottom no-repeat;}
#rightside .box h1 {
	background: url(../graphics/rightbox_top.jpg) top no-repeat;
	font-family: Georgia, Times New Roman, Times, serif !important;
	line-height: 14px !important;
	font-size: 14px !important;
	color: #1462a5 !important;
	font-weight: bold !important;
	padding: 10px 17px 0px 18px;
	
}
.lu h1 {
	background: url(../graphics/rightbox_top.jpg) top no-repeat;
	font-family: Georgia, Times New Roman, Times, serif !important;
	line-height: 14px !important;
	font-size: 14px !important;
	color: #1462a5 !important;
	font-weight: bold !important;
	margin: 10px 12px 5px 12px !important;
	padding: 10px 0 5px 0 !important;
	line-height: 1.3 !important;
	border-bottom: 1px solid #F36F23;
}

.lu h1 { background-image:none;}

#rightside .box p {
	margin: 5px 17px 5px 18px;
	padding: 5px 0 0 0;
	border-top: 1px solid #F36F23;
}

.lu p {
	margin: 5px 12px 5px 12px;
	padding:  0;
	
}

.floatleft {float:left; margin-right: 5px;}
.floatright {float:right; margin-left: 5px;}

.houseruler {

	border: none !important;
	height: 22px !important;
	margin: 5px 0px !important;
	background: url(../graphics/hr1.gif) no-repeat right bottom !important;
}
.houseruler hr {display:none;}


/* RTE  */

.button-link, .button-link-submit {
	text-align: right; 
	display:block;
	margin: 5px 20px 20px 12px !important;
	padding: 0 !important;
}
.button-link-submit span,
.button-link-submit .tx-srfeuserregister-pi1-submit,
.button-link a {
	background: url(/template/graphics/link-button-right.jpg) no-repeat right;
	padding: 5px 5px 5px 0;
	border: none;
}

.button-link-submit .tx-srfeuserregister-pi1-submit {
	cursor: pointer;
	color: #F36F23;
	font-size: 11px;
}

span.button {
	background: url(../graphics/link-button-left.jpg) no-repeat left;
	padding: 5px 0 5px 5px;
	
}

#rightside .button-link {
	border: 0 !important;
	margin: 5px 17px 20px 12px !important;
	padding-bottom: 20px !important;

}

.loginforms label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999 !important;
	cursor: pointer;
}


.nomail {
	display: none;
}	


#kontaktformular fieldset {
	border: 0;
	padding: 0;

}

*html .tx-thmailformplus-pi1 .columns_same input {
	width: auto;
	border: none;
	background: none;
}

*html .tx-thmailformplus-pi1 .tx-srfeuserregister-pi1-submit {
	width: auto;
}

*html .tx-thmailformplus-pi1 input {
	width: 160px;
	background-color: #f1fdff;	
	border: 1px inset;
	border-top-color: #356A8A;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #356A8A;
	overflow: auto;	
}

.tx-thmailformplus-pi1 .columns_same label {
	color: #1462A5;
	font-size: 11px !important;
	cursor: pointer;
}

*html .tx-thmailformplus-pi1 textarea {
	width: 200px;
	background-color: #f1fdff;	
	border: 1px inset;
	border-top-color: #356A8A;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #356A8A;
	overflow: auto;	
}

.tx-thmailformplus-pi1 .columns p {
	color: #999;
	font-size: 10px !important;
	padding: 0;
	margin: 0;
}