/*
*	CSS EXTENS SOLUCIONS S.L.
*	common.css file
*/

body{ font-family: "Lucida Grande", Helvetica, sans-serif; text-align: justify; font-size: 12px; line-height: 1.6em; 
		background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:800px; }

a{ cursor: pointer; outline:none; }

a:active{ outline-style:none; }

.noew{ background-color:#FF0000; color:#FFFFFF; width:100%; text-align:center; line-height:1.2em; padding:4px 0 4px 0; font-weight:bold; }

img{ border:0; }

.png{}

.fr{ float:right; }

.fl{ float:left; }

.fx3{ padding-top:3px; }

.mt10{ margin-top:10px; }

.mt20{ margin-top:20px; }

.mb30{ margin-bottom:30px; }

.ml20{ margin-left:20px; }

.txtal{ text-align: left; }

.txtar{ text-align: right; }

.txtac{ text-align: center; }

.button{ outline:none; }

.button:active{ opacity:0.6; }

.field{ border-top:2px ridge #999999; border-left:2px ridge #999999;  border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

.red{ color: #FF0000; }

.bck{ color: #000000; }

#header{ width:800px; height:auto; background-color:#C30140; text-align:center; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

#header #logo{ margin-left:15px; }

#header .info{ margin:56px 35px 0 0; }

#header img#day{ float:right; margin:40px -15px 0 0; overflow:visible; }

#subheader{ width:800px; border-bottom:3px solid #000000; height:auto; }

#subheader p{ margin:0; padding: 8px 0 8px 0; text-align:center; }

#search{ width: 800px; height:31px; background:#FFFFFF url(../_img/deg.jpg) top right no-repeat; text-align:right; margin:0; }

#search input#field{ width:175px; margin:7px 10px 0 0; color:#666666; padding:0; vertical-align:top; font-size:12px;
					border-top:1px solid #999999; border-left:1px solid #999999;  }

#search input#button{ margin:5px 10px 0 0; outline:none; }

#search input#button:active{ opacity:0.6; }

#sidebar{ height:auto; width:170px; float:left; text-align:left; margin:0; padding:0; }

html > body #sidebar{ height:auto; width:170px; float:left; text-align:left; margin:0; padding:20px 0 0 0; }

#sidebar #menu{ background-color:#c30140; width:160px; height:auto; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:2px 0 0 0; }

html > body #sidebar #menu{ background-color:#c30140; width:170px; height:auto; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:2px 0 0 0; }

#sidebar #menu ul{ list-style:none; margin:0 2px 5px 5px; padding:10px 3px 10px 3px; }

#sidebar #menu li{ list-style:none; margin:0 5px 0 0; padding:0; }

html > body #sidebar #menu li{ list-style:none; margin:0 10px 0 0; padding:0; }

#sidebar #menu a.item{ display:block; width:100%; height:auto; background-color:transparent; color:#FFFFFF; text-decoration:none; padding:3px; margin:2px 1px 1px 1px; }

#sidebar #menu a.item:hover{ color:#FAEC75; }
 
#sidebar #menu a.sitem{ display:block; width:100%; height: auto; color:#000000; text-decoration:none; padding:3px; background-color:#FAEC75; margin:2px 1px 1px 1px; }

#sidebar #menu img#arrowy{ float:right; vertical-align:middle; margin:5px 0 0 0; }

#sidebar h1{ font-size:12px; font-weight:bold; color:#000000; margin:10px 0 5px 0; padding:13px 0 4px 0; }

#sidebar table#calendar{ width:100%; text-align:center; border-spacing:0; }

#sidebar table#calendar th{ font-size:10px; background-color:#BBBBBB; line-height:1.5em; width:24px; text-align:center; }

#sidebar table#calendar th img{ vertical-align:middle; }

#sidebar table#calendar td{ font-size:10px; background-color:#FFFFFF; line-height:1.5em; height:auto; }

#sidebar table#calendar .ll{ border-left:1px solid #BBBBBB; }

#sidebar table#calendar .lr{ border-right:1px solid #BBBBBB; }

#sidebar table#calendar .lt{ border-top:1px solid #BBBBBB; }

#sidebar table#calendar .lb{ border-bottom:1px solid #BBBBBB; }

#sidebar table#calendar a#mname{ color:#FFFFFF; text-decoration:none; padding-left:20px; }

html > body #sidebar table#calendar a#mname{ color:#FFFFFF; text-decoration:none; padding-left:0; }

#sidebar table#calendar a#mname:hover{ color:#FAEC75; }

#sidebar table#calendar tbody td a.cm{ color: #000000; text-decoration:none; }

#sidebar table#calendar tbody td a.cm:hover{ color: #06A1DB;}

#sidebar table#calendar tbody td a.om{ color: #666666; text-decoration:none; }

#sidebar table#calendar tbody td a.om:hover{ color: #06A1DB; }

#sidebar .info a, .info span{ display:block; color:#666666; text-decoration:none; }

#sidebar .info a.nb, .info span.nb{ display:inline; color:#666666; text-decoration:none; }

#sidebar .info a:hover{ text-decoration:underline; }

#sidebar p{ margin:20px 0 0 0; padding:8px 0 0 0; }

#sidebar p img{ display:block; }

#sidebar p.info{ margin:5px 0 0 0; padding:0; }

#inhalt{ width: 615px; margin:0 0 0 auto; height:600px; padding:0 0 15px 0; }

html > body #inhalt{ width:625px; margin:0 0 0 auto; height:auto;  min-height: 600px; padding:20px 0 15px 0; }

div.blaubox{ width:auto; height:auto; background:#f1f4f9; }

div.whitebox{ width:auto; height:auto; background:#ffffff; }

div.blauboxc{ width:auto; height:auto; background:#F1F4F9; margin:0 0 0 20px; padding:0 0 0 15px; }

div.boxku{ width:auto; height:auto; background-color:transparent; padding:15px 15px 15px 15px; }

div.boxku .item{ width: auto; height:auto; float:left; margin:0 10px 0 0; }

div.boxko{ width:auto; height:auto; background-color:transparent; padding:20px 15px 20px 15px; }

div.boxku h1, div.boxko h1{ color:#c30140; font-size:14px; font-weight:bold; margin:0; padding:0; }

div.boxku h2{ color:#c30140; font-size:14px; font-weight:bold; margin:0; padding:0 0 5px 0 ; }

div.boxku p, div.boxko p{ margin:0; padding:4px 0 4px 0; color:#000000; }

div.boxku a{ text-decoration:none; color:#1090DA; }

div.boxku a:hover{ text-decoration:underline; }

#fragen{ height:auto; width: 600px; margin:0 0 0 auto; }

#fragen p#satz{ width:500px; margin:0 auto 15px auto; padding-top:10px; }

#fragen p#buttons{ width:500px; margin:0 auto 0 auto; padding-top:15px; text-align:center; }

#fragen form{ margin:15px auto 0 auto; width:525px; height:auto; overflow:visible; }

#fragen form ul{ list-style:none; margin:5px 0 15px 0; padding:0; width:100%; }

#fragen form li{ width:auto; text-align:left; } 

#fragen form input#name{ width:130px; margin-right:15px; font-size:12px; } 

#fragen form input#nachname{ width:175px; margin-right:15px; font-size:12px;  } 

#fragen form input#email{ width:170px; font-size:12px; } 

#fragen form input#telef{ width:158px; margin-right:15px; font-size:12px; } 

#fragen form input#handy{ width:158px; margin-right:15px; font-size:12px;  } 

#fragen form input#fax{ width:158px; font-size:12px; } 

#fragen form textarea#komentaren{ width:520px; font-size:12px; height:150px; margin-top:10px; } 

#fragen #ichazkept{ text-align:left; border:1px solid #FFFFFF; width:auto; padding:4px; }

#fragen #ichazkept a{ text-decoration:underline; color:#666666; }

#fragen #legal{ margin:0 15px 20px 0; float:left; }

#kuko{ width:590px; margin:0 0 0 auto; }

#kuko p#satz{ width:auto; margin:0 auto 15px auto; padding:10px 0 0 15px; }

#kuko h1.type{ margin:0 0 0 20px; padding:25px 0 15px 0; font-size: 125%; }

#wirtun{ width:580px; height:auto; margin:0 0 0 auto; text-align:left; }

#wirtun h1{ color:#c30140; font-size:16px; font-weight:bold; }

#wirtun h2{ color:#c30140; font-size:12px; font-weight:bold; margin:0; padding:0; }

#wirtun h3{ color:#1090DA; font-size:12px; font-weight:normal; margin:0; padding:0; }

#wirtun h4{ color:#000000; font-size:12px; font-weight:normal; margin:0; padding:0; }

#wirtun .foto{ width: 285px; height:auto; text-align:center; margin:0; padding:25px 0 25px 0; }

#wirtun > .foto{ width: 290px; height:auto; text-align:center; margin:0; padding:25px 0 25px 0; }

#wirtun .redband{ background-color: #c30140; color:#FFFFFF; font-size:12px; line-height:1.6em; padding:0 0 2px 5px; width:auto; margin:20px 0 0 0; }

#wirtun ul{ list-style:none; padding:10px 25px 10px 30px; width:auto; margin:auto 0 auto 0; }

#wirtun ul li{ line-height:2em; background:url(../_img/bullet.jpg) 0px 1.1em no-repeat; padding:5px 0 5px 15px; margin:auto; }

#wirtun #set{ padding:0 25px 30px 30px; font-weight:bold; }

#msg{ color:#000000; margin:75px auto 250px auto; text-align:center; line-height:2em; font-size:14px; width: 500px; }

#msg a{ text-decoration:none; color:#666666; }

#nachrichten{ width:610px; margin:0 0 0 auto; }

#nachrichten .newsbox{ width:575px; height:auto; padding-bottom:15px; margin:0 auto 0 auto; }

#nachrichten .newsbox h1{ color:#c30140; font-size:14px; font-weight:bold; margin:0; padding:20px 0 5px 0; text-align:left; }

#nachrichten p.intro{ color:#666666; }

#nachrichten p.body{ color:#333333; }

#nachrichten div.newcontainer{ height:auto; width:auto; margin:0; padding:0; overflow:hidden; }

#nachrichten a{ text-decoration:underline; color:#1090DA; }

#nachrichten .newsbox p{ margin:0; padding:10px 0 10px 0;}

#nachrichten .thwin{ border:1px solid #999999; margin:0 5px 10px 15px; float:right; }

#nachrichten .info{ margin:150px auto 50px auto; text-align:center; width:100%; }

#nachrichten .info p{ text-align:center; font-weight:bold; font-size:110%; }

#nachrichten .neu{ width:36px; height:36px; position:absolute; margin:-14px -10px 0 -30px; }

html > body #nachrichten .neu{ width:36px; height:36px; float:left; margin:-14px -10px 0 -10px; position:static; }

.datepostit{ background:url(../_img/label.png) top left; float:right; margin:20px 0 0 15px; color:#1090DA; width:175px; height:37px; text-align:center; }

.datepostit span{ padding-top:8px; display:block; }

#footer{ width:610px; padding:0; margin:40px 0 0 auto; border-top: 1px solid #CCCCCC; font-size:10px; text-align:center; padding:5px 0 0 0; color: #484546; }

.cnew{ border:1px solid #c30140;}

#woks{ width:auto; margin:0 0 0 10px; height:auto; }

html > body #woks{ width:auto; margin:0 0 0 20px; height:auto; }

#woks p#intro{ margin:0; padding:0; }

#woks h1.brown{ font-size:125%; color:#ffffff; background-color:#c30140; margin:30px 0 0 0; padding:0 0 0 5px; font-weight:bold; line-height:1.6em; }

#woks .item{ margin:10px 10px 5px 0; float:left; }

#woks .itemp{ margin:5px 10px 5px 0; float:left; }

#woks .vest{ width:auto; height:auto; background-color:#F1F4F9; margin:0; padding:0; }

#woks .vest .cola{ width:300px; float:left; }

#woks .vest .colb{ width:290px; margin:0 0 0 305px; }

html > body #woks .vest .colb{ width:300px; margin:0 0 0 305px; }

#woks div.info{ height:140px; overflow:auto; text-align:left; }

html > body #woks div.info{ height:140px; overflow:auto; text-align:left; height:auto !important;  max-height:140px; min-height:140px; }

.line{ text-align:center; }

.remark{ font-style:italic; }

div#pagebar{ width:auto;  margin:0 0 0 auto; font-size:100%; padding:0 0 15px 0; height:30px; color:#999999; text-align:right; }

div#pagebar .fr a, div#pagebar .fr strong{ display: block; float: left; margin: 0 2px 5px 2px; padding: 2px 6px; font-weight: bold; background: #ffffff;
			border: 1px solid #d7f7fc; text-decoration: none; }
div#pagebar .fr strong{ border: 1px solid #d7f7fc; background: #f1f4f9; color: #1c6b90; }

div#pagebar .fr a:hover { text-decoration: underline; color: #3f9cdd; border-color: #d7f7fc; background: #f1f4f9; border: 1px solid #d7f7fc; }