@charset "UTF-8";

#telefon{width:960px; margin: 30px auto; color: #695e49; font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;  background: url(images/sub-bg2.gif) no-repeat top right; }
.startseite{position:relative; background:url(images/startseite/startseite-bg-temp.jpg) no-repeat top left !important;}

#telefon a{outline:none; text-decoration:underline !important;}
#telefon a:link{color:#f7941d;}
#telefon a:visited{color:#f26522;}
#telefon a:hover, #telefon a:active{color:#fb4a02;}

#telefon #title{font: normal 26px Verdana, Arial, Helvetica, sans-serif; color: #fb4a02; margin-bottom:3px;}
#telefon h2 {width: 600px; font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; color:#695e49; }
#telefon h3 { font: bold 14px/21px Verdana, Arial, Helvetica, sans-serif !important; color: #fb4a02; margin: 0 0 5px 0; }
#telefon #content h3{margin-top:25px;}
#telefon #content h3:first-child{margin-top:5px;}
#telefon h4 {color:#f7941d; margin:0; font-weight:normal; font-size:13px; text-transform:none; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:normal;}
#telefon .fl{float:left;}
#telefon .fr{float:right !important;}
#telefon .clear{clear:both;}
#telefon p {margin:15px;}
#telefon ul li { list-style-type: disc; }



/*	LAYOUT	*/

#alpha{width: 655px; float:left; padding: 0;}
#beta{width: 260px; margin-right:10px; padding-top:10px; float:right;}
#beta-sub{width: 295px; margin-right:10px; padding-top:110px; float:right;}
#beta-sub .beta-wrap{padding: 10px 0 10px 10px;}
#beta-sub ul { margin:0; padding: 0 0 0 25px;}

#content{background-color:#fff; padding:10px; margin:10px 0; border: 1px solid #efefef;}
#content ul { margin:0 !important; padding: 10px 0 0 30px !important;}

#breadcrumb {font-size:11px;}
#breadcrumb a:link, #breadcrumb a:visited {color: #695e49; text-decoration:underline;}

#telefon .box{ padding: 5px 10px;background-color: #f5f5f5; }
#telefon #spec-offer{font-size: 11px; line-height:14px; background-color:#fcfab7; border:1px solid #ecd786; padding: 5px;}

#telefon .col3{float:left;width: 312px; margin: 0 12px 22px 0;}
#telefon .col3 h3{margin:0 0 5px 0; line-height:14px;}
#telefon .col3 p {margin: 0; padding:0;}
#telefon .col3 img{margin-right: 10px;}
#telefon .lastcol{margin-right: 0 !important;}

#telefon .frame-r{margin: 5px 0 5px 5px; border:1px solid #ccc; padding:5px;}

a.enlarge:link, a.enlarge:visited {color:#666 !important; text-decoration:none;}
a.enlarge span{cursor:pointer;}

.beta-wrap h3{margin-bottom: 10px !important;}
.beta-wrap img.rtmargin{margin-right:10px;}
.beta-wrap hr { background:#efefef none repeat scroll 0 0; border:0 none; color:#efefef; height:1px; margin:20px 0 10px 0; padding:0; }

/*	STARTSEITE	*/
#telefon #mast{padding-left: 0px;}
#telefon #mast p#first {width: 550px; margin: 7px 0;}

.startseite #sprechblase{ padding-top: 5px;height: 100px; width: 450px; }
.startseite #sprechblase h3{color:#695e49; font-weight:bold; margin: 5px 0;}
.startseite #sprechblase p{text-align:center; margin:0 0 5px 0; padding:0; }
.startseite #sprechblase form{margin:0;}
.startseite #sprechblase label{/*display:none;*/ font-size:11px;}
#telefon .txtinput{width:140px; border:1px solid #ccc; padding: 3px 5px; font-size:120%;}
#telefon .submitBtn {width: 100px; background-color: #f26522; color: #fff; font-size: 120%; font-weight:bold; padding: 3px 0px;
border-bottom: 1px solid #ccc; border-right:1px solid #ccc; border-top: 1px solid #efefef; border-left: 1px solid #efefef;}


#telefon .box label{display: block; padding:0; margin:0;}
#telefon .box input{margin:0 0 5px 0;}


.startseite #main{overflow: auto; padding-left: 0px; margin-top:55px;}

#telefon #cycle .panel{width: 292px; height:175px; position: relative;}
.panel a{display:block; width:292px; height:175px;}
.panel a:link, .panel a:visited{color:#695e49 !important; text-decoration: none;}
.panel a:hover, .panel a:active{color:#fb4a02 !important; text-decoration:underline;}

#telefon #cycle .desc{position: absolute; top:100px; right:15px; width: 155px; cursor:pointer;}
#telefon #cycleNav{float:right; text-align:right; margin:0; padding-right:5px;}

#telefon #cycle .dietrich{background:url(images/startseite/cycle-marlene.jpg) no-repeat top left;}
#telefon #cycle .werbungen{background:url(images/startseite/cycle-auto.jpg) no-repeat top left;}
#telefon #cycle .kurioses{background:url(images/startseite/cycle-dial.jpg) no-repeat top left;}
#telefon #cycle .geschichte{background:url(images/startseite/cycle-geschichte.jpg) no-repeat top left;}




/*	subpage - WERBUNGEN	 */

.werbung{margin:20px 0; clear: left; height: 100px; clear: left;}
.werbung a.enlarge{display:block; float:left; width: 275px; height:100px; position:relative;}
.werbung a span{position:absolute; bottom:5px; right:5px; z-index:5; background-color:#fff; padding: 2px 5px; font-size:10px; background-color: #f8f8f8; font-size:10px;border-right:1px solid #ddd; border-bottom:1px solid #ccc;}
.werbung div{float:left; margin-left:10px; width:345px;}
.werbung h5{color: #999; margin:0; font-weight: normal; font-size:10px; line-height: 10px;}
.werbung p {margin:3px 0 0 0;}

.sq-ad{margin: 5px; border:1px solid #ccc; padding:5px;}




/*	subpage - FAMOUS */

.beruehmt{float:left; clear:left; margin-bottom: 25px; width: 100%;}
.beruehmt img{float:left;}
.beruehmt div{float:left; margin:0 15px 0 10px;}
.beruehmt h5{color: #999; margin:0; font-weight: normal; font-size:10px; }
#telefon .beruehmt h3{margin: 0; line-height:normal; font-size: 14px;}
.beruehmt p{ margin:5px 0; font-size: 12px;}

a.anrufen:link, a.anrufen:visited{color:#999 !important;}



/*	subpage - KURIOSES */

.cntr{padding-top:10px; margin: 0 auto; width:575px;}
.imglink {text-align:right; position:relative; margin: 0 5px;}
.imglink span{position:absolute; bottom:5px; right:5px; z-index:5; background-color:#fff; padding: 2px 5px; font-size:10px; background-color: #f8f8f8; font-size:10px; border-right:1px solid #ddd; border-bottom:1px solid #ccc;}



  
.jqmWindow { display: none; position: fixed; top: 15%; left: 50%; margin-left: -300px; width: 509px; height: 395px;	overflow:auto;	background-color:#fff; color: #333; padding: 12px; }
.jqmOverlay { background-color: #000; }

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
