body { color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background:#eeeeee; padding:0; margin:0; text-align:center}

h1 { font-size:16px; line-height:36px; background:#b8c8e4; color:#222222; padding:0 10px; margin:0;  font-weight:bold; border:1px solid #82c4f7; border-width:1px 0; }
h2 { clear:both; font-size:14px; color:#666666; padding:0 0 6px 0; margin:0;  font-weight:bold; background-color:#ffffff; }
h3 { font-size:16px; color:#d82d1e; padding:20px 0 5px 0; margin:0 0 4px 0; font-weight:normal; }
h4 { font-size:14px; color:#ffffff; background-color:#d62525; padding:8px 5px; margin:0 0 4px 0; font-weight:normal; }
h5 { padding:0; margin:0; }

a	{ color:#005ec2; font-weight:normal; text-decoration:none; border:none; outline:none; }
a:hover { color:#999999; }

table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed}
td { vertical-align: top; text-align: left; padding:2px;}
img { border:0; margin:0;  }
.clear { clear:both; height:0; }
.success { padding:10px; background-color:#FFCC00;} 
.error { padding:10px; background-color:#CC0000; color:#ffffff; font-size:12px; } 
.error ul { padding:0; margin:0; } 
.webdesign { float:right; }
.print { display:none; }
form { padding:0; margin:0; }

#rahmen { width:960px; padding:0; margin:0 auto; text-align:left; background:#ffffff url(/templates/et-diakonie-nordhorn/images/bgRahmen.gif) repeat-y; border:20px solid #ffffff; border-width:20px 20px 10px 20px; }

#header	 { height:57px; padding:0 0 0 202px; color:#ffffff; background:#ffffff; } 

#menuMain { height:40px;  } 
#menuMain ul { padding:0; margin:0; list-style-type:none; }
#menuMain ul li { display:inline; }
#menuMain ul li a { display:block; float:left; padding:5px 28px 0 5px; height:20px; line-height:20px; margin:0 2px 0 0; color:#305ec2; font-size:11px; background:#bbc8e4;}
#menuMain ul li a:hover { color:#ffffff; background-color:#551285; }
#menuMain ul li a.onkat { color:#ffffff; background-color:#551285; }
#menuMain ul li a#last { margin-right:0;   }

#menuSub { padding:10px 0 0 0; }
#menuSub ul { clear:both; padding:0; margin:0; list-style-type:none; }
#menuSub ul li a { display:block; padding:4px 5px; line-height:14px; margin:0 0 2px 0; background:#d4deef; color:#305ec2; font-size:11px; border-width:1px 0;  }
#menuSub ul li a:hover { color:#ffffff; background:#305ec2;  }
#menuSub ul li a.onsite { color:#ffffff; background:#305ec2; }

#menuSub ul ul li a { display:block; padding:2px 5px; line-height:14px; margin:0 0 2px 0; background:#eeeeee; color:#444444; font-size:11px; border-left:4px solid #305ec2;}
#menuSub ul ul ul li a { display:block; padding:2px 5px; line-height:14px; margin:0 0 2px 14px; background:#f8f8f8; color:#444444; font-size:11px; border-left:4px solid #aaaaaa;}

#motiv	 { height:100px; background:transparent url(/templates/et-diakonie-nordhorn/images/motive/1.jpg) no-repeat; } 

.optionen { height:30px; font-size:10px; color:#666666 ; text-align:right; }
.optionen a {  }
.optionen a:hover { text-decoration:underline;  }
.optionen a.onOption { color:#aaaaaa }
.optionen img { vertical-align:middle; }

.breadcrump { display:none; color:#666666; font-size:11px; padding:10px 10px 0 0; }
.breadcrump a { color:#ffffff; }
.breadcrump a:hover { text-decoration:underline;  }


input.submitbuttonsmall { background-color: #551285; padding:4px 0 3px 5px;  font-weight:normal; width:45px; color:#ffffff; margin:3px 0 0 0; border:none; vertical-align:top; font-size:11px; text-align:left; }
input.submitbuttonsmall:hover	{  background-color: #888888; }

#left {   float:left; width:200px; padding:0; margin:0; }
#left .logo { background:transparent url(/templates/et-diakonie-nordhorn/images/logo.gif) no-repeat; height:90px; color:#551285; font-size:11px; padding:110px 0 0 10px; line-height:16px; }
#contentRight {  float:right; width:758px; padding:0; margin: 0; }
#right {  float:right; width:200px; padding:0; margin: 0; }
#content { float:left; width:556px; margin:0; padding:0; line-height:160%; font-size:12px; }

.boxLogin { clear:both; padding:20px; border:1px solid #ffffff; border-width:1px;}
.boxLogin2 { clear:both; padding:0; border:1px solid #ffffff; border-width:1px;}

/*Content */
.contentBox { background:#d4deef; height:162px; margin:0 0 0 0; }
.contentBox .image { float:left; height: 162px; width:222px; margin: 0 10px 0 0; }
.text { padding:5px 10px; }
#right .box { padding:4px 5px; margin:0; background-color:#d4deef;  font-size:11px; border-bottom:4px solid #ffffff; border:1px solid #82c4f7; border-width:1px 0; }
#right .boxTatenbank { background:transparent url(/templates/et-diakonie-nordhorn/images/tatenbank.gif) no-repeat; height:54px; color:#551285; font-size:11px; padding:107px 0 0 10px; line-height:16px; margin-top:1px; }
#right .boxTatenbank a { color:#551285; }

#footer { clear:both; height:20px; background:transparent url(/templates/et-diakonie-nordhorn/images/bgFooter.gif) repeat-y;  padding:25px 0 0 0; font-size:11px; color:#aaaaaa; }
#footer a { color:#aaaaaa;  }
#footer img { vertical-align:middle; margin: 0 0 1px 0; }
#footer ul { float:left; padding:0; margin:0; list-style-type:none;  }
#footer li { display:inline; }
#footer li a { display:block; float:left; padding:0 25px 0 0; font-size:11px;  }

#bottom { clear:both; width:960px; margin:0 auto; padding:10px 0; font-size:10px; color:#aaaaaa; line-height:16px; text-align:left; }
#bottom a { color:#aaaaaa; }

#formular { padding:5px 5px 5px 5px; border:1px solid #cccccc; }
#formular #colored { border:3px solid #88ba14; }
#formular table { width:100%; border-collapse:collapse; table-layout:fixed }
#formular td { padding:0; }
#formular td.first { width:120px; padding:5px 10px 15px 10px; }
#formular td.wert { padding:0 5px 15px 0; }
#formular td.text { padding:5px 10px 15px 0; }

input { padding: 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; border:1px solid #dddddd}
input.short { width:235px; }
input.very_short { width:50px; }
textarea { padding: 3px 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; font-family: Arial, Helvetica, sans-serif; border:1px solid #dddddd}
select { padding: 3px; font-size: 13px; padding:0; margin:2px 4px 2px 0; background-color:#dddddd;  }
select#dropdown { background:#ffffff; border:1px solid #dddddd; width:308px; padding:2px;  }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.submitbutton { background-color: #b6cfec; padding:8px 60px 8px 10px;  font-weight:bold; width:130px; color:#ffffff; margin:0 10px 0 140px; border:none; vertical-align:top}
input.submitbutton:hover	{  background-color: #888888; }
input.submitbuttonLogin { background-color: #0d2333; padding:4px 10px 4px 10px;  font-weight:bold; font-size:12px; width:80px; color:#ffffff; margin:0 10px 0 106px; border:none; vertical-align:top}
input.submitbuttonLogin:hover	{  background-color: #888888; }

/*Form Validation */
#formular table .invalidInput,.validInput { display:inline; padding:0px; }
#formular table .invalidInput input { background-color:#dddddd; }
#formular table .invalidInput select { background-color:#dddddd; }
#formular table .validInput input { background-color:#ffffff; }
#formular table .validInput select { background-color:#ffffff; }

/*Content Imagepool*/
.imagepool { clear:both; padding:0;}
.imagepool ul { padding:0; margin:0; list-style-type:none; }
.imagepool li { display:inline }
.imagepool li a { display:block; float:left; padding:0; margin: 0 20px 20px 0; font-size:11px; color:#ffffff; border:4px solid #cee1af; background-color:#cee1af;  background-repeat:no-repeat; background-position:50% 50%;}

/*Content Downloads*/
.downloads { clear:both; margin:20px 0 0 0; padding:1px; border:1px solid #eeeeee; }
.downloads ul { padding:0; margin:0; list-style-type:none; }
.downloads li { padding:0 10px; line-height:24px; font-size:11px; background-color:#dddddd; border-bottom:1px solid #ffffff; }

/*Content News*/
.newsImage { float:right; margin: 0 0 10px 10px; }

/*Content Untermenü*/
ul#submenu { padding:0 0 0 0; margin:0; list-style-type:none; }
ul#submenu li { clear:both; padding:10px; border:none; border:1px solid #dddddd; }
ul#submenu li img { clear:both; margin:0; border:4px solid #dddddd; }
ul#submenu li .imgSub { float:left; width:110px;  }
ul#submenu li .text { float:left; width:350px }
ul#submenu li .title { font-size:18px; font-weight:normal; color:#328925; padding:0 0 5px 0;  }
ul#submenu li p { padding:0; margin:0; }

/*News
ul#latest { padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#latest li { padding:0 0 20px 0; line-height:20px;  }
ul#latest li img { float:right; margin:2px 0 14px 14px; }

ul#latest li .title { font-size:14px; font-weight:bold; color:#328925; padding:5px 0 5px 0;  }
ul#latest li p { padding:0; margin:0; }
*/
ul#latest { padding:10px 0 0 0; margin:0; list-style-type:none; }
ul#latest li { clear:both; padding:10px; border:none; border:1px solid #dddddd; margin-bottom:10px; }
ul#latest li img { clear:both; margin:0; border:4px solid #dddddd; }
ul#latest li .imgSub { float:right; width:110px;  }
ul#latest li .text { float:left; width:350px }
ul#latest li .date { font-size:11px;  color:#888888; font-weight:normal; padding:0 0 5px 0; }
ul#latest li .title { font-size:14px; font-weight:normal; color:#328925; padding:0 0 5px 0;  }
ul#latest li p { padding:0; margin:0; }

ul#newsarchiv { padding: 10px 0 0 0; margin:0; list-style-type:none; }
ul#newsarchiv li { clear:both; padding:4px 0 0 0; border:1px solid #82c4f7; border-width:1px 0; margin:0 0 4px 0;  }
ul#newsarchiv li .date { float:left; width:30px; font-size:12px; color:#888888;  }
ul#newsarchiv li .title { float:right; font-size:12px; color:#888888; padding:0;  margin:0; }

ul#newsticker { padding: 20px 0 0 0; margin:0; list-style-type:none; }
ul#newsticker li { clear:both; padding:0 0 0 0; border:1px solid #82c4f7; border-width:1px 0; margin:0 0 4px 0; line-height:26px;  }
ul#newsticker li .date { float:left; width:80px; font-size:12px; color:#888888;  }
ul#newsticker li .title { float:right; width:450px; font-size:12px; color:#888888; padding:0;  }

/*BOX MEMBER*/
#box_member { padding:5px; background:#d4deef; }
#box_member .title { font-weight:bold; }

.dokumente ul { padding:10px 0 0 0; margin:0; list-style-type:none; }
.dokumente li { clear:both; padding:0 0 10px 0; line-height: 24px; font-weight:bold; border:2px solid #82c4f7; border-width:0 0 1px 0; margin-bottom:10px; }
.dokumente ul ul { padding:0 0 0 20px; margin:0; list-style-type:square; border:none; }
.dokumente ul ul li { clear:both; padding:0; line-height: 20px; font-weight:normal; border:none; margin:0; }

/*Alphabet*/
ul#alphabet { height:40px; padding:0; margin:0; list-style-type:none; }
ul#alphabet li { display:inline; padding:0; margin:0; text-align:center}
ul#alphabet li a { display:block; float:left; background-color:#eeeeee; padding:3px 5px 3px 4px; margin-right:2px; text-decoration:none;  }
ul#alphabet li a:hover { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.onsite { background-color:#aaaaaa; color:#ffffff}
ul#alphabet li a.last { margin:0; width:30px; }

/*Liste*/
ul#list { padding: 20px 0 0 0; margin:0; list-style-type:none; text-align:left; }
ul#list li { clear:both; padding:6px 0; line-height:16px; border:1px dotted #aaaaaa; border-width:0 0 1px 0; margin:0;  }
ul#list li.firstline { color:#551285; font-weight:bold; border-color:#551285;  }

/*BOX MEMBER*/
#box_member { border:1px solid #fffffff; padding:10px 0; background:transparent; border:1px dotted #0092d0; border-width:1px 0; }
#box_member.logged { margin-top:20px; }
#box_member .title { font-weight:bold; padding:0 0 4px 0; }
#box_member input { float:none; vertical-align: middle; display:inline }
#box_member .submitbuttonLogin { float:none; width:100px; margin-left:0; }
