/*  ------------------------------------------------------

Stylesheet zu www.owmedia.de
2010                   
*  *  *  *                              
Design: www.owmedia.de // 

DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT UND FUER AKTUELLE
BROWSERVERSIONEN OPTIMIERT UND GETESTET.    

--------------------------------------------------------*/

/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
font: 100.1% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Verdana", sans-serif;
background: #c3c3c3 url(/basics/img/bg.gif) repeat-x 0 0;
color: #4b4a4d;
}

table, tr, th, td, img, fieldset {border: 0 none;}

div.clear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
}

input, textarea {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Verdana", sans-serif;
}

a {
  outline: none;
}

div#section3 a, div#section4 a {
  color: #4b4a4d;
  border-bottom: 1px dotted #5d5d5d;
  text-decoration:none;
}
div#section3 a.pur, div#section4 a.pur {
  color: #4b4a4d;
  border-bottom: none;
  text-decoration:none;
}
div#section3 a:hover.pur, div#section4 a:hover.pur {
  color: #4b4a4d;
  border-bottom: none;
  text-decoration:none;
}

div#section3 .grau, div#section4 .grau {
  color: #7f7f7f;
}

div#section3 a:hover, div#section4 a:hover {
  color: #4b4a4d;
  border-bottom: 2px solid #f5a200;
  text-decoration: none;
}


img {
vertical-align: middle;
}

/*  ------------------------------------------------------
FLOATSTUFF
--------------------------------------------------------*/
.floatLeft {
float: left; 
margin: 2px 6px 8px 0;
}

.floatRight {
float: right; 
margin: 2px  0 0 14px;
}

/*  ------------------------------------------------------
TYPO AND COLOUR
--------------------------------------------------------*/
ul {
list-style-type: none;
}

p, address {
font-size: 12px;
line-height: 160%;
}

address {font-style: normal;}

/*  ------------------------------------------------------
LINKDEKLARATIONEN
--------------------------------------------------------*/
a.intern,
a.intern:link, 
a.intern:visited {

}

a.intern:hover,
a.intern:focus,
a.intern:active {

}

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/
div#wrapper {
width: 940px;
margin: 0 auto;
}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div#header {
height: 130px;
background: url(/basics/img/strich.png) no-repeat 0 0;
}

div#header a.logo {
display: block;
padding-top: 43px;
width: 241px;
height: 115px;
}

/*  ------------------------------------------------------
SECTION1
--------------------------------------------------------*/
div#section1 {
background: url(/basics/img/bg_nav.gif) repeat-x 0 0;
}

/*  ------------------------------------------------------
MAINNAV
--------------------------------------------------------*/
div#mainNav {
background: url(/basics/img/bg_nav-l.gif) no-repeat 0 0;
float: left;
width: 940px;
border-bottom: #7f7f7f 1px solid;
}

div#mainNav ul {
float: left;
width: 940px;
background: url(/basics/img/bg_nav-r.gif) no-repeat 100% 0;
}

div#mainNav ul li {
float: left;
}

div#mainNav ul li a {
float: left;
text-transform: uppercase;
color: #4b4a4d;
text-decoration: none;
font-size: 13px;
font-weight: bold;
padding: 14px 12px 0 12px;
background: url(/basics/img/bg_nav-tab.gif) no-repeat 0 100%;
height: 27px;
}

div#mainNav ul li a:hover, 
div#mainNav ul li.current a {
background: url(/basics/img/bg_nav-tab_h.gif) no-repeat 0 100%;
color: #fff;
text-shadow: #4b4a4d 0 1px 0;
}

div#mainNav ul li a.firstTab {
background: transparent;
}

div#mainNav ul li a.firstTab:hover, 
div#mainNav ul li.current a.firstTab {
background: url(/basics/img/bg_nav-firsttab_h.gif) no-repeat 0 100%;
}

/*  ------------------------------------------------------
MAINNAV
--------------------------------------------------------*/
div#subNav {
background: #343434 url(/basics/img/bg_subnav.gif) repeat-x 0 0;
float: left;
width: 940px;
border-bottom: #464646 1px solid;
}

div#subNav ul {
float: left;
width: 940px;
}

div#subNav ul li a {
float: left;
text-transform: uppercase;
color: #d5d5d5;
text-decoration: none;
font-size: 12px;
padding: 4px 16px;
background: url(/basics/img/bg_subnav-tab.gif) no-repeat 100% 50%;
}

div#subNav ul li {
float: left;
}

div#subNav ul li a.lastTab {
background: transparent;
}

div#subNav ul li a:hover, 
div#subNav ul li.current a {
color: #f5a200;
}

/*  ------------------------------------------------------
SECTION2
--------------------------------------------------------*/
div#section2 {
height: 240px;
}

/*  ------------------------------------------------------
SECTION3
--------------------------------------------------------*/
div#section3 {
margin: 0 0 10px 0;
border-top: #9d9d9f 1px solid;
}

div.section3Wrapper {
background: url(/basics/img/bg_s3.png) repeat-y 0 0;
padding: 24px 0 0 0;
}

div.section3Wrapper h2 {
margin: 20px 10px 20px 34px;
}
div.section3Wrapper h1 {
margin: 0 10px 20px 34px;
}

div.section3Wrapper h2, 
div.section3Wrapper h1 {
color: #575659;
font-weight: normal;
font-size: 20px;
//text-transform: uppercase;
}

div.section3Wrapper h3 {
color: #7f7f7f;
font-weight: normal;
font-size: 16px;
margin: 0 0 10px 34px;
}
div.section3Wrapper h4 {
color: #575659;
font-weight: normal;
font-size: 16px;
margin: 20px 0 10px 34px;
// text-transform: uppercase;
}

div.section3Wrapper ul {
margin: 0 34px 10px 53px;
list-style-type: disc;
}

div.section3Wrapper li {
font-size: 13px;
line-height: 140%;
}

div.section3Wrapper {
font-size: 12px;
 line-height: 160%;
}

/*section3Half*/
div.section3Half {
width: 470px;
min-height: 190px;
float: left;
padding: 10px 0 0 0;
position: relative;
}

/*newsliste*/
dl.newsliste {
margin: 0 0 24px 0;
}

dl.newsliste dt {
font-size: 13px;
float: left;
clear: left;
padding: 0 0 5px 0;
}

dl.newsliste dd {
padding: 0 0 5px 0;
font-size: 13px;
margin: 0 0 0 75px;
display: block;
}

/*kontaktliste*/
dl.kontaktliste{
margin: 0 0 24px 0;
}

dl.kontaktliste dt{
float: left;
clear: left;
padding: 0 0 5px 0;
font-size: 13px;
}

dl.kontaktliste dd {
padding: 0 0 5px 0;
font-size: 13px;
width: 250px;
float: left;
}
 
/*kontakt table*/
table.kontakt {
font-size: 13px;
border-collapse: collapse;
margin: 0 10px 20px 34px;
}

table.kontakt td {
vertical-align: top;
padding: 0 0 12px 0;
}

table.kontakt td.first {
width: 160px;
}

table.kontakt td.last {
padding: 0 0 12px 12px;
}

table.kontakt td.last input, 
table.kontakt td.last select, 
table.kontakt td.last textarea {
width: 210px;
}
table.kontakt td.last textarea {
height: 50px;
}

p.formular {
text-align: right;
}
div.section3Half p, 
div.section3Half dl {
line-height: 150%;
font-size: 13px;
margin: 0 34px 10px 34px;
}

/*section3Cont*/
div.section3Cont {
width: 313px;
min-height: 190px;
float: left;
padding: 10px 0 0 0;
position: relative;
}

/*section3Cont-l*/
div.section3Cont-l {
width: 626px;
float: left;
position: relative;
}

/*section3Cont-r*/
div.section3Cont-r {
width: 313px;
float: left;
}



/*section3Cont-a*/
div.section3Cont-a {
width: 313px;
float: left;
position: relative;
}

/* [ow]
div.section3Cont-a h1 {
margin: 0 0 0 34px;
}
*/

/*section3Cont-b*/
div.section3Cont-b {
width: 626px;
float: left;
}

/* [ow]
## div.section3Cont-b p, 
## div.section3Cont p, 
## div.section3Cont-a p */


div.section3Wrapper p {
line-height: 150%;
font-size: 13px;
margin: 0 34px 10px 34px;
}

div.section3Bot {
background: url(/basics/img/bg_s3-bot.png) no-repeat 100% 100%;
height: 10px;
overflow: hidden;
}




/*  ------------------------------------------------------
SECTION4
--------------------------------------------------------*/
div#section4 {
margin: 10px 0;
}

div.section4Top {
background: url(/basics/img/bg_s4-top.png) no-repeat 0 0;
height: 10px;
overflow: hidden;
}

div.section4Wrapper {
background: url(/basics/img/bg_s4.png) repeat-y 0 0;
}

div.section4Wrapper h2, 
div.section4Wrapper h1 {
margin: 0 0 20px 34px;
color: #575659;
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
}

div.section4Cont {
width: 313px;
height: 190px;
float: left;
padding: 10px 0 0 0;
position: relative;
}

div.section4Bot {
background: url(/basics/img/bg_s4-bot.png) no-repeat 100% 100%;
height: 10px;
overflow: hidden;
}

/*news*/
div.news {
margin: 0 0 0 34px;
}

div.news h3 {
color: #f5a200;
font-size: 13px;
}

div.news p {
color: #4b4a4d;
font-size: 13px;
margin: 2px 0 6px 0;
}

/*archiv*/
div.moreButton {
text-align: right;
position: absolute;
bottom: 0;
right: 10px;
}

/*projects*/
div.projects {
text-align: center;
padding-left: 1px;
}

/* ow */
div.projects a {
  text-decoration: none;
  color: #4b4a4d;
}

div.projectPager {
margin: 0 10px;
text-align: center;
color: #4b4a4d;
font-size: 13px;
position: absolute;
bottom: 0;
left: 0;
padding: 4px 0 0 0;
height: 27px;
width: 294px;
z-index: 0 !important;
}

div.projectPager a.pagerRight {
position: absolute;
right: 0;
top: 0;
z-index: 0 !important;
}

div.projectPager a.pagerLeft {
position: absolute;
left: 0;
top: 0;
z-index: 0 !important;
}

/*loginArea*/
div.loginArea {
margin: 0 0 0 34px;
}

div.loginArea p {
margin: 0 15px 15px 0;
}

div.loginArea dl dt {
float: left;
clear: left;
width: 190px;
text-align: left;
margin: 0 0 18px 0;
}

div.loginArea dl dt input {
width: 160px;
border-bottom: #ccc 1px solid;
border-top: #777 1px solid;
border-left: #9e9e9e 1px solid;
border-right: #b4b4b4 1px solid;
padding: 3px;
background: #fff url(/basics/img/bg_login.gif) no-repeat 0 0;
}

div.loginArea dl dd {
float: left;
font-size: 13px;
color: #4b4a4d;
}

/*  ------------------------------------------------------
SECTION5
--------------------------------------------------------*/
div.section5Top {
background: url(/basics/img/bg_s5-top.png) no-repeat 0 0;
height: 10px;
overflow: hidden;
}

div.section5Wrapper {
background: url(/basics/img/bg_s5.png) repeat-y 0 0;
border-bottom: #3f3f3f 1px solid;
}

div.section5Wrapper h2, 
div.section5Wrapper h1 {
margin: 0 0 20px 34px;
color: #ffa900;
font-weight: normal;
font-size: 20px;
text-transform: uppercase;
}

div.section5Cont {
width: 313px;
min-height: 260px;
float: left;
padding: 10px 0 24px 0;
}

/*socialMediaGallery*/
div.socialMediaGallery {
margin: 0 0 18px 34px;
}

/*socialMediaList*/
ul.socialMediaList {
margin: 0 0 0 34px;
 float: left;
}


ul.socialMediaList li {
clear: left;
}

ul.socialMediaList li a {
margin: 0 6px 6px 0;
float: left;
}

ul.socialMediaList li a.s_link {
color: #fff;
font-size: 12px;
text-decoration: none;
padding: 8px 0 0 0;
}
ul.socialMediaList li a.s_link:hover {
text-decoration: underline;
}

/*tagCloud*/
div.tagCloud {
margin: 0 34px;
line-height: 130%;
}

div.tagCloud .tag10 {
  font-size: 10px;
  white-space: nowrap;
}
div.tagCloud .tag20 {
  font-size: 12px;
  white-space: nowrap;
}
div.tagCloud .tag30 {
  font-size: 15px;
  white-space: nowrap;
}
div.tagCloud .tag40 {
  font-size: 18px;
  white-space: nowrap;
}

div.tagCloud a {
text-decoration: none;
color: #fff;
font-size: 12px;
}

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

/*more*/
div.more {
margin: 70px 10px 24px 0;
text-align: right;
}

a.more {
color: #4b4a4d;
font-size: 14px;
text-decoration: none;
text-align: center;
float: right;
height: 30px;
width: 82px;
background: url(/basics/img/bg_more.png) no-repeat 100% 0;
padding: 10px 0 0 0;
cursor: pointer;
}

/*projectCont*/
div.projectCont {
height: 200px;
 background: url(/basics/img/bg_dotlogo.gif) no-repeat 100% 110px;
margin: 0 0 0 34px;
}

div.projectCont ul li a {
display: block;
margin: 0 0 12px 0;
}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer {
background: #363636;
border-top: #141414 1px solid;
position: fixed;
bottom: 0;
width: 100%;
z-index: 100000 !important;
}

div.footerCont {
/* 100130 872 */
width: 882px;
margin: 0 auto;
/* 100110 10px 34px */
padding: 6px 34px;
font-size: 12px;
}

div.footerCont p {
float: right;
color: #8d8d8d;
}

div.footerCont ul li {
float: left;
}

div.footerCont ul li a, div.footerCont p a {
color: #8d8d8d;
text-decoration: none;
}

div.footerCont ul li a {
float: left;
}

div.footerCont ul li a.textLink {
margin: 0 18px 0 0;
}

div.footerCont ul li a.textLink:hover, div.footerCont p a.textLink:hover {
text-decoration: underline;
}

div.footerCont ul li a img, div.footerCont p img {
padding: 0 6px 0 0;
}

/* ow - Portfolio */



ul#all-screens li.flavor p { font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }


/*  ------------------------------------------------------
KUNDEN - SCREENS [ow]
--------------------------------------------------------*/
#flavor-nav p {
  line-height: 16px;
}
#flavor-nav a {
  font-size: 12px;
  color: #7f7f7f;
  font-weight: normal;
  text-decoration: none;
  border-bottom: none;
}
#flavor-nav a.current {
  font-size: 12px;
  color: #f4a200;
  font-weight: bold;
  border-bottom: none;
}

#all-flavors, ul#all-screens {
  margin: 14px 34px 0 34px;
  padding: 0;
}
ul#all-screens { list-style: none;  }

ul#all-screens li.flavor, #all-flavors div.flavor {
  border: 1px solid #c3c3c3;
}

ul#all-screens li.flavor { 
  width: 165px; 
  height: 130px; 
  float: left; 
  display: block; 
  padding: 10px; 
  margin: 0 20px 20px 0;
}

#all-flavors div.flavor {
  width: 275px;
  height: 70px;
  float: left;
  margin: 0 10px 10px 0;
}
#all-flavors div img {
  margin: 10px 5px 0px 5px;
}
#all-flavors div td {
  font-size: 11px;
  line-height: 120%;
  color: #7f7f7f;
}
#all-flavors  span {
  color: #4b4a4d;
}

#all-flavors a {
  text-decoration: none;
  color: #4b4a4d;
}
ul#all-screens li.flavor a { 
  display: block; 
  width: 163px; 
  height: 120px; 
  overflow: hidden; 
}


/*  ------------------------------------------------------
TABLE - PAKETE [ow]
--------------------------------------------------------*/
table.pakete {
  width: 550px;
  border-bottom: 1px solid #c3c3c3;
  font-size: 12px;
  margin: 0 34px 22px 34px;
}
table.pakete tr:hover {
  background-color: #f4f4f4;
}
table.pakete th, table.pakete td {
  vertical-align:top;
  padding: 2px 4px;
}
table.pakete th{ background-color: #f4f4f4; }
table.pakete td{ border-top: 1px solid #c3c3c3; } 
table.pakete td.soft{ 
  border-top: 1px solid #c3c3c3;
  color: #888;
}
table.pakete td.center{ text-align: center; }
table.pakete td.right{ text-align: right; }
table.pakete a.paketlink {
  color: black;
  text-decoration: none;
  border-bottom: 1px dashed #ff9900;
}
table.pakete a.paketlink:hover {
  background-color: #F4f4f4;
  text-decoration: none;
}

/*  ------------------------------------------------------
TABLE - KUNDEN [ow]
--------------------------------------------------------*/
table.kunden {
  width: 100%;
  border-bottom: 1px solid #c3c3c3;
  margin: 0 0 0 0;
}

table.kunden tr:hover {
  background-color: #f4f4f4;
}

table.kunden td.logo {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

table.kunden td.logo img {
  margin: 0 34px;

}

table.kunden td {
  vertical-align:middle;
  padding: 2px 4px;
  height: 50px;
}
table.kunden td {
 /* font-size: 0.7em; */
}

table.kunden td { border-top: 1px solid #c3c3c3; }

table.kunden td.soft{
  border-top: 1px solid #c3c3c3;
  color: #7f7f7f;
}

table.kunden td.center{
  text-align: center;
}

table.kunden td.right{
  text-align: right;
}



/*  ------------------------------------------------------
PARTNER ACCORDION [ow]
--------------------------------------------------------*/
#accordion {
  margin: 0 0 0 34px;
  width: 400px;
  border: 1px solid #c3c3c3;
}
#accordion h2 {
        background: url(/basics/img/bg_accordion2.jpg) repeat-x 0 100%;
        color: #7f7f7f;
	margin:0;
	padding:5px 15px;
	font-size:14px;
line-height: 110%;
	font-weight:normal;
	border-bottom:1px solid #c3c3c3;
	cursor:pointer;		
}
#accordion h2.current {
        background: url(/basics/img/bg_accordion.jpg) repeat-x 0 100%;
  color: #4b4a4d;
}
#accordion .pane {
  padding: 10px;
  font-size: 12px;
}


/*  ------------------------------------------------------
GOOGLE MAP [ow]
--------------------------------------------------------*/
.mapwindow {
  font-size: 12px;
  line-height: 100%;
  color: #4b4a4d;
}
.mapwindow a {
  color: #4b4a4d;
  text-decoration: none;
}
.mapwindow a:hover {
  text-decoration: underline;
}
/*  ------------------------------------------------------
PRINT FOOTER [ow]
--------------------------------------------------------*/
#printfooter { display: none; }

.noscript {
  display:block;
  width:940px;
  position:absolute;
  top:0;
  left: auto;
  margin: 0;
  padding: 5px;
  background: #f5a200;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
/*  ------------------------------------------------------
AGB [ow]
--------------------------------------------------------*/
div.agb p {
  font-size: 10px;
  margin: 0 5px 10px 34px;
  line-height: 120%;
}
div.agb h4 {
  margin: 0px 5px 10px 34px;
  font-size: 11px;
}
div.agb ul {
  margin: 0px 5px 10px 49px;
  list-style-type: disc;
}
div.agb li {
  font-size: 10px;
  line-height: 120%;
}


div#googlemap {
float: left;
margin: 10px 0 20px 30px;
width: 440px;
height: 400px;
}

div#route {
float: left;
margin: 0 30px;
width: 400px;
}

div.hinweis h2 {
color: #f5a200;
margin: 40px 10px 5px 34px;
font-size: 18px;

}
div.hinweis p {
//color: #f5a200;

}
div#section3 div.hinweis p a {
//color: #f5a200;
}