html, body {height: 100%;margin: 0 0 1px; padding:0px; }

body	{ font-family:Verdana,Geneva,Arial,sans-serif; color:#000000; text-decoration:none; font-size:0.8em; background:#FFFFFF; text-align:center;}

a		{color:#000000; text-decoration:none;}
a:hover	{color:rgb(176,35,35);text-decoration:none}



#container	{position:relative; left:0px; top:0px;  width:980px; padding:0px; margin:0px auto;}

/* Oberste Zeile -> LOGO - TopNavi - SPRACHE - */
#boxHeader {position:relative; left:0px; top:0px; height:180px; width:980px; overflow:hidden;}

#logo	{position:relative; left:0px;  top:0px; width:604px;  height:149px; padding-left:174px; padding-top:30px; text-align:left; float:left; border-bottom:1px solid rgb(0,0,0); }
#logoStart	{position:relative; left:0px;  top:0px; width:430px;  height:150px; padding-left:147px; padding-top:30px; text-align:left; float:left; }


#topNav				{position:relative;left:0px; top:0px; width:202px; height:179px;  float:right; text-align:left;  background:rgb(164,181,191); border-bottom:1px solid rgb(164,181,191); overflow:hidden}
.topNavi_point    {position:relative; top:0px; width:110px; float:left; padding-left:10px; margin-right:10px; border-top:1px solid rgb(128,128,128); }
#topNav a{font-size:0.85em; font-weight:normal;text-decoration:none;}
#topNav a:hover		{font-size:0.85em; font-weight:normal;text-decoration:none;color:rgb(176,35,35);}
#topNav .activeLink	{font-size:0.85em; font-weight:normal;text-decoration:none;color:rgb(128,128,128);}
#topNav .passiveLink	{font-size:0.85em; font-weight:normal;text-decoration:none;color:rgb(0,0,0);}

#language		{position:relative; top:20px; left:0px; width:101px; height:62px;  padding-left:10px; float:left; text-align:left; overflow:hidden;}

#language a				{font-size:0.85em;font-weight:normal;text-decoration:none;  }
#language a:hover		{color:rgb(176,35,35);text-decoration:none}
#language .activeLink	{color:rgb(0,0,0);}
#language .passiveLink	{color:rgb(0,0,0);}

/* Ende Oberste Zeile */


#boxContent				{position:relative; left:0px; top:0px; width:980px;  height:450px; padding-bottom:20px; text-align:left; float:left; background-image:url(/data/serpa/bg_serpa.gif); background-repeat:repeat-y; }
#boxContent[id] {height:auto;min-height:450px; }

#boxContentStart	{position:relative; left:0px; top:-1px; width:980px; height:450px;  border-top:1px solid rgb(0,0,0); margin-bottom:20px; text-align:left; float:left; background-image:url(/data/serpa/bg_serpa.gif); background-repeat:repeat-y;}
#boxContentStart[id] {height:auto;min-height:450px; }

#boxContentL1			{position:relative; left:0px; top:0px; width:980px; height:450px; padding-bottom:20px; text-align:left; float:left;  background-image:url(/data/serpa/bg_level_serpa.gif); background-repeat:repeat-y;}
#boxContentL1[id] {height:auto;min-height:450px;}

#boxContentL2			{position:relative; left:0px; top:0px; width:980px; height:450px; padding-bottom:20px; text-align:left; float:left;  background-image:url(/data/serpa/bg_level_serpa.gif); background-repeat:repeat-y; }
#boxContentL2[id] {height:auto;min-height:450px;}

#boxContentL3			{position:relative; left:0px; top:0px; width:980px; height:450px; padding-bottom:20px; text-align:left; float:left;  background-image:url(/data/serpa/bg_level_serpa.gif); background-repeat:repeat-y; }
#boxContentL3[id] {height:auto;min-height:450px;}

#boxContentL4				{position:relative; left:0px; top:0px; width:980px;  height:450px; padding-bottom:20px; text-align:left; float:left; background-image:url(/data/serpa/bg_serpa.gif); background-repeat:repeat-y;}
#boxContentL4[id] {height:auto;min-height:450px; }

#mainNav		{position:relative;left:0px; top:0px; padding-top:0px; padding-bottom:100px; width:212px; float:left; }

#mainPic		{position:relative; left:0px; top:0px;overflow:hidden;}
#mainPicStart	{position:absolute; left:212px; top:0px; padding:0px; margin:0px; float:right; text-align:right;width:768px; z-index:999}
#mainPicL1		{position:relative; left:0px; top:0px;width:566px; height:390px; overflow:hidden; float:left}
#mainPicL2		{position:relative; left:0px; top:0px;width:566px; height:285px; overflow:hidden; float:left}
#mainPicL3		{position:relative; left:0px; top:0px;width:566px; height:225px; overflow:hidden; float:left}
#mainPicL4		{position:relative; left:0px; top:0px;width:566px; height:120px;  overflow:hidden; float:left}

#subPicL2		{position:relative; left:0px; top:0px;width:202px; height:285px; float:right; overflow:hidden; }
#subPicL3		{position:relative; left:0px; top:0px;width:202px; height:225px; float:right; overflow:hidden; }
#subPicL4		{position:relative; left:0px; top:0px;width:202px; height:120px; float:right; overflow:hidden; }

#headline		{height:85px; width:100%; overflow:hidden;}
#headlineL1 {position:absolute; left:64px; top:30px; width:438px; font-size:2.5em; margin-bottom:30px; font-weight:normal; overflow:hidden; float:left}
#headlineL2 {position:relative; left:0px; top:20px; width:438px; font-size:2em; line-height:1.2em;font-weight:normal; margin-bottom:45px;  }
#headlineL3 {position:relative; left:0px; top:20px; width:438px; font-size:1.8em; line-height:1.2em;font-weight:normal; margin-bottom:45px; padding-bottom:37px;}
#headlineL4 {position:relative; left:0px; top:10px; width:438px; font-size:1.6em; line-height:1.2em;font-weight:normal; margin-bottom:45px; }
#headlineStart {position:absolute; z-index:100; top:70px; left:50px;}

#sublineL2 {position:absolute; top:10px; left:10px; z-index:99; font-size:1.5em; color:#FFFFFF}

#content {position:relative; font-size:0.85em; left:0px; top:0px; padding-top:45px; padding-left:64px; width:475px; height:450px; text-align:left; float:left; line-height:16px; }
#content[id] {height:auto;min-height:450px;}

#contentForm {position:relative; font-size:0.85em; left:0px; top:0px; padding-top:45px; padding-left:64px; width:475px; height:100%; text-align:left; float:left; line-height:16px; border-left:1px solid rgb(128,128,128);}
#contentForm[id] {height:auto;min-height:450px;}

#contentStart {position:relative; font-size:1.1em; left:0px; top:0px; padding:0px; height:450px; width:768px;float:left}
#contentStart[id] {height:auto;min-height:450px;}
#messenStart      {position:relative; top:0px; left:0px; float:right; width:198px; font-size:0.85em; }
#newsStart      {position:relative; top:0px; left:247px; float:left; width:333px; overflow:hidden; font-size:0.85em;}
#newsStart th, #messenStart  th {color:white; height:30px; font-size:1.2em; background:rgb(226,0,122);}

#boxRight	{position:relative; left:0px; top:0px; width:768px; float:left;}

#contentL1 {position:relative; font-size:1em; left:0px; top:0px; width:438px; height:450px; padding-top:30px; padding-bottom:30px; padding-left:64px; text-align:left; float:left; line-height:16px;}
#contentL1[id] {height:auto; min-height:450px;}

#contentL2 {position:relative; font-size:0.9em; left:0px; top:0px; width:374px; height:450px; padding-top:6px; padding-bottom:30px; text-align:left; float:left; padding-left:64px; line-height:16px; }
#contentL2[id] {height:auto; min-height:450px;}

#contentL3 {position:relative; font-size:0.9em; left:0px; top:0px;  padding-left:64px; width:502px; height:450px;  padding-top:8px; padding-bottom:30px; text-align:left; float:left;  line-height:16px; }
#contentL3[id] {height:auto; min-height:450px;}

#contentL4 {position:relative; font-size:0.9em; left:0px; top:0px;  padding-left:64px; width:702px; height:450px;  padding-top:16px;   padding-bottom:30px; text-align:left; float:left;  line-height:16px; }
#contentL4[id] {height:auto; min-height:450px;}

#contentL1 table td {margin:0px; padding:0px; background: rgb(255,255,255); padding-bottom:30px; border-top:1px dotted rgb(128,128,128); }
#contentL2 table td, #contentL3 table td, #contentL4 table td	{margin:0px; padding:0px; background: rgb(255,255,255); padding-bottom:10px; border-top:1px dotted rgb(128,128,128);}

#contentNews  {position:relative; font-size:1em; left:0px; top:0px; width:502px; height:450px; padding-top:30px; padding-bottom:30px; padding-left:64px; text-align:left; float:left; line-height:16px; }
#contentNews[id] {height:auto; min-height:450px;}

#contentDownloads {position:relative; font-size:0.9em; left:0px; top:0px; height:450px; padding-top:45px; padding-left:63px; width:713px;  text-align:left; float:left; line-height:16px; background:#FFFFFF; border-left:1px solid rgb(128,128,128);}
#contentDownloads[id] {height:auto;min-height:450px;}

a,li {behavior: url(/css/iepngfix.htc)}
#contentStart a, #content a	, #contentL1 a,#contentL2 a, #contentL3 a, #contentNews a, #contentGlossar a, #contentDownloads a		{padding-left:25px; color:rgb(17,134,194); text-decoration:none; background:url(/data/serpa/link_icon.png) no-repeat; background-position: left 4px; color:#000000; }

form  {margin:0px; padding:0px;}
form a {color:rgb(17,134,194); text-decoration:none;}

#teaserStart {position:relative; left:0px; color:#FFFFFF; top:0px; color:white; font-size:0.8em; background:rgb(61,85,99); width:768px}
#teaserStart a{padding-left:25px; text-decoration:none; background:url(/data/serpa/link_icon.png) no-repeat; background-position: left 2px;  color:#FFFFFF;  }
.teaserStart      {position:relative; top:0px; left:0px; width:757px; padding-right:10px; border-bottom:1px solid white; color:#FFFFFF}
.teaserStartTitle          {position:relative; top:0px; left:0px; font-size:2.3em; width:100%; float:left;  line-height:1.1em}
.teaserStartSubtitle      {position:relative; top:0px; left:0px;color:white; font-size:2.3em;  width:100%; float:left; line-height:1.1em}
.teaserStartContent     {position:relative; top:0px; left:0px; width:178px; float:right; height:100px; padding-top:5px; line-height:1.1em;  color:#FFFFFF; overflow:hidden}


#teaser {position:relative; left:0px; top:0px; width:202px;  padding-top:25px; float:right; overflow:hidden}
#teaserLogin {position:relative; top:0px; left:0px; padding-left:10px; width:192px; z-index:999; padding-top:150px;  font-size:0.9em; line-height:16px; overflow:hidden; float:right}
#teaserL1 {position:relative; left:0px; top:0px; width:202px;  padding-top:145px; float:right; overflow:hidden}
#teaserL2 {position:relative; left:0px; top:0px; width:202px;  padding-top:25px; float:right; overflow:hidden}
#teaserL3 {position:relative; left:0px; top:0px; width:202px;  padding-top:25px; float:right; overflow:hidden}
.teaserTitle {position:relative; left:0px; top:0px;  width:182px; padding-left:10px; padding-right:10px; padding-bottom:5px;  float:right; display:none}
.teaserPic  {position:relative; margin-left:-10px; margin-bottom:5px; float:left}
.teaserContent {position:relative; left:0px; top:0px; width:182px; padding-left:10px; padding-right:10px;  font-size:0.9em; line-height:16px; margin-left:10px; margin-bottom:15px ; margin-top:5px; float:right; }
.teaserContent a	{padding-left:25px;  text-decoration:none; background:url(/data/serpa/link_icon.png) no-repeat; background-position: left 4px; color:rgb(0,0,0);}
.teaserContentPic {position:relative; left:0px; top:0px;  width:310px;  font-size:0.9em; line-height:16px; margin-bottom:15px ;float:right;}


#footerNav	{position:relative; left:0px; top:0px;margin-top:-102px; width:192px; font-size:0.75em; float:left; text-align:right; z-index:99;}

#footerNav a {text-decoration:none}
#footerNav	a:hover	{color:rgb(176,35,35);}
#footerNav .activeLink	{color:rgb(128,128,128);}
#footerNav .passiveLink	{color:rgb(0,0,0);}


a.Formtop{display:none; }
/* hier beginnt das fr das Kontaktformular relevante CSS  */
.inp100				{width:100px; background-color:#ffffff; font-family:Verdana,Geneva,Arial,sans-serif; font-size: 0.8em; margin:2px; border:1px solid rgb(176,35,35);}
.inp100_miss			{width:100px; background-color:#ffffff; font-family:Verdana,Geneva,Arial,sans-serif; font-size: 0.8em; margin:2px; border:1px solid rgb(17,134,194);}
.inp120				{width:120px; background-color:#ffffff; font-family:Verdana,Geneva,Arial,sans-serif; font-size: 0.8em; margin:2px; border:1px solid rgb(176,35,35);}
.inp120_miss			{width:120px; background-color:#ffffff; font-family:Verdana,Geneva,Arial,sans-serif; font-size: 0.8em; margin:2px; border:1px solid rgb(17,134,194);}
.inp260				{width:260px; background-color:#ffffff; font-family:Verdana,Geneva,Arial,sans-serif; font-size: 0.8em; margin:2px; border:1px solid rgb(176,35,35);}
.inp260_miss			{width:260px; background-color:#ffffff; font-family:Verdana,Geneva,Arial,sans-serif; font-size: 0.8em; margin:2px; border:1px solid rgb(17,134,194);}

.inpbutton			{background-color:rgb(176,35,35); font-weight:bold; font-family: arial,verdana,helvetica,sans-serif; font-size: 1em; color:white; border:0px; margin:3px;}
.checkbox			{margin:0px; padding:0px; border:0px}
select{font-size: 1em;}

#ajaxError {border:1px solid rgb(17,134,194);padding:5px;display:none;margin-bottom:15px;}
.ajaxError {border:1px solid rgb(17,134,194);padding:5px;display:none;margin-bottom:15px; color:rgb(114,133,150); }
#postError {border:1px solid rgb(17,134,194);padding:5px;margin-bottom:15px;}

.imgright			{margin:0px; float:right; border:0px;padding-left:10px; padding-bottom:10px; }
.imgleft			{margin:0px; float:left; border:0px; padding-right:10px; padding-bottom:10px;}
.imgstandard		{margin:0px; border:0px;}

