/* wrapper + headerwrapper + mainmenu + bodywrapper + corner-left + corner-right werden auch vom
 * von vBulletin benutzt und sind deshalb in einer seperaten datei definiert
 */
@import url(header_styles.css);

.c{
  clear:both;	
}

html{ margin:0;padding:0;}
body{ 
  margin:0;
  padding:0;
  background-color:#fff;
  font-family:Arial,Verdana,sans-serif; /* der font für das meinmenu wird auch in der header_styles.css gesetzt */
  font-size:small;
}

h1{
  font-size:1.4em;
  margin:0 0 1em 0;
  padding:0;
  color:#666;
}

h2{
  font-size:1.1em;
  margin: 1em 0 0.75em 0;
  padding:0;
  color:#666;
}

h3{margin: 1em 0 0.5em 0 ! important;}

h3,h4,h5,h6{
  font-size:1em;
  margin:0 0 0.5em 0;
  padding:0;
  color:#666;
}

ul{
  margin:0;
  padding:0;	
  padding-left:1.4em;
  padding-bottom:1em;
}

li{
  margin:0;
  padding:0;
  line-height:1.5em;
}

img {
  border: 0;
}

a{color: #039;}

a:hover{text-decoration: none;}

.wrapper{
	position:relative;
}

/* linke seite (menü + content)*/
.leftbar{
  position:absolute;
  width:240px;
  left:-1px;
  top:0;
  padding-top:30px;
  border-left:1px solid #999;
  background:url(Images/1px-trenner.jpg) no-repeat right top;
}


/* menü auf der linken siete */
.submenu{
  padding:0;
  margin:0;
}

.submenu ul{
  margin:0;
  padding:0 10px 0 20px;
}

.submenu li{
  list-style:none;
  display:block;
  color:#9A9A9A !important;
  margin:0 important;
  padding:0.5em 0!important;
  border-bottom:1px solid #ccc;
  line-height:1.3em;
}

.submenu li li{
    list-style:square;   
    display:list-item;

    margin:0.3em 1.3em!important;
    padding:0 !important;
    border-bottom:0 none;
}

.submenu a:hover{
	color:#003399;
}

.submenu li:hover{
	color:#003399 !important;
}


.submenu ul ul{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.submenu a{
  text-decoration:none;	
  color:#9a9a9a;
}


.submenu li.menu2active{
    color:#ff9900 !important;   
}

.submenu .menu2active a.menu2active{
    color:#003399 !important;
    
}

.submenu .menu2active ul li a{
}

.submenu .menu2active ul li a:hover{
}


.submenu a:hover{
}

/* content auf der linken seite (unterhalb des menüs) */
/*.leftcontent{	

}*/

/* content auf der rechten seite */
.rightcontent{
  position:absolute;
  width:210px;
  top:0;
  right:-1px;
  padding:46px 5px 0 10px;
  background:url(Images/1px-trenner.jpg) no-repeat left top;
  min-height:100px;
  border-right:1px solid #999;
}

.rightcontent li{
  list-style:none;
}


/* haupt content */

.maincontent{
  margin-top:10px;	
}


/* drei spalten layout*/
.dreiSpalten .maincontent{
  margin-left:240px;
  margin-right:220px;
  padding-left:20px;
  padding-right:20px;
}

/* zwei spalten layout */
.zweiSpalten .maincontent{
  margin-left:240px;
  margin-right:0;
  padding-left:20px;
  padding-right:20px;
}




/* brotkrumen */
#breadcrumbs{
  font-size:0.8em;
  color:#666;
  margin-bottom:15px !important;
}

#breadcrumb ul{
  display:block !important;	
}

#breadcrumbs li { 
	display: inline !important;
	float:none !important;
}

#breadcrumbs li{
  margin:0.2em;
}

#breadcrumbs a {
  color:#666;	
}

#breadcrumbs br{
  display:none;
}


/* footer */
#footer {margin-top:140px; padding-bottom:5em; padding-top:8px; border-top:1px solid #cccccc;}
#footer ul {list-style:none; margin:0; padding:0; float:left;}
#footer ul li {float:left; list-style:none; margin:0 8px 0 0;}
#footer a {text-decoration:none; color:#666666; font-size:90%;}
#footer p { color: #666666; }
#footer img {margin-right:8px;}



/* admin stuff */
#adm_tabs_content{
	padding:5px 10px;
}

#adm_tabs_content table{
	background:#fff;
}

#admincont{
  margin-top:48px;	
}


div.cms_paragraph{
  line-height:1.4em;	
}


.cms_rssimport{
  margin-top:-1em;
}

.cms_rssimport hr{
  border-style:none;
  height:1px;
  background:#666;
  margin-bottom:1.5em;
  width:100px;
}


/* teaser */
.teaser{
  margin: -20px 0 30px 0 ! important;
  padding: 0;
}

.teaser li{
  margin: 0 !important;
  padding: 20px 0 !important;
  list-style:none;
  border-bottom:#dedede 1px dotted !important;
}

/*
.teaser li{
  margin:0 !important;
  padding:10px !important;
  padding-bottom:0!important;
  list-style:none;
  margin-bottom:2em !important;
  border:#bbb 1px solid !important;
  background:#f0f0f8;
}
*/
.teaser .teaser_image{
  float:left;
  width:100px;
  margin-bottom:1em;
  margin-right:1em;
}

.teaser .teaser_hl{
  margin-left:130px;
}

.teaser .teaser_text{
  margin-left:130px;
}

.teaser li h2 a{

}

.teaser li div h1,
.teaser li div h2 {
	font-size:1em;
}



/* blog/news */


.cms_bloghdrlinks{
  margin-bottom:1em !important;
  text-align:center;
}
.cms_bloghdrlinks table{
 text-align:left;
}

.blog_content{
  margin-bottom:1em;	
}


.blog_post_odd,
.blog_post_even{
  border-style:none;	
}

.blog_post_odd h2 a,
.blog_post_even h2 a{
  color:#666;
}

.blog_content span{
/*
  display:block;
  clear:both;
*/
}

.cms_addcommentdiv div{
  padding-top:0.7em;
  padding-left:20px;
}

.cms_addcommentdiv form{
  margin:0;
  padding:0;	
}

.cms_addcommentdiv table{
  border-collapse:collapse !important;	
  margin-top:0.3em;	
}

.cms_addcommentdiv table tr td{
  padding-bottom:0.3em;
  padding-right:0.3em;
}

.blog_content .cms_paragraph h2{
  background:none;
  font-size:1em;
  margin:0;
  padding:0;
}

.blog_menu{
  margin-top:-3em !important;
  margin-bottom:1em !important;
  display:block !important;
  text-align:right;
  
}

.blog_menu li{
  float:none !important;	
  display:inline !important;
  margin:0 2em 0 0!important;
  padding:0 !important;
}


/* easy contact */
.cms_ec{
	border-color:#999 !important;	
}
.cms_ec_header{
    margin:0 !important;	
    padding:0 !important;
    background:#999 !important;
}

.cms_ec_header br{
	display:none !important;	
}

.cms_ec_header ul{
	padding:10px 10px 0 30px !important;
	margin:0!important;
	display:block !important;
}

.cms_ec_header li{
	display:inline !important;
	float:none !important;
	margin:0 -1px 0 0!important;
	padding:0.4em 0.8em 0.4em 0.8em !important;
	border: 1px #fff solid !important;
	border-bottom:none !important;
	line-height:1.7em !important;
}

.cms_ec_close{
	position:absolute;
	top:5px;
	right:5px;
}

/* normales contact form */

.cms_contact_form{
	background:url(/Templates/mcgrip/Images/KontaktFormular/bild-kontaktformular.jpg) no-repeat;
	padding:120px 15px 15px 22px;
	height:460px;
	width:450px;
}

.cms_contact_form textarea{
	height: 130px;
	width: 300px;
}

/* Online Service formular*/
#cms_contact_form_144{
	background:url(/Templates/mcgrip/Images/KontaktFormular/Online-Service.gif) no-repeat;
}
/* Presse Formaulr*/
#cms_contact_form_155{
    background: none;   
    padding-top:0;
}

/* menu */
.css_menu { position:relative; text-align:right; padding-right:1em;}
.css_menu div{ display:none; position:absolute; top:-1em; right:10%; border:1px solid #999999; background: #fff url(Images/1px-verlauf.jpg) repeat-x; z-index:5; }
.css_menu:hover div{ display:block;}





#cms_contact_form_167{
    background:url(/Templates/mcgrip/Images/Kontaktformular.gif) no-repeat;
}

table.ansprechpartner{
	width:100%;
	background:url(Images/ansprechpartner-bg.jpg) repeat-x 0 100px;
	border-collapse:collapse;
}

table.ansprechpartner a{
	color:#000;
	text-decoration:none;
}

table.ansprechpartner td{
	padding-bottom:20px;
	width:25%;
}


.apDetailsImg{
	padding:0 !important;
	margin-left:-20px;
	margin-right:20px; /* ie7 workaround */
	display:inline; /* ie6 fix */
}

.apDetailsBeschreibung h1{
	margin-top:60px;
	margin-bottom:0px;
}

.apDetailsBeschreibung{
	position:relative;
	color:#617cb1;
}
.apDetailsBeschreibung *{
	color:#617cb1;
}

.ansprechpartner .cms_contact_form{
	background:0 none;
	width:auto;
	height:auto;
	padding:0;
	margin-top:20px;
}

.ansprechpartner .cms_contact_form textarea{
	width:200px;
	height:3.6em;
}

.ansprechpartner .cms_contact_form textarea,
.ansprechpartner .cms_contact_form input[type=text]{
	background:#f1f1f1;
	border:1px solid #ddd;
	
}


.hr_dotted{border-bottom: 1px dotted #ccc; margin: 10px 0 30px; clear: both;}
.hr_dotted_margin{border-bottom: 1px dotted #ccc; margin: 10px 0 50px; clear: both;}



/* Osteraktion */
.losungab,
.losung{margin: 10px 0 10px;}
.losungnr{margin: 0 0 10px; border: 1px solid #5E8FA7; font-size: 1.3em; padding: 5px 0; width: 1.7em; text-align: center; display: block; background: #EFF5F8; color: #285E78;}


.losungab #losung16, .losungab #losung26, .losungab #losung3, 
#losung3, #losung5, #losung8, #losung13, #losung14{background: #EFF5F8 ! important; border: 1px solid #5E8FA7 ! important; color: #285E78}

.losungab #losung5, 
.losungab #losung8, 
.losungab #losung13, 
.losungab #losung11,
.losungab #losung14{background: #fff ! important; border: 1px solid #000 ! important; color: #000;}


.losungab td,
.losung td{font-size: 1.3em; padding: 5px 0; width: 1.7em; text-align: center; border: 1px solid #000;}

.losungab #losungCol{
	height:5px;
	font-size:5px;
	line-height:5px;
	padding:0;
}
.losungab #losungCol, .losungab #losung10, .losungab #losung14, .losungab #losung21,  .losungab #losung30, .losungab #losung36,
#losung11{border: none ! important;}


.osteraktion2010Rating{width: 390px; margin: 0; padding: 5px; border: 1px solid #eee; background: #fafafa;}
.osteraktion2010Rating td{padding: 5px 0; border-collapse: collapse; margin: 0;}
.osteraktion2010Rating td.mi{width: 340px;}
.osteraktion_0{background: url(Images/Ostern/grafik-ostern-4.jpg) 130px 10px no-repeat; margin-top: -50px; padding-top: 70px ! important; position: relative;}
.osteraktion_4{background: url(Images/Ostern/grafik-ostern-3.jpg) 370px bottom no-repeat;}
.osteraktion_2{background: url(Images/Ostern/grafik-ostern-2.jpg) 40px 10px no-repeat;}

.osteraktion_bg{padding: 10px 0 0 140px;}

.osterfragen td{padding: 0 5px;}

.osteraktion_4{margin-bottom: 30px;}
.osterform{width: 380px; padding: 10px 10px 40px; margin: 10px 0 10px 140px; position: relative; border: 1px solid #dedede; background: url(Images/ostern-kontakt_bg.jpg) bottom left no-repeat #E9F1F5;}

.cms_custom_ostern_weiterempfehlen_form
{background: #E9F1F5;
	padding: 15px 20px 35px;
	border: 1px solid #DDE5F4;
	position: relative;
	width: 390px;
	padding: 5px;
	margin: 10px 0 10px 140px;
	}

/* Osteraktion Ende */

/* Landingpage Vertrieb */
.lp-vertrieb-referenz{background: url(Images/LP-Vertrieb/bg-referenz.jpg) top left no-repeat; padding: 15px 15px;}
.lp-vertrieb-asp{background: url(Images/LP-Vertrieb/bg-ansprechpartner.jpg) top left no-repeat; padding: 15px 15px}
.lp-vertrieb-cbform{background: url(Images/LP-Vertrieb/bg-formular.jpg) top left no-repeat; padding: 10px 15px; min-height: 270px;}
.lp-vertrieb-cbform h2, .lp-vertrieb-cbform p{color: #3b7aaf}
.lp-vertrieb-cbform .submitbtn{padding-top: 30px}
.lp-vertrieb-verlauf{ position:absolute;bottom:0;width:100%;height:20px;background:url('/Templates/mcgrip/Images/LP-Vertrieb/1px-verlauf.png') left bottom repeat-x; }



.ims-wide{
	width:420px;
}

.td-ims-end{
	text-align:right;
}





/* Layer riesenrad */

.riesenrad{
	width:991px;
	height:624px;
	top:10px;
	background:url(/Templates/mcgrip/mannem_banner-cr.jpg) no-repeat;
	margin:0 auto;
	position:relative;
	z-index:2000;
}

.riesenrad .riesenrad-close{
	position:absolute;
	right:5px;
	top:5px;
	display:block;
	background:#F5A221;
	text-decoration:none;
	color:#fff;
	padding:0 3px;
	font-size:20px;
	font-weight:bold;
}

.riesenrad-overlay{
	position:absolute;
	z-index:1999;
}


.riesenrad-facebook-mcgrip,
.riesenrad-facebook-ascheberg{
	position:absolute;
	top:200px;
	left:38px;

}

.riesenrad-facebook-ascheberg{
	left:254px;
}