/* CSS
Author: Frederik Ventzke - Ventzke & Partner
Client: 	VENTZKE-PARTNER.DE
Created: 30.04.2009
Modified: 17.08.2010
*/


@font-face {
	font-family:'DINMedium';
	src:url('../fonts/DINMedium.ttf'); format('truetype')
	font-weight:normal;
	font-style:normal;
}

html,body { 
	margin: 0; 
	padding: 0;
	font-family:  Verdana, Helvetica, sans-serif; 
	text-align: left;
	color: #7d7d7d;
	background: url(../img/bg/bg.jpg) top center repeat-y #ededed;
	font-size: 11px;
	height: 100%;
}



/* generals */
img, div {border: none;}
a			{text-decoration: none; color: #000;}
a:hover	{color: #9cbd00; text-decoration:none;}
b,strong	{font-weight: bold; color: #000;}
i,em		{font-style: italic;}
form		{display: inline;}


/* content */
h1, h2, h3, h4, h5 {font-family: Arial, Verdana;}
#boxlinks .top {padding: 0; margin: 0;}


#boxlinks ul {margin: 0; padding: 0 0 17px 20px; list-style: none;}
#boxlinks ul li {padding: 2px 0 0 10px; margin: 0 0 7px 0; font-size: 11px; color: #7d7d7d; background: url(../img/icons/li.gif) left 7px no-repeat; line-height: 17px;}
#boxlinks ul li h4 {color: #000; font-size: 11px; font-weight: bold; padding: 0 0 2px 0; margin: 0; font-family: "Verdana";}


/* special divs */
#gesamt {width: 975px; margin: auto; padding: 0 0 0 15px; position:relative;}
#metanav {width: 960px; height: 20px; background-color: #fff;}
#metanav ul {list-style: none; font-size: 0.9em; padding: 2px 10px 0 0; float: right; color: #848484; margin: 0;}
#metanav ul li {float: left; padding: 0 1px 0 0;}
#metanav ul li a {color: #8e8e8e;}
#metanav ul li a:hover {color: #000;}
#header {width: 960px; height: 404px; margin: 0; padding: 0;}
#flash {width: 960px; height: 404px; margin: 0; padding: 0; background-color: #fff;}
.csc-default {}
#logo {width: 173px; height: 31px; padding: 53px 0 0 35px; margin: 0;}
#logo h1 {margin: 0; padding: 0;}
#logo h1 span {width: 173px; height: 31px; background: url(../img/logo_vp.jpg); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#logo h1 a {width: 173px; height: 31px; background: url(../img/logo_vp.jpg); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#logo h1 a span {display: none;}
#content {width: 960px; background-color: #fff; padding: 0; float: left; margin: 0;}
#zaehler {display: none;}


#links {float: left; width: 247px; margin: 0; padding: 0;}
#rechts {float: left; width: 711px; height: 100%; min-height: 100%; margin: 0; padding: 0 0 20px 0;}
#boxlinks {width: 465px; padding: 0 20px 0 0; margin: 32px 0 0 0; float: left;}

#boxlinks h2.tricki {padding: 0 0 20px 0; margin: ; font-size: 22px; color: #000; font-weight: normal; display: none;}

#boxlinks h3.start, #boxlinks h2, #boxlinkseine h2  {padding: 0; margin: 0; font-size: 10px; color: #b5b5b5; font-weight: normal; text-transform: uppercase; letter-spacing: 0.2em;}
#boxlinks h3.start span, #boxlinks h2 span, #boxlinkseine h2 span {padding: 0 0 33px 0; margin: 0; font-size: 20px; color: #000; font-weight: bold; display: block; letter-spacing: 0.0em;}
#boxlinks h2, #boxlinkseine h2 {margin: 4px 0 0 0;}
#boxlinks h2 span, #boxlinkseine h2 span {padding: 2px 0 32px 0;}


#boxlinks h3 {padding: 18px 0 0 0; margin: 0; font-size: 15px; color: #a9c535; font-weight: bold; text-transform: uppercase; line-height: 21px;}
#boxlinks h3 a {color: #a9c535;}
#boxlinks h4 {padding: 0 0 2px 0; margin: 0; font-size: 13px; color: #000; font-weight: boldl;}
#boxlinks p {color: #7d7d7d; margin: 0 0 16px 0; font-size: 11px; line-height: 17px;}
#boxlinks p.teaser {color: #a9c535; font-weight: bold;}
#boxlinks blockquote {padding: 0 0 15px 0; margin: 0;}
#boxlinks blockquote p {margin: 0; font-style: italic; padding: 8px 8px 8px 50px; line-height: 23px; font-family: "Georgia"; font-size: 13px; background: url(../img/icons/webdesign_anfuehrungszeichen.gif) no-repeat top left #ededed;}
#boxlinks span.name-of-person {color: #000; font-style: normal; font-size: 10px; margin: 0; padding: 0; font-family: "Arial";}
a.mail {padding: 0 14px 0 0; margin: 0; background: url(../img/icons/mail.gif) right 3px no-repeat;}
a.external-link-new-window {padding: 0 14px 0 0; margin: 0; background: url(../img/icons/external.gif) right 2px no-repeat}
#boxlinks p a {color: #000; text-decoration: none;}
#boxlinks p a:hover {text-decoration: underline;}

#boxlinks div.meinungkiss {padding: 5px 0 20px 120px; background: url(../img/meinungen/meinung-logo-kiss.jpg) no-repeat top left; float: left;}
#boxlinks div.meinungcofotovision {padding: 5px 0 20px 120px; background: url(../img/meinungen/meinung-logo-cofotovision.jpg) no-repeat top left; float: left;}
#boxlinks div.meinungfotodeluxe {padding: 5px 0 20px 120px; background: url(../img/meinungen/meinung-logo-fotodeluxe.gif) no-repeat top left; float: left;}
#boxlinks div.meinunghotelbergfelde {padding: 5px 0 20px 120px; background: url(../img/meinungen/meinung-logo-hotelbergfelde.jpg) no-repeat top left; float: left;}
#boxlinks div.meinungkrawikett {padding: 5px 0 20px 120px; background: url(../img/meinungen/meinung-logo-krawikett.gif) no-repeat top left; float: left;}

.csc-textpic-intext-left .csc-textpic-imagewrap {float: left; padding: 0 10px 0 0; margin-bottom: -5px !important;}



#boxlinkseine {width: 712px; padding: 0 0 0 0; margin: 32px 0 0 0; float: left;}

#boxlinkseine h3 {padding: 13px 0 8px 0; margin: 0 0 0 0; font-size: 17px; color: #000; clear: left;}
#boxlinkseine .referenzbox {width: 205px; height: 170px; padding: 0 0 0 20px; margin: 0 0 30px 0; float: left;}
#boxlinkseine .referenzbox p {padding: 0 0 7px 15px; margin: 0 0 0 0; color: #575757; font-size: 11px; font-family: Arial;}



#boxrechts {width: 205px; padding: 0 0 0 0; margin: 95px 0 0 0; float: right;}
#boxrechts h3 {padding: 4px 0 2px 5px; margin: 12px 0 3px 0; font-size: 14px; color: #000; font-weight: bold; font-style: italic; font-family: "Arial"; background-color: #ededed; width: 202px; float: left;}
#boxrechts h3.top {padding: 4px 0 2px 5px; margin: 0 0 3px 0; font-size: 14px; color: #000; font-weight: bold; font-style: italic; font-family: "Arial"; background-color: #ededed; width: 202px;}
#boxrechts h4 {padding: 0 0 7px 5px; margin: 0 0 0 0; font-size: 12px; color: #000; font-weight: normal;}
#boxrechts h4 a {color: #000;}
#boxrechts h4 a:hover {color: #a9c535; text-decoration: none;}
#boxrechts p {color: #8e8e8e; margin: 0; font-size: 10px; line-height: 15px; padding: 0 18px 7px 5px;}
#boxrechts blockquote {margin: 0; padding: 0 10px 10px 5px;}
#boxrechts blockquote p {margin: 0; padding: 0; line-height: 15px; font-style: italic;}
#boxrechts span.name-of-person {font-style: normal; font-size: 9px; padding: 0 0 0 0; margin: 0; color: #000; font-family: "Arial";} 
#boxrechts span {padding: 0 0 7px 0; margin: 0;}
#boxrechts p a {color: #000;}
#boxrechts p a:hover {text-decoration: underline;}

#boxrechts .news-latest-morelink a {float: right; padding: 0; margin: 0; color: #000;}
#boxrechts .newsbox span {float: left; padding: 2px 2px 0 0;}
.newsbox {padding: 0 0 7px 0; float: left; margin: 0;}



#footer {float: left; width: 713px; padding: 7px 0 8px 247px; background-color: #000;}
#footer a {color: #666; padding: 0; margin: 0;}
#footer p {font-size: 9px; margin: 0 0 2px 0; color: #666; padding: 0; float: left;}
#footer span {font-size: 9px;}
#footer span a {margin: 0 19px 0 0; padding: 0 10px 0 0; background: url(../img/icons/pfeil_footer_top.gif) no-repeat right; float: right;}
#footer a:hover {color: #fff;}
#footer ul {list-style: none; width: 520px; margin: 0 0 0 0; float: left; padding: 0; clear: left;}
#footer ul li {float: left; padding: 0 3px 0 0; color: #666;}
#footer ul li a {padding: 0 2px 0 0;}
#footer .left {float: left; height: 10px; margin: 0;}
#footer .right {float: right; width: 100px; height: 10px; margin: 0;}



/* menu */
#nav {width: 250px; height: 404px; background: url(../img/bg/nav.png) no-repeat; position: absolute; top: 20px; left: 15px;}
#nav ul {list-style: none; font-size: 11px; margin: 80px 0px 0 0px; padding: 0;}
#nav ul li {}
#nav ul li a {color: #000; display: block; width: 220px; padding: 5px 0 8px 35px; background: url(../img/icons/pfeil_nav.gif) 201px 9px no-repeat;}
#nav ul li:hover {background: url(../img/bg/li_nav.png) repeat; color: #fff;}
#nav ul li a:hover {color: #fff; background: url(../img/icons/pfeil_nav2.gif) 201px 9px no-repeat;}
#nav ul li ul {display: none; font-size: 11px;}
#nav ul li.subnav3:hover ul {display:block; position:absolute; top: 0; left: 250px; width: 195px; height: 187px; padding: 215px 0 0 0; margin: 1px 0 0 0; background: url(../img/bg/ul_subnav.png) repeat-y;}
#nav ul li.subnav4:hover ul {display:block; position:absolute; top: 0; left: 250px; width: 195px; height: 161px; padding: 241px 0 0 0; margin: 1px 0 0 0; background: url(../img/bg/ul_subnav.png) repeat-y;}
#nav ul li.subnav5:hover ul {display:block; position:absolute; top: 0; left: 250px; width: 195px; height: 135px; padding: 267px 0 0 0; margin: 1px 0 0 0; background: url(../img/bg/ul_subnav.png) repeat-y;}
#nav ul li.subnav6:hover ul {display:block; position:absolute; top: 0; left: 250px; width: 195px; height: 187px; padding: 293px 0 0 0; margin: 1px 0 0 0; background: url(../img/bg/ul_subnav.png) repeat-y;}
#nav ul li.subnav7:hover ul {display:block; position:absolute; top: 0; left: 250px; width: 195px; height: 187px; padding: 319px 0 0 0; margin: 1px 0 0 0; background: url(../img/bg/ul_subnav.png) repeat-y;}
#nav ul li.subnav6 {display: none;}

#nav ul li:hover ul li {padding: 0; float: left; margin: 0 0 1px 0;}
#nav ul li:hover ul li a {color: #fff; background: url(../img/bg/li_nav.png) repeat; width: 185px; padding: 5px 0 7px 10px; height: 14px;}
#nav ul li:hover ul li a:hover {color: #fff;}

#subnav {margin: 69px 0 0 0; padding: 0 0 0 35px; float: left;}
#subnav ul {list-style: none; font-size: 11px; margin: 0 0 0 0; padding: 0 0 20px 0;}
#subnav ul li {width: 175px; border-bottom: 1px solid #ededed; margin: 0 0 10px 0;}
#subnav ul li a {color: #8e8e8e; display: block; padding: 5px 0 5px 0; background: url(../img/icons/pfeil_subnav.gif) 166px 9px no-repeat; margin: 0;}
#subnav ul li a.aktiv {color: #a9c535; display: block; padding: 5px 0 5px 0; background: url(../img/icons/pfeil_nav.gif) 166px 9px no-repeat; margin: 0;}
#subnav ul li a:hover {color: #000; background: url(../img/icons/pfeil_nav.gif) 166px 9px no-repeat;}
#subnav ul li ul {width: 175px; margin: 0; padding: 0 0 7px 0; font-size: 10px;}
#subnav ul li ul li {border: none; padding: 0 0 4px 7px; margin: 0;}
#subnav ul li ul li a {color: #8e8e8e; display: block; padding: 0 0 1px 10px; background: url(../img/icons/pfeil_subnav.gif) left 3px no-repeat;;}
#subnav ul li ul li a:hover, #subnav ul li ul li a.aktiv {color: #000; display: block; padding: 0 0 1px 10px; background: url(../img/icons/pfeil_nav.gif) left 3px no-repeat;}

#pathmenu {width: 550px; height: 13px; font-size: 10px; display: block; margin: 5px 0 20px 0;}
#pathmenu p {float: left; padding: 0px; margin: 0 3px 0 7px;}
#pathmenu ul {list-style: none; padding: 0 0 0 0; margin: 0; color: #8e8e8e;}
#pathmenu ul li {float: left; padding: 0 4px 0 0; margin: 0;}
#pathmenu a {color: #000; padding: 0 1px 0 3px;}
#pathmenu span.aktiv {padding: 0 0 0 4px;}
#pathmenu a:hover {color: #8e8e8e;}


/* images */
img.quotebe {float: left; width: 26px; height: 24px; padding: 8px 10px 0 13px; margin: 0;}
img.picboxrechts {width: 180px; height: 120px; padding: 5px; margin: 0 0 0 0; border: 1px solid #e3e3e3;}
img.logokundenstart {width: 84px; height: 109px; margin: 0 0 0 55px;}





/* links */
a:active, a:focus {outline:none;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
 /* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */