
.betriebsferien {
	background: url(/_tpl/images/sommer.jpg) right bottom no-repeat !important;
}

.betriebsferien #inhalt {
	margin-top: 25px;
}

.betriebsferien #inhalt p, .betriebsferien #inhalt h1 {
	color: #fff !important;
	width: 600px !important;
	font-weight: normal !important;
	padding: 5px 0 0 10px !important;
   margin: 0 !important;
	text-align: left !important;
	font-size: 12px !important;
	line-height: 18px !important;
	font-family: Arial !important;
}

.betriebsferien #inhalt h1 {
	font-weight: bold !important;
	font-size: 15px !important;
	line-height: 18px !important;
	font-family: Arial !important;
	padding: 12px 0 0 10px !important;
}

* {
margin: 0;
padding: 0;
}

body {
background: #668494;
color: #232323;
font: 0.80em/150% Arial, Tahoma, Helvetica, sans-serif;
text-align: center;
}

#box {
background: #fff;
width: 920px;
margin: 0 auto;
text-align: left;
position: relative;
}

#skip {
position:absolute;
top: -5000px;
left:-5000px;
}

#logo {
height: 78px;
text-align: center;
background: #fff;
}

#logo a {
border: none;
}

#logo img {
margin: 17px auto 0 auto;
border: none;
}

#nav {
border-top: 1px solid #fff;
background: #c7b24f;
list-style: none;

float:left;
font-size:95%;
width:100%;
}

#nav ul {
display: none;
z-index:20 !important;
}

#nav li,#nav li a {
z-index:1 !important;
text-decoration: none !important;
}

#nav li:hover ul {
position:absolute;
top:2.2em;
left:0;
display:block;
background: #c7b24f;
list-style: none;
z-index:20 !important;
}

#nav li:hover {
background: #446784;
}

#nav li li {
line-height:1.2em;
min-width: 15em !important;
float:none;
width:18em;
min-height:1.2em;
padding:0;
white-space: nowrap;
border-top: 1px solid #ECEADE;
z-index:20 !important;
}

#nav li li:hover {
background: #446784;
}

#nav li li a {
/*text-transform: lowercase !important;*/
min-width: 15em !important;
width:18em !important;
display: block;
text-align:left !important;
padding: 3px 3px 3px 8px !important;
line-height:1.5em;
min-height:1.5em;
margin-top:-3px !important;
text-decoration: none !important;
background:none !important;
z-index:20 !important;
}

#nav li li a:hover {
color:#fff !important;
}

#nav li {
float: left;
width: 8.9em;
height: 2.2em;
line-height: 2.4em;
position:relative;
}

#nav a, #nav a:link, #nav a:visited {
text-decoration: none;
font-size:90%;
color: #fff;
font-weight: bold;
/*text-transform: uppercase;*/
width: 8.9em;
height: 2.3em;
line-height: 2.3em;
display: block;
text-align: center;
outline: none;
}

#nav a:active, #nav a:hover, #nav a:focus {
text-decoration: underline;
color: #fff;
background:#446784
}

#header {
/*background: #889397;*/
background: #778C9D url(/_tpl/images/header-img.png) bottom;
height: 210px;
}

#content {
clear: both;
padding-bottom: 5.5em;
}

#primary {
width: 65%;
/*_width: 64%;*/
margin-left:34%;
padding-top:35px;
padding-bottom: 30px;
/*_padding-top:48px;*/
}

#no_sidebar #primary {
width:auto !important;
padding: 10px;
float: none;
margin-left:0;
}

#secondary {
width: 295px;
padding: 0 0 30px;
float:left;
margin-left:13px;
}

#no_sidebar #secondary {
display: none;
}

#footer {
clear: both;
margin-bottom: -1px;
}

h1 {
color: #333333;
font-size: 140%;
font-weight: normal;
margin: 11px 20px;
}

#box h1 a {
text-decoration: none !important;
color: #333333 !important;
}

#box h1 a:hover, #box h1 a:focus {
text-decoration: underline !important;
color: #333333 !important;
}


h2 {
margin: 16px 20px 5px 20px;
color: #333333;
font-size: 120%;
font-weight: normal;
}

h3 {
margin: 16px 20px 0 20px;
color: #446784;
font-size: 110%;
font-weight: normal;
border-bottom: 1px dotted #446784;
}

p {
margin: 8px 20px;
font-size: 100%;
}

.meta {
font-size: 90%;
font-weight: bold;
margin-bottom: -15px;
color: #c7b24f;
}

#box #primary .news {
list-style: none;
margin: 0;
}

#box #primary .news img, .noborder {
border: none !important;
}

#box #primary .news img {
margin-top:20px;
}

#box #primary .news li {
margin-bottom: 20px;
clear:right;
}

#primary a, #primary a:link, #primary a:visited {
text-decoration:underline;
color: #446784;
}

#secondary ul {
list-style:none;
}

#secondary #subnav {
margin:0 0 0 10px;
}

#secondary #subnav li {
margin-bottom:0;
margin-left:-10px;
}

#secondary #subnav li a, #secondary #subnav li a:link, #secondary #subnav li a:visited {
text-transform: uppercase;
background: #fff;
text-decoration: none;
color: #333;
font-weight: bold;
font-size:80%;
display: block;
text-align:left;
width:283px;
border-bottom: 1px solid #777;
padding:4px 4px;
margin:0 !important;
}

#secondary #subnav li a:hover, #secondary #subnav li a:active, #secondary #subnav li a:focus {
background: #efefef;
text-decoration: none;
color: #000;
border-bottom: 1px solid #777;
}

#secondary h2  {
margin: 0 -15px;
padding: 3px 15px;
border: none;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
}

#secondary .recent  li {
font-variant:small-caps;
line-height: 120%;
margin: 0 0 12px -10px ;
}

#secondary .recent  li a, #secondary .recent  li a:link, #secondary .recent  li a:visited {
font-variant:small-caps;
text-decoration:underline;
color: #446784;
}

#secondary .part form {
border: 1px solid #999;
padding: 9px 4px;
}

#secondary .part form p {
margin:0 2px;
}

#secondary .part form input {
background: #fff;
border: 1px solid #aaa;
width:100%;
}

.part {
margin-bottom: 14px;
}

#secondary .part form input.submit {
background: #c7b24f;
background: #c7b24f;
border: 1px solid #aaa;
color: #fff;
margin-top: 5px;
width: 50%
}

#footer {
background: #668494;
border-left: 1px solid #668494;
position: absolute;
bottom:0;
left:-1px;
width: 920px;

text-align: center;
color: #e8e8e8;
}

.clear {
clear: left;
}

table {
background: #ccc;
margin: 25px 25px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

.tdgrey {
background: #ccc;
}

th, td {
margin: 1px;
background: #fff;
padding: 2px 3px;
text-align: left;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

th {
background: #336699;
color: #fff;
font-weight: bold;
}

#primary ul {
margin-left: 45px;
margin-right: 30px;
margin-top: 15px;
}

#primary ul ul {
margin-left:25px;
margin-top: 0;
margin-bottom: 5px;
}

#primary .left {
float:left;
margin: 5px 15px 5px 20px;
padding: 2px;
border: 1px dotted #bbb;
}

#primary .left_noborder {
float:left;
margin: 5px 15px 5px 20px;
}

#primary .right {
float:right;
margin: 5px 20px 5px 15px;
padding: 2px;
border: 1px dotted #bbb;
}

#primary .right_noborder {
float:right;
margin: 5px 20px 5px 15px;
border: none !important;

}

#dimento_adress {
left:705px;
bottom:75px;
position:absolute;
color:#555;
}

img.person {
height:130px;
margin:0 15px 50px 20px !important;
float:left;
border:2px solid #C7B24F;
cursor: pointer;
}

.clear {
clear:both;
}

.personen-details {
margin-left:130px;
margin-top:0;
height:182px;
margin-bottom: 20px;
}

.personen-details a {
margin-left:20px;
}

.personen-details h2 {
margin-top:0;
}

.corporate {
list-style:none;
margin-left:62px !important;
}

.corporate li {
width:210px;
float:left;
height:150px;
text-align:center;
}

#primary input, #primary select, #primary textarea {
height: 17px !important;
padding:5px 3px 3px 3px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:110%;
width:200px;
}

#primary textarea {
height: 200px !important;
width:400px;
}

#primary select {
height: 25px !important;
padding:3px;
width:210px;
}

#primary #submit, #primary #submit2 {
height: 30px !important;
line-height:30px !important;
padding:0 !important;
width:90px;
margin-top:10px;
}

.kontakt #submit {
position:relative;
left:330px;
}

form label {
color: #324752;
font-weight: bold;
margin-bottom:3px;
}

form {
border: 1px solid #889397;
background: #E0EAEF;
margin: 0 20px;
width:453px;
}

#primary form .check #abo {
width:25px !important;
margin-top:2px;
margin-bottom:-2px;
}

strong.margin10 {
margin-left:10px;
}

galerie_img {
height:105px;
width:140px;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
border-bottom:0;
margin-bottom:-1px;
}

html > body .galerie_img {
height:105px;
width:140px;
border:2px solid #fff !important;
border-bottom:2px solid #fff;
}

dl {
float:left;
margin: 0 28px 15px 0;
width:144px;
min-height:193px;
height:auto !important;
height:193px;
}

html > body dl {
float:left;
margin: 0 28px 15px 0;
width:144px;
min-height:192px;
height:auto !important;
height:192px;
}

dd, dt {
margin:0;padding:0;
text-align:left;
font-size:90%;
line-height:120%;
}

dt {
border: 3px solid #C7B24F;
height:107px !important;
}

html > body dt {
border: 3px solid #C7B24F;
height:108px !important;
width:144px;
border-bottom: 4px solid #C7B24F;
}

dd a {
font-weight:bold !important;
line-height:150%;
}

dd {
padding-left:3px;
padding-top:1px;
}

.website_galerie {
margin-left:35px;
margin-top:20px;
}
.error-red {
color: #FA2000;
text-transform: lowercase !important;
}

.about80percent {
font-size: 90% !important;
text-transform: lowercase !important;
}

.buchstabe a {
font-size:130%;
font-weight:bold;
text-decoration:none !important;
background: #889397;
display:block;
color:#fff !important;
float:left;
width:1.1em !important;
margin-right: 0.3em;
text-align:center;
}

.buchstabe {
height:2em;
}

.desc {
display: none;
}

#introdu {
margin-bottom:40px;
}

#web-2-0 {
padding:0 0 15px 0;
margin-bottom:15px;
margin-left:2px;
border-bottom: 1px solid #C7B24F;
}

#secondary #web-2-0 p, #secondary #web-2-0 li {
color: #666;
}

#secondary #web-2-0 p, #secondary #web-2-0 li, #secondary #web-2-0 h1{
padding:0;
margin:0;
font-size: 9pt;
line-height:130%;
}

#secondary #web-2-0 h1{
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
}

#secondary #web-2-0 ul {
margin-bottom: 10px;
}

#secondary #web-2-0 li {
margin-left: -10px;
margin-bottom: 7px;
}

/* NEW */

#no_sidebar #primary {
padding-top: 20px;
padding-left:12px;
}

.boxxy, .boxxy2 {
width: 290px;
float: left;
/*_height: 280px;*/
min-height: 280px;
margin-bottom: 5px;
}

.boxxy h2, .boxxy2  h2 {
margin-bottom:5px !important;
}

.boxxy2 {
margin-right: 12px;
}


#no_sidebar .boxxy *, #no_sidebar .boxxy2 * {
margin:0;
padding:0;
}



#no_sidebar .boxxy img, #no_sidebar .boxxy2 img {
margin:10px 0;
border:none;
border-bottom: 5px solid #333;
}

html > body #no_sidebar a:hover img.rot {
border-bottom: 5px solid #a02020;
}

html > body #no_sidebar a:hover img.blau {
border-bottom: 5px solid #316E9F;
}

html > body #no_sidebar a:hover img.orange {
border-bottom: 5px solid #FF953F;
}

html > body #no_sidebar a:hover img.gruen {
border-bottom: 5px solid #5d8825;
}

html > body #no_sidebar a:hover img.gelb {
border-bottom: 5px solid #FFEE9F;
}

html > body #no_sidebar a:hover img.lila {
border-bottom: 5px solid #773b77;
}

html > body #no_sidebar .boxxy h2, #no_sidebar .boxxy2 h2 {
margin-bottom:5px;
}

#no_sidebar .boxxy p, #no_sidebar .boxxy2 p {
font-size: 95%;
}


#secondary h1 {
margin:20px 4px 0 0;
padding-bottom: 117px;
/*_padding-bottom: 112px;*/
background: url(/material/home/default.png) bottom left no-repeat;
border-bottom: 5px solid #333;
}

#secondary.suchmaschinen-optimierung h1 {
background: url(/material/home/suchmaschinenoptimierung.png) bottom left no-repeat;
}

#secondary.web-entwicklung h1 {
background: url(/material/home/webentwicklung.png) bottom left no-repeat;
}
#secondary.website-analyse h1 {
background: url(/material/home/websiteanalyse.png) bottom left no-repeat;
}

#secondary.news h1 {
background: url(/material/home/news.png) bottom left no-repeat;
}

#secondary.news-archiv h1 {
background: url(/material/home/news.png) bottom left no-repeat;
}

#secondary.emailbriefpapier h1 {
background: url(/material/home/emailbriefpapier.png) bottom left no-repeat;
}

#secondary.web-hosting h1 {
background: url(/material/home/hosting.png) bottom left no-repeat;
}

#secondary.internet-seminare h1 {
background: url(/material/home/seminar.png) bottom left no-repeat;
}

#secondary.projekt-management h1 {
background: url(/material/home/management.png) bottom left no-repeat;
}

#secondary.webdesign h1 {
background: url(/material/home/webdesign.png) bottom left no-repeat;
}

#secondary.programmierung h1 {
background: url(/material/home/webdesign.png) bottom left no-repeat;
}

#secondary.datenbank-programmierung h1 {
background: url(/material/home/webdesign.png) bottom left no-repeat;
}


#footer  {
background: #eceade;
padding-top:5px;
padding-bottom:5px;
color: #333;
}


#footer a:hover, #footer a:focus {
text-decoration: underline;
}

.small {
font-size: 90%;
text-align:left;
margin-bottom: 5px;
}

#footer a {
color: #4F4C3B;
text-decoration: none;
}

#footer .right a {
padding-left: 18px;
margin-left: 5px;
background: url(/_tpl/images/tick.gif) left no-repeat;
}

#footer .left {
float: left;
text-align: left;
/*_margin-left:10px;*/
}

#footer .right {
float: right;
}

.the_teaser * {
color: #fff;
text-decoration: none;
}

#newsticker {
margin-top:59px;
/*_margin-top:31px;*/
margin-left:13px;
clear:left;
}

.the_teaser {
list-style: none;
font-size:100%;
}

.the_teaser .groesser {
font-size:130%;
}

.the_teaser a:hover {
text-decoration: underline;
}

.newsimage img {
border:none;
margin-right:20px;
}

.rgeras {
	display: none;
}

#agb-frame {
}

#agb-frame ol {
	margin: 16px 0 16px 40px;
}

#agb-frame ol.right-in {
	margin-bottom: 16px;
}

#agb-frame ol li {
	margin: 8px 0 0 0;
}

#agb-frame ol ol {
	margin: 0 0 0 20px;
}