/*
Author: Veronika Pippan
Date: 2007-02-06
Description: h&p Relaunch
*/

/* GLOBAL STYLES
================================================================*/
 *{ margin:0; padding:0; }
html{background:#fff; font-family:Verdana, Arial, sans-serif; color:#352314; height:101%; }
body{text-align:center; font-size:62.5% }
p{font-size:1.3em; line-height:1.4em; padding-bottom:10px; }
p.success{margin-left:20px; }
p a{color:#d15902; background:none;}
ul{list-style:none; }
ul#jobs{font-size:1.3em; margin:0 0 15px 40px; list-style-type:square; }
ul#jobs li{margin-top:8px; font-weight:bold;}
img.ilink {border:0; margin-top:40px; }
img.top-ref{position:relative; padding-top:20px;}
div.kontakt a{display:block; width:237px; height:27px; margin:5px 0 15px 15px; background: url(/images/buttons/jetzt-kontaktieren.gif) no-repeat; text-indent:-999em; }
div.error{padding:20px; border:2px solid #a13621; background: #fecbc1; font-size:1.3em; font-weight:bold; margin-bottom:20px; line-height:1.5em;}

.clearer {clear:both; height:1px; overflow:hidden; margin-top:-1px; }
* html .clearer { margin-top:0; }
.clearfix:after { content: ".";  display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */


/* LAYOUT STYLES
================================================================*/
#general-wrapper{width:960px; margin:auto; text-align:left; background: url(/images/bg_general.gif) repeat-y;}
#header{position:relative; width:922px; height:60px; margin-left:19px; overflow: visible; background: url(/images/bg_header.gif) repeat-x;}
/**#header{position:relative; width:922px; height:160px; margin-left:19px; overflow: visible;} **/
#theme{position:relative; z-index:5; width:922px; height:110px; background: url(/images/bg_theme_fruehjahrdesign.gif) repeat-x;}
#content-wrapper{ width:922px; background:#fff; margin-left:19px;}
#content{position:relative; width:842px; background:#fff; padding:45px 40px 20px 40px; }
#bottom-nav{width:872px; margin:20px 25px 0 25px;}
#footer-wrapper{position:relative; width:960px; margin:auto; text-align:left; margin-bottom:40px;}
#footer{background: url(/images/bg_footer.gif) no-repeat; width:960px; color:#434343; font-size:1.1em; text-align:center; padding:10px 0 30px 0;}
#footer a{font-weight:bold; color:#434343; text-decoration:none; }

/* SECTION STYLES
================================================================*/
/* header  */
#hpcolors{position:relative; width:922px; height:9px; background: url(/images/hp-colors.gif) no-repeat; display:block; line-height:9px;}
#navigation{position:absolute; right:20px; top:22px; height:24px; width:550px; }
/**#navigation{position:relative; width:922px; height:42px; background:#352314;}**/

/* theme */
#theme h2{padding:30px 20px 0 0;text-align:right; font-size:1.8em; font-weight:bold;}

/* whats new */


/**
#whats_new div.col{float:left; position:relative; width:280px;}

#whats_new div.col p{font-size:1.1em; line-height:1.5em; text-align:center; margin-top:20px;}
#whats_new div.col img.karten{position:relative; top:20px; left:35px; }
#whats_new div.col img {border:0; }
#whats_new div.aktuell{width:361px; float:left; }
#whats_new div.aktuell h2#aktuelles{width:250px; height:30px; background: url(/images/titel/aktuelles.gif) no-repeat; text-indent:-999em; overflow:hidden; padding:0; margin:20px 0 18px 15px;}
#whats_new div.aktuell p{background: url(/images/icons/flame-icon.gif) no-repeat; text-indent:22px; padding-top:10px; margin-left:15px;}
#whats_new div.aktuell p.weihnachten{background: url(/images/icons/weihnachten.gif) no-repeat; text-indent:22px; padding:10px 0 0 10px; margin:0 0 10px 15px;}
#whats_new div.aktuell p.zeitsaver{padding:0 0 0 0; margin:20px 0 22px 15px; background:none; text-indent:0;}
#whats_new div.aktuell p.zeitsaver img{margin-bottom:3px;}
#whats_new div.aktuell p a{background:url(/images/icons/arrow_aktuell.gif) 0 6px no-repeat; padding-left:15px; margin-left:3px;}
#whats_new div.top-ref{width:220px; float:left;  text-align:center; }
#whats_new div.top-ref p{font-size:1.1em; line-height:1.5em; text-align:center; margin:8px 0 10px 0; }
#whats_new div.spacer{float:left; width:21px; padding:15px 0 15px 0; }
**/

/* HEADING STYLES
================================================================*/
#header #logo a{position:absolute; top:0px; left:20px; width:176px; height:48px; background: url(/images/pippan_logo.gif) no-repeat; text-indent:-999em; overflow:hidden; z-index:60; display:block;}
span#tagline{position:absolute; left:630px; width:317px; height:21px; display:block; text-indent:-999em; top:25px; background: url(/images/tagline.gif) no-repeat; }



/* NAVIGATION STYLES
================================================================*/
ul#nav{position:relative; width:550px; float:right;}
ul#nav li{float:right; color:#fff; padding:2px 4px 2px 4px; margin:0 6px 0 6px; font-size:12pt; font-family:verdana; font-weight:normal;}
ul#nav li.active{background:#f5a306;}
ul#nav li a{ color:#fff;}


/* Kontakt - Fußbereich
================================================================*/
#pippan_contact_wrapper{width:922px; background:#edf1f5 url(/images/bg_whats_new.gif) no-repeat; margin-left:19px;}
#pippan_contact{width:882px; margin-left:20px; padding:35px 0 15px 0; font-size:1.2em;}
#pippan_contact a{color:#d15902;}
img#skype_us {position: relative; top: 3px; margin-left: 4px; margin-right: 4px; border: none; text-decoration: none;}


#pippan_contact div.col{float:left; line-height:1.8em; }
#pippan_contact div.col1{float:left; width:240px; margin-left:15px; line-height:1.8em; padding-left:20px;}
#pippan_contact span.company{font-size:1.1em; font-weight:bold;}

form.contact_footer {}
form.contact_footer label{float:left; width:70px; clear:left; margin-bottom:8px; padding:0; line-height:1.0em;}
form.contact_footer input.txt{border: 1px solid #c6c6c6; margin-bottom:8px; width:185px; line-height:1.0em;} 
form.contact_footer input.submit{width:80px; margin:0 0 0 170px;}
form.contact_footer textarea{border: 1px solid #c6c6c6; margin-bottom:10px; width:185px; font-size:0.9em;} 



/* CONTENT
================================================================ */

/* ALLGEMEIN */

h2#frischeIdeen{height:24px; background:url(/images/titel/agentur.gif) no-repeat; text-indent:-999em; overflow:hidden; width:250px; padding:0 0 20px 0; }
h2#unserportfolio{height:28px; background:url(/images/titel/portfolio.gif) no-repeat; text-indent:-999em; overflow:hidden; width:231px;  padding:0 0 10px 0; }
h2#unsereArbeiten{height:24px; background:url(/images/titel/referenzen.gif) no-repeat; text-indent:-999em; overflow:hidden; width:170px; margin:0 0 0 10px; padding:0 0 20px 0; }
h2#kontaktieren{height:24px; background:url(/images/titel/kontakt.gif) no-repeat; text-indent:-999em; overflow:hidden; width:250px;  padding:0 0 20px 0; }
h2#unserteam{height:24px; background:url(/images/titel/team.gif) no-repeat; text-indent:-999em; overflow:hidden; width:155px; margin:0 0 0 32px; padding:0 0 20px 0; }
h2#referenz-liste{height:24px; background:url(/images/titel/referenz-liste.gif) no-repeat; text-indent:-999em; overflow:hidden; width:150px; margin:15px 0 0 0; padding:0 0 20px 0; }
h2#partner{height:24px; background:url(/images/titel/partner.gif) no-repeat; text-indent:-999em; overflow:hidden; width:159px; margin:30px 0 10px 32px; padding:0 0 20px 0; }
h2#angebotsanfrage{height:28px; background:url(/images/titel/angebotsanfrage.gif) no-repeat; text-indent:-999em; overflow:hidden; width:310px; margin:0 0 10px 0; padding:0 0 20px 0; }
h2#angebotsanfrage_standard{height:28px; background:url(/images/titel/angebotsanfrage_standard.gif) no-repeat; text-indent:-999em; overflow:hidden; width:424px; margin:0 0 10px 0; padding:0 0 20px 0; }
h2#hilfe{height:28px; background:url(/images/titel/faq.gif) no-repeat; text-indent:-999em; overflow:hidden; width:490px; margin:0 0 10px 0; padding:0 0 20px 0; }
h2#jobs{height:28px; background:url(/images/titel/jobs.gif) no-repeat; text-indent:-999em; overflow:hidden; width:148px; margin:0 0 10px 0; padding:0 0 20px 0; }


h2{padding: 5px 0 30px 0; font-size:2.2em; font-weight:normal;}
h3{padding:2px 0 10px 0; font-size:1.7em; font-weight:normal; }

span.motto{text-indent:-999em; width:330px; height:29px; display:block; margin:60px 0 0 0; background: url(/images/unsermotto.gif) no-repeat; }
span.highlight{font-weight:600; color:#d04900; }

/* breadcrumbs  */

ul#bread{list-style:none; position:absolute; top:0px; left:30px; display:block; font-size:1.3em; z-index:10; }
ul#bread li{float:left; background: url(/images/icons/arrow_bread.gif) 0 4px no-repeat; padding:0 15px 0 10px; color:#352314; font-weight:bold;}
ul#bread li a{color:#352314; font-weight:normal;}


/*  Spalten  */
div.col{float:left; position:relative; width:280px; }
/*div.spacer{float:left; position:relative; width:36px; }*/
ul.ref_link{text-align:right; font-size:1.1em; margin-bottom:15px;}
ul.ref_link li{line-height:1.8em; }
ul.ref_link li a{color:#595959; font-weight:bold; text-decoration:underline;}
ul.ref_link li a:hover{color:#d04900; }

/**** PORTFOLIO ****/
div.portfolio-wrap{float:left; width:280px; margin:20px 0 0 0;}
div.portfolio-wrap a{position:relative; width:237px; height:46px; display:block; margin:0 0 0 22px; text-indent:-999em; overflow:hidden;}
div.portfolio-wrap a.standard{background: url(/images/buttons/standard_shop.gif) no-repeat;}
div.portfolio-wrap a.individuell{background: url(/images/buttons/individueller_shop.gif) no-repeat;}
div.portfolio-wrap a.webanwendung{background: url(/images/buttons/webanwendungen.gif) no-repeat;}
div.portfolio-wrap img{margin-right:10px;}
div.portfolio-wrap h3{font-size:20px; padding-top:10px; margin-bottom:20px; font-weight:normal;}
div.portfolio-wrap ul{list-style:square; font-size:1.3em; margin-left:40px;}
div.portfolio-wrap li{margin:8px 0 8px 0; padding-left:10px; line-height:1.4em;}

/* Portfolio Detail */
h1#ecommerce{float:left; width:515px; background: url(/images/titel/portfolio/online_shop.gif) no-repeat; height:35px; text-indent:-999em; margin:30px 0 10px 0px; padding:0;}
h3.ecommerce{padding:15px 0 8px 0; font-size:1.2em; font-weight:bold; }
h1#webanwendungen{float:left; width:374px; background: url(/images/titel/portfolio/webanwendungen.gif) no-repeat; height:35px; text-indent:-999em; margin:30px 0 10px 0; padding:0; }
h1#standard_shop{float:left; width:455px; background: url(/images/titel/portfolio/standard_shop.gif) no-repeat; height:35px; text-indent:-999em; margin:30px 0 10px 0; padding:0; }

div.price_item{position:relative; width:400px; margin-top:20px; padding-bottom:20px;}
div.price_item h3{padding:15px 0 8px 0; }
div.price_item p a{background:none; padding:0; font-weight:normal; display:inline; }
div.price_item p a.preis{background:none; padding:0; font-weight:normal; display:inline; font-size:1.4em; }
div.price_item ul{padding-top:0; margin-top:0;}
div.price_item li{margin-bottom:10px;}
div.price_item li span{font-weight:bold; font-size:1.0em;}
div.price_item li a{background:none; padding:0; font-weight:normal; display:inline; }
#price_1{position:absolute; top:0px; left:180px; width:100px; background:url(/images/icons/price_1.png) no-repeat; height:52px; text-indent:-999em; overflow:hidden;}
#price_2{position:absolute; top:-5px; left:110px; width:100px; background:url(/images/icons/price_2.png) no-repeat; height:52px; text-indent:-999em; overflow:hidden;}



div.portfolio_icon {float:left; width:100px; padding:25px 0 0 10px;}
div.portfolio_teaser p{float:left; width:670px; font-weight:bold; font-size:1.5em; padding-top:10px; line-height:1.6em;}

div.portfolio_detail{float:left; margin-left:110px; width:409px; margin-top:0px; }
div.portfolio_detail ul{font-size:1.3em; margin:0 0 5px 20px; list-style-type:square; }
div.portfolio_detail ul.link{font-size:1.3em; margin:0 0 5px 10px; list-style:none; }
div.portfolio_detail ul li{padding:3px 0 3px 0; line-height:1.4em; }
div.portfolio_detail h2{font-size:2.1em; margin:30px 0 12px 0px; font-weight:normal; padding:0; line-height:1.2em; }
div.portfolio_detail h4{font-size:1.3em; font-weight:bold; margin:15px 0 5px 20px; }
div.portfolio_detail p{padding-left:0px; }
div.portfolio_detail a{color:#d15902; padding: 0 0 0 15px; font-weight:bold; margin-top:4px; background:url(/images/icons/arrow_portfolio.gif) 0 6px no-repeat; display:block;}

div.portfolio_info{ float:left; margin:0px 0 30px 50px; padding-bottom:10px; display:block; width:273px;}
div.portfolio_info_spezial{float:left; margin:10px 0 30px 42px; padding-bottom:10px; display:block; width:288px;  }
div.portfolio_info h2{font-size:1.8em; margin:25px 0 5px 0; padding:0; margin-left:15px; font-weight:normal; border-bottom:1px solid; }
div.portfolio_info h2#zeitsaver{width:257px; height:80px; text-indent:-999em; background:url(/images/zeitsaver.gif) no-repeat; border-bottom:0; margin:10px 0 0 15px; padding:0; overflow:hidden;}
div.portfolio_info p{text-indent:0; padding:10px 10px 10px 20px;}
div.portfolio_info img{border:0; }
div.portfolio_info a.link_ohne{padding:0px; font-weight:bold; }
div.portfolio_info a.link{padding: 0 0 5px 15px; margin-top:4px; font-weight:bold; background:url(/images/icons/arrow_portfolio.gif) 0 6px no-repeat; display:block; }
div.portfolio_info a.zeitsaver{ color:#5a8184; padding: 0 0 0 15px; margin-top:4px; margin-left:5px; font-weight:bold; background:url(/images/icons/arrow_zeitsaver.gif ) 0 6px no-repeat; display:block; }
div.portfolio_info a.angebot{width:237px; height:47px; text-indent:-999em; overflow:hidden; display:block; margin-top:10px; background:url(/images/buttons/angebotsanfrage.gif ) no-repeat;}
div.portfolio_info a.anfrage{width:237px; height:47px; text-indent:-999em; overflow:hidden; display:block; margin-top:2px; margin-left:15px; background:url(/images/buttons/anfrage.gif ) no-repeat;}
div.portfolio_info a.pdf{padding:2px 0 0 22px; background:url(/images/icons/pdficon_small.gif) no-repeat; }

div.col_portfolio{float:left; width:205px;}
div.col_portfoliospacer {float:left; width:20px; }
div.col_portfolio h2{height:45px; width:205px; text-indent:-999em; margin:0 0 15px 0; padding:0;}
div.col_portfolio h2#ecommerce{background: url(/images/titel/portfolio/ecommerce.gif) no-repeat; }
div.col_portfolio h2#zahlungsmittel{background: url(/images/titel/portfolio/zahlungsmittel.gif) no-repeat; }
div.col_portfolio h2#webapplikationen{background: url(/images/titel/portfolio/webapplikationen.gif) no-repeat; }
div.col_portfolio h2#wartbarewebseiten{background: url(/images/titel/portfolio/wartbarewebseiten.gif) no-repeat; }
div.col_portfolio p{font-size:1.3em; line-height:1.4em; }
div.col_portfolio p.ref{font-size:1.3em; line-height:1.4em; margin-top:30px; font-weight:bold; }
div.col_portfolio ul{font-size:1.2em; line-height:1.3em; list-style-type:square; padding-left:2px; margin:0 0 10px 25px;}
div.col_portfolio li{margin:10px 0 10px 0; }
div.col_portfolio ul.portfolio-ref{list-style:none; float:left; margin:-5px 0 0 20px; font-size:1.1em;}
div.col_portfolio ul.portfolio-ref li {text-align:left; margin:0px; padding-top:5px; line-height:1.1em;}
div.col_portfolio ul.portfolio-ref li a{color:#e47406; font-weight:normal;}

/* HILFE */
div.question{position:relative; margin:5px 0 20px 0; }
div.question h3{width:700px;}
div.question h3 span.active{background:#feffc1; padding:2px 0 2px 0;}
div.question h3 a.anker{position:relative; padding-top:20px;}
div.question h4 {font-weight:bold; font-size:1.28em; padding:10px 0 5px 0;}
div.question p{color:#000;}
div.question a.back{font-weight:bold; color:#d15902; font-size:0.8em;}
div.question ul{font-size:1.2em; margin:-10px 0 0 0; padding:0 0 0 10px;}
div.question li{line-height:1.6em;}

/*  TEAM  */
div.col_team{float:left; position:relative; width:250px; padding-left:30px; }
h3.team{margin:13px 0 5px 10px; font-size:1.4em; color:#595959; font-weight:bold;}
p.team{margin:5px 0 5px 10px; }
p.team2{margin:5px 0 5px 35px; }
a.team{font-weight:bold; color:#d04900; text-decoration:none; padding-left:12px; font-size:0.9em; background:url(/images/icons/pfeil.gif) 0 2px no-repeat;}
a.team:hover{text-decoration:underline;  }
span.position{position:relative; top:-7px; left:10px; }
div.partner{position:relative; width:850px; margin:10px 0 40px 32px;}
div.partner div.logo{float:left; width:250px; }
div.partner div.logo img{border:0; }
div.partner div.desc{float:left; width:600px; }
div.partner div.desc a{color:#000; }


/*  JOBS */
span.job_headline{display:block; padding:15px 0 5px 0; font-size:1.4em; font-weight:normal;}
p.job_desc{padding-left:15px; width:400px; margin-bottom:20px;}

/* ARCHIV */
div#referenzen, div#news{float:left; width:352px; }
div#referenzen{padding-right:10px; }
div#news{padding-left:10px; }
div#news ul, div#referenzen ul{list-style:none; }
div#news ul ul, div#referenzen ul ul{padding:0 0 0 6px; }
div#news li, div#referenzen li{font-weight:bold; padding-top:10px; }
div#news li li, div#referenzen li li{font-weight:normal; padding:3px 0 2px 14px; background:url(/images/icons/punkt.gif) 0 6px no-repeat; font-size:0.90em;}
div#news li li a{color:#000; text-decoration:none;  }
div#news li li a:hover{color:#000; text-decoration:underline;  }
div#news li li a:visited{color:#666; text-decoration:none;  }

/* Aktuelles */
div.newsItem{width:724px;margin-bottom:20px;  }
div.date{float:left; width:80px; height:80px; margin-right:20px; font-size:0.85em; }
div.text{float:left; width:624px; }
div.text p.titel{font-weight:bold; font-size:1.1em;  }
div.pagination{width:724px; text-align:center; font-size:0.9em;  }


/* EIFFELTURM */
#paris{position:relative; top:20px; width:842px; background:url(/images/paris_neu.gif) bottom no-repeat; height:550px;}
#paris span{margin-left:10px; font-size:1.3em; padding-bottom:5px; display:block;}
#paris div#desc{position:relative; top:-5px; padding: 20px 0 0 0px; width:520px; margin:0px 0 0 10px; text-indent:38px; background: url(/images/icons/bulb.gif) no-repeat;}
#paris div#desc p{font-size:1.3em; line-height:1.5em;}
#paris div#tipp {position:relative; padding: 20px 0 0 0px; width:520px; margin:0px 0 10px 10px;  }
#paris div#tipp p{font-size:1.3em; line-height:1.5em; padding:10px 0 10px 0; }
#paris div#tipp ul{margin: -5px 0 10px 25px; list-style-type:square; font-size:1.3em; }
#paris div#tipp li{margin-top:3px; }
#paris div#tipp li a{color:#d15902; }    
#eiffel h3{font-size:1.6em; font-weight:bold; margin:25px 0 -5px 0;}
#eiffel h4{font-size:1.4em; font-weight:bold; margin:10px 0 2px 0; }
#eiffel-img{position:relative; width:400px; height:400px; float:right; }
h2#eiffelturm{ background: url(/images/titel/eiffelturm-titel.gif) no-repeat; width:700px; height:24px; text-indent:-999em; margin:0; padding:0 0 0 0; }
#aktuell{position:absolute; top:66px; right:2px; width:200px; height:80px; text-align:right;}
#aktuell div.text{width:110px; font-size:1.3em; float:left; margin-top:5px;}
#aktuell div.data{width:90px; font-size:1.4em; font-weight:bold; float:left;margin-top:5px; }
#maxmin{position:absolute; top:140px; right:2px; width:200px; }
#maxmin table{width:200px; font-size:1.2em; }
#maxmin table th, td{padding:3px 5px 3px 5px; border-bottom:1px solid #d0d0d0; text-align:right;}
#maxmin table th {font-weight:bold; background:#f4f4f4; }
#maxmin table td.data {text-align:right;font-size:1.1em; }
#maxmin table td.datum {font-size:0.85em; text-align:right;}
#maxmin table td.extremwerte {border-bottom:0; font-size:0.8em; text-align:right;}
#maxmin table td.info {border-bottom:0; font-size:1.0em; text-align:right;}
#maxmin table td.info a{color:#d15902; }
#scrollbar-wrap{position:relative; width:550px; height:100px; background: url(/images/eiffel/bg_scrollbar.gif) no-repeat; margin-left:5px; }
#scrollbar{position:relative; top:26px; left:0px; width:444px; height:40px; margin:0 0 40px 5px; }
#scrollbar div#top{position:relative; height:20px; width:444px; background:url(/images/eiffel/scroll_top.gif) no-repeat; z-index:30;}
#scrollbar div#bottom{height:20px; width:453px; background:url(/images/eiffel/scroll_bottom.gif) no-repeat; }
#scrollbar div#bar-wrap{position:relative; width:433px; margin-left:6px;}
#scrollbar div#bar{position:absolute; width:13px; height:20px; top:0; left:0; z-index:40; }
#slider_height{position:absolute; font-size:1.3em; left:462px; top:12px; width:75px; height:23px; padding:7px 5px 0 0; text-align:right;  font-weight:bold; border:1px solid #bbb; background:#fff;}
#slider_temp{  position:absolute; font-size:1.3em; left:462px; top:54px; width:75px; height:23px; padding:7px 5px 0 0; text-align:right;  font-weight:bold; border:1px solid #bbb; background:#fff;}


/* AGB */
div#agb{ position:relative; width:822px; padding:0 0 40px 20px; }
div#agb h2{}
div#agb dt{ margin: 0 0 0 0; padding: 0; font-size:1.2em; line-height:1.4em;}
div#agb dd{ margin: -17px 0 20px 28px; padding: 0; font-size:1.2em;line-height:1.4em; }
span.agb{ font-weight:bold; color:#d94d00;}
div#pdf_1{position:absolute; top:20px; right:20px; text-align:right; font-size:1.4em;}
div#pdf_2{position:absolute; bottom:20px; right:20px; text-align:right; font-size:1.4em; }
div#pdf_1 a,div#pdf_2 a{color:#000; background:url(/images/icons/download.gif) no-repeat; padding:2px 0 0 25px;}
div#pdf_1 img,div#pdf_2 img {position:relative; top:1px; }
div#agb_archiv {position:absolute; bottom:18px; left:50px; text-align:left; font-size:1.4em;  }

/***** KONTAKT *****/
div.kontakt_col{float:left; width:400px; margin-top:10px;}
div.kontakt_col form{background:#edf1f5; padding:20px 20px 20px 30px; font-size:1.3em; width:370px; margin-bottom:20px; color:#000;}
div.kontakt_col form input, textarea{ font-size:1.0em; font-family:verdana, sans-serif; }
div.kontakt_col form label.text,div.kontakt_col form input.texti{float:left; padding:2px 0 2px 2px; margin-top:10px;}
div.kontakt_col form label.text{clear:left;  width:70px;}
div.kontakt_col form input.texti{width:280px; background:#fff; border:1px solid #d7d7d7;}
div.kontakt_col form input.submit{width:111px; height:27px; text-align:right; margin:10px 0 0 244px; }
div.kontakt_col form label.textarea{width:330px; display:block; margin-top:20px;}
div.kontakt_col form textarea {background:#fff;border:1px solid #d7d7d7; margin:5px 0 5px 70px; padding:2px; width:278px;}
div.kontakt_col h3{font-size:1.5em; font-weight:bold; }
div.kontakt_col div.vcard{margin:20px 0 0 15px;  }
div.kontakt_col div.vcard img{margin-top:50px; }
div.kontakt_col div.vcard div.tel{font-size:1.3em; line-height:1.5em; }
div.kontakt_col div.vcard div.tel span.type {display: none;}
div.kontakt_col div.vcard div.tel span.value {display: none;}
div.kontakt_col div.vcard div.skype {font-size:1.3em; line-height:1.5em; }
div.kontakt_col div.vcard div.skype a {color: #d15902;}
div.kontakt_col div.vcard div.skype span.type {display: none;}
div.kontakt_col div.vcard div.skype span.value {display: none;}
div.replay{position:relative; width:842px; padding:10px; background:#feffce; font-size:1.3em; text-align:center; border:1px solid #b0b200; font-weight:bold;}
div.replay ul {list-style-type:square; }
div.replay ul li{font-weight:normal; }
p.stoeckl{margin:20px 0 0 15px; padding-right:20px; }

/* Angebotsanfrage */
div.angebot_info{border:1px solid; padding:10px; margin-bottom:10px; background:#fff6c6;}
div.angebot_info p{margin:0; padding:0; line-height:1.7em;}
div.angebot_info div.contact input{float:left; margin:2px 4px 0 0;}
div.angebot_info div.contact input.text{ width:180px;}
div.angebot_info div.contact{margin:4px 0 4px 0; width:350px; font-size:1.3em; line-height:1.0em;}
div.angebot_info div.contact input.checkbox{margin:0px 4px 0 0;}
div.angebot_info div.contact span{float:left; width:90px;}
div.angebot_info div.contact label.kontaktdata{float:left; width:108px; padding:0; font-size:1.0em; margin:2px 0 2px 0;}
div.angebot_info div.contact input.kontaktdaten{width:180px; margin:2px 0 2px 0;}
div.angebot_col1{float:left; width:421px;  padding:0px 0 20px 0 ; margin-bottom:20px; font-size:1.2em; margin-top:10px; line-height:1.6em;}
div.angebot_col2{float:left; width:411px; padding-left:10px; font-size:1.2em; margin-top:10px; line-height:1.4em;}
div.angebot_col1 span.question, div.angebot_col2 span.question{display:block; font-weight:bold;}
div.angebot_col1 ul, div.angebot_col2 ul{margin-left:12px; line-height:1.0em; margin-top:5px;}
div.angebot_col1 li, div.angebot_col2 li{padding:0; line-height:1.0em; height:21px; padding:2px 0 2px 0; vertical-align:middle;}
div.angebot_col1 textarea, div.angebot_col2 textarea{margin-left:12px; margin-top:5px; width:350px; height:45px; margin-bottom:20px;}
div.angebot_col1 textarea.standard{margin-left:12px; margin-top:5px; width:350px; height:80px; margin-bottom:20px;}
div.angebot_col1 label.kontaktdata, div.angebot_col2 label.kontaktdata{float:left; width:60px; padding-top:3px;}
div.angebot_col1 input, div.angebot_col2 input{margin:0 5px 0 5px;}
div.angebot_col1 input.radio, div.angebot_col2 input.radio{margin:0 2px 0 0; vertical-align:middle;}
div.angebot_col2 input.kontaktdaten{width:250px;}
div.angebot_col2 input.angebot_senden{clear:left; float:right; margin-top:10px; margin-right:40px; margin-bottom:20px;}


/** EVENTS **/
div.event{margin-bottom:20px;}
div.bild {float:left; width:204px; padding:2px 0 2px 0; background: #d0d0d0; margin: 4px 2px 4px 2px; text-align:center;}
 h2#eroeffnung{width:360px; background: url(/images/events/080117_titel.gif) no-repeat; height:28px; text-indent:-999em; margin:0 0 20px 2px; padding:0;}