/************************************************************************

			C A S C A D I N G   S T Y L E   S H E E T 
						e r g o m e d
						
				LANDSIEDEL I MÜLLER I FLAGMEYER

************************************************************************/


* {margin:0px;padding:0px;font: normal 12px/100% Arial, Helvetica, sans-serif;color:#80a2c4;text-decoration:none;}
body {width:100%;background:#ccc;position:relative;float:left;}
#container {width:936px;height:auto;position:relative;margin-left:-470px;left:50%;margin-top:50px;border: 7px solid #FFF; background:url(../images/l_background.jpg) repeat-x #00468b;}

/***********************************************************************/

#head {width:936px;height:225px;position:relative;float:left;}
#content {width:936px;position:relative;}
#copy {width:936px;height:10px;position:relative;margin-top:85px;margin-bottom:5px;}

/***********************************************************************/

#logo {width:131px;height:52px;background:url(../images/l_logo_ergomed.png) no-repeat;position:relative;margin-top:45px;}
.trans_bar_small {width:1px;height:29px;background:url(../images/l_trans_bar_small.png);position:relative;float:left;}

/***********************************************************************/

.left {width:225px;position:relative;float:left;padding-left:60px;}
.main {width:515px;position:relative;float:left;padding: 0px 100px 0px 35px;}

#head .left {height:225px;}
#head .main {height:225px;width:580px;padding:0px 35px;position:relative;float:left;z-index:1;}

.row {width:936px;height:auto;clear:both;position:relative;border-bottom: 1px dotted #4073a5;/*padding-bottom:30px;margin-bottom:30px;*/}
.row .left {padding-top:30px;padding-bottom:30px;}
.row .main {float:right;padding-top:30px;padding-bottom:30px;}

.clear {clear:both;}

#copy .main {font-size:11px;}

table.tab td {padding:3px 3px 3px 0px;line-height:130%;color:#fff;}
table.tab td a:link, table.tab td a:visited {line-height:130%;color:#b3c4d4;border-bottom:1px dotted #80a2c4;margin-bottom:3px;}
table.tab td a:hover {color:#80a2c4;}
 

/***********************************************************************/

#nav ul {width:400px;list-style-type:none;position:relative;float:left;margin:155px 0px 0px -9px;}
#nav ul li {position:relative;float:left;}
#nav ul li a {margin:9px 9px;position:relative;float:left;}
#nav ul li a:link, #nav ul li a:visited {color:#b3c4d4;border:none;}
#nav ul li a:hover {color:#fff;}

a:link, a:visited {color:#b3c4d4;border-bottom:1px dotted #80a2c4;}
a:hover {color:#80a2c4;}

#language {width:200px;position:relative;float:right;margin-right:-100px;margin-top:115px;}
*html #language {margin-right:-65px;}
#language ul {list-style-type:none;}
#language ul li {width:25px;position:relative;float:left;}
#language ul li.first {width:auto;position:relative;float:left;margin-right:10px;}
#language ul li a {border-bottom:none;height:12px;position:relative;float:left;background-position:0px 0px;}

#language ul li a.ger {width:20px;background:url(../images/dtl.gif) no-repeat;}
#language ul li a.gb {width:20px;background:url(../images/gb.gif) no-repeat;}

#language ul li a:link, #language ul li a:visited {position:relative;float:left;background-position:0px 0px;}
#language ul li a:hover {position:relative;float:left;background-position: 0px -12px;}

/***********************************************************************/

img.download {margin-right:5px;position:relative;float:left;}

/***********************************************************************/

#copy a:link, #copy a:visited {font-size:11px;color:#80a2c4;border:none;}
#copy a:hover {color:#b3c4d4;}

/***********************************************************************/

.row .left p {font-size:11px;color:#6685a3;margin-bottom:20px;}
.row .main h1 {font-size:13px;font-weight:bold;line-height:130%;color:#809fbe;margin-bottom:15px;}
.row .main h2 {font-size:13px;font-weight:normal;line-height:130%;color:#809fbe;padding:15px 0px 8px 0px;}
.row .main p {font-size:12px;line-height:130%; color:#fff;margin-bottom:10px;}

/***********************************************************************/

.formular {	font: normal 12px/140% Verdana, Arial, Helvetica, sans-serif; color:#3c6000;}

.formular a {text-decoration:none;}

input, textarea {background:#b3c4d4; color:#00468b;}
textarea.normal {color:#00468b;}
textarea.red {color:#99071d;}

input {height:24px;line-height:24px;padding:2px 0px;}
textarea {width:300px;height:120px;	border:none;}
*html textarea {width:300px;}

input.checkspam {visibility:hidden;}

.checkbox1 {background-color:#fff;margin-left:-1px;}
*html .checkbox1 {margin-left:-5px;}

.formfield1, .formfield2, .formfield3, .formfield4, .formfield1red, .formfield4red {border:none;height:16px;text-align:middle;color:#00468b;}

.formfield1, .formfield1red {width:145px;}
.formfield1red, .formfield4red {color:#99071d;}
.formfield2 {width:300px;}
/**html .formfield2 {width:354px;}*/

.formfield3 {width:70px;}
.formfield4, .formfield4red {width:220px;}

.formleft {padding: 0px 5px 10px 0px;}
.formright {padding: 0px 0px 10px 5px;}

label {padding-bottom:2px;position:relative;float:left;}

.button {width:125px;height:20px;background:none; color:#b3c4d4;line-height:20px;vertical-align:middle;text-align:center;position:relative;float:left;border:1px solid #b3c4d4;}

a:link .button, a:visited .button {color:#b3c4d4;border:1px solid #b3c4d4;}
a:hover .button {color:#fff;border:1px solid #fff;}

/***********************************************************************/

*html #logo {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/l_logo_ergomed.png",sizingMethod='crop');}
*html .trans_bar_small {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/l_trans_bar_small.png",sizingMethod='crop');}

*html #logo, *html .trans_bar_small {background-color: #000;back\ground-color: transparent;background-image: url(blank.gif);background:none;}