/**
 * Contao Open Source CMS
 * Copyright (C) 2005-2010 Leo Feyer
 *
 * Formerly known as TYPOlight Open Source CMS.
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 3 of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at <http://www.gnu.org/licenses/>.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2010
 * @author     Leo Feyer <http://www.contao.org>
 * @license    LGPL
 * @version    1.0
 */

/* Reset margins */
html {
	margin:0;
	padding:0;
	background-image:url(../img/img_bg_html_standard.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	}

html.home {
	margin:0;
	padding:0;
	background-image:url(../img/img_bg_html.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	}

body {
	background-image:url(../img/img_bg_body.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-position:center top;
	}	
	
#teaserbild {
	height:138px;
	background-image:url(../img/teaserbild/teaser_1.jpg);
	background-repeat:no-repeat;
	}	

#main .inside,
#left .inside {
	padding-top:20px;
	}

#main .inside {
	padding:20px 0 100px 20px;
	}
	
#left .inside {
	padding-left:20px;
	}	
	
#footer {
	background-color:#303030;
	background-image:url(../img/img_bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0 auto;
	padding-top:35px;
	}	

#footer .inside {
	width:960px;
	margin:0 auto;
}

#footer p {
	color:#999999;
}


    /*  CONTENT  */	
h1,h2,h3 {
	color:#999;
	font-weight:bold;
	font-size:30px;
	}	

h1 {
	font-size:26px;
	}	

h2 {
	font-size:20px;
	}	

p {
	font-size:12px;
	line-height:24px;
	color:#999;
	}
	
#left p {
	font-size:11px;
	line-height:18px;
	color:#999;
	}

a {
	color:#634A89;
}

a:hover {
	color:#cc99ff;
}


	
	/*  NAVIGATION  */

.mod_navigation {
	margin:0;
	padding:0;
	position:absolute;
	top:150px;
	width:960px;
	height:40px;
	}

.mod_navigation ul {
	margin:0;
	padding:0;
}

.mod_navigation li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	height:40px;
	padding:7px 20px 0px 20px;
}


.mod_navigation a {
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:#000000 1px 1px 2px;
	
}

.mod_navigation li.active,
.mod_navigation li.trail {
	background-image:url(../img/img_nav_li_active.jpg);
	background-repeat:repeat-x;
	}

.mod_navigation a:hover,
.mod_navigation li.active strong {
	font-size:20px;
	font-weight:bold;
	color:#cc99ff;
	text-decoration:none;
	text-shadow:#000000 1px 1px 2px;
	
}


#nav_level2.mod_navigation {
	margin:0;
	padding:0;
	position:absolute;
	top:190px;
	width:960px;
	height:25px;
	}

#nav_level2.mod_navigation a {
	font-size:14px;
	font-weight:normal;
	color:#c2b2dc;
	text-decoration:none;
	text-shadow:#000000 1px 1px 2px;
	
}

#nav_level2.mod_navigation li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	height:40px;
	padding:3px 10px 0px 20px;
	background-image:none;
}

#nav_level2.mod_navigation a:hover,
#nav_level2.mod_navigation li.active strong {
	font-size:14px;
	font-weight:normal;
	color:#cc99ff;
	text-decoration:none;
	text-shadow:#000000 1px 1px 2px;
	
}







	
.mod_customnav {
	position:absolute;
	top:2px;
	right:0px;
}


.mod_customnav ul {
	margin:0;
	padding:0;
}

.mod_customnav li {
	float:right;
	margin-left:10px;
	list-style-type:none;
	}
	
.mod_customnav a {
	font-size:11px;
	text-transform:uppercase;
	color:#999999;
	text-shadow:#000000 1px 1px 1px;
	text-decoration:none;
	}	
	
.mod_customnav a:hover,
.mod_customnav li.active strong {
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	}	
	
	




.mod_webShop_navigation {
	position:relative;
	top:35px;
	left:0px;
	margin-bottom:100px;
	}	
	
.mod_webShop_navigation ul {
	padding:0;
	margin:0;
}	

.mod_webShop_navigation li {
	padding:0 0 0 10px;
	margin:0;
	line-height:30px;
	background-image:url(../img/img_nav_webshop_level1.jpg);
	background-repeat:no-repeat;
}	

.mod_webShop_navigation a {
font-weight:bold;
	color:#634A89;
	text-decoration:none;
}

.mod_webShop_navigation .level_1 a {
	color:#fff;
	text-decoration:none;
}

.mod_webShop_navigation a:hover {
	color:#cc99ff;
}	
	
.mod_webShop_navigation li.active {
	background-image:url(../img/img_nav_webshop_level1_active.jpg);
	background-repeat:no-repeat;
	}
	
.mod_webShop_navigation li.active a {
	color:#FFFFFF;
	}
	
.mod_webShop_navigation li a {
	padding:0;
	margin:0;
	height:31px;	
	}	





	
.mod_webShop_navigation li.submenu {
	background-image:url(../img/img_nav_webshop_level1_active.jpg);
	}
	
.mod_webShop_navigation li.submenu .level_2 a {
	color:#634A89;
	}	
	
.mod_webShop_navigation li.submenu .level_2 a:hover {
	color:#cc99ff;
	}	
	

.mod_webShop_navigation .level_2 li.active a {
	color:#fff;
}

.level_2 a.submenu {
	color:#fff;
	}

.mod_webShop_navigation .level_3 li {
	background-image:none;
	line-height:25px;
	}	

.mod_webShop_navigation li.submenu .level_3 a {
	color:#634A89;	
	font-size:11px;
	}	
	
.mod_webShop_navigation li.submenu .level_3 a:hover,
.mod_webShop_navigation .level_3 li.active a  {
	color:#cc99ff;
	}		





.shop_unterseite .mod_webShop_navigation li {
	background-image:url(../img/img_nav_webshop_level1_active.jpg);
	}


	
	
/*  Formular  */ 


form label {
	font-size:10px;
	color:#999;
	text-transform:uppercase;
	display:block;
}
 
form input {
	height:25px;
	width:400px;
	border:#CCC 1px solid;
	margin-bottom:5px;
	padding-left:3px;
	color:#696969;
}

textarea {
	height:150px;
	width:400px;
	border:#CCC 1px solid;
	margin-bottom:5px;
}
 
.captcha_text {
	margin-bottom:5px;
	display:block;
}
 
input.submit {
	width:200px;
}
 
p.error {
	width:700px;
	float:left;
	font-size:10px;
	color:#900;
	text-transform:uppercase;
} 	
	
.editAdress input {
	width:10px;
	height:auto;
	}	
	
	

	
	
	
	
/*  SUCHE  */	
	
#left .mod_form {
	position:relative;
	top:35px;
	border-bottom:#efefef 1px solid;
	border-top:#efefef 1px solid;
	margin:0 0 25px 0;
	padding:3px 0px 2px 0px;
	height:29px;
}


#suchformular .formbody {
	top:0px;
	width:250px;
	height:1px;
	}
	
	
#suchformular label {
	visibility:hidden;
	width:0px;
	height:0px;
	}

#suchformular input.submit {
	width:9px;
	height:18px;
	border:0px;
	margin:0px;
	padding:0px;
		}
	
#suchformular input.text {
	background-color:#f5f5f5;
	border:#cccccc 1px solid;
	width:170px;
	float:left;
	margin-right:5px;
}
	
#suchformular div.submit_container {
	position:absolute;
	width:30px;
	right:0px;
	top:7px;
	margin:0px;
	}
	
.highlight {
	color:#634A89;
	}	
	


/*  Ergebnisse  */

.url {
	color:#CCCCCC;
	font-size:10px;
	line-height:18px;
	border-bottom:#CCCCCC 1px dotted;
	margin-bottom:10px;
}

p.context {
	line-height:18px;
	margin:0;
	padding:0;
}	






/* KEINE VARIANTEN BILDER */

.no_var_img {
	visibility:hidden;
}

#variantLinks {
	background-image:url(../img/img_leer.gif);
}