@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 73.1%; 
	line-height: 2.2em; 
	color: #444;
	background-color: #f3f3f3;
	margin: 0px;
	padding: 0px; 
}

img {
border:none;
}

.invalid
{
color: #f00;
text-decoration: underline;
}

.contact_email
{
width: 250px;
float:left;
margin: 0 20px 0 0;
}

.contentpaneopen {
	width: 600px !important;
	
}

.contentpaneopen p {
	width: 550px !important;
	
}


.c
{
clear:both;
}

h5
{
color:#999;
font-size:10px;
margin:0 0 0 5px;
padding:0;
}

hr
{
background-color: #14A4D0;
border: 0;
height:1px;
margin:0;
}


a {
color:#14a4d0;
}

.top, .content, .footer {
float:left;
width:100%;
}

.topcontent, .bottomcontent {
margin: 0 auto;
width:95%;
}

.topmenu {
padding: 110px 0 0 23px;
line-height: 1em;
border:none;
margin: 0 auto;
}

.topmenu ul.menu, .topmenu ul.menu li {
padding:0;
margin:0;
list-style:none;
float:left;
font-weight:bold;
}

.topmenu ul.menu li 
{
background: url(../images/navback.gif) repeat-x;
border: 1px solid #1895CB;
margin: 0 2px;
}

.topmenu ul.menu {
margin:2px auto;
}

.topmenu ul.menu li a:link, .topmenu ul.menu li a:visited {
float:left;
padding:8px 10px;
color:#14A4D0;
font-size:.9em;
text-decoration:none;
width:auto;
margin:0;
}

.topmenu ul.menu li a:hover {
text-decoration:underline;
}

ul.menu, ul.menu li {
padding:0;
margin:0;
list-style:none;
}

ul.menu {
border:none;
}

ul.menu li a:link, ul.menu li a:visited {
text-decoration:none;
padding:8px;
border-bottom:1px solid #e4e4e4;
display:block;
margin:0 0 1px 0;
}

ul.menu li a:hover {

}

.top {
background-image:url(../images/headerbck.jpg);
background-repeat:repeat-x;
background-color:#2acdf4;
background-position:bottom;
}

.int {
margin:0px auto;
width:910px;
height:100px;
}

.head1
{
background: url(../images/head1.jpg);
height: 128px;
}

.head2
{
background: url(../images/head2.jpg) no-repeat;
height: 115px;
margin: 0 auto 40px auto;
}

.content {
background-color:#fff;
border-bottom:1px solid #e4e4e4;
padding:0 0 24px 0;
background-image:url(../images/mainbck.jpg);
background-repeat:repeat-x;
}

html*.content
{
height: 1500px;
}

.logo {
float:left;
width:auto;
}


.left {
width:67%;
float:left;
border-right:1px solid #e4e4e4;
padding-right:12px;
}

.right {
float:right;
width:30%;
}

.rightfull {
width:620px;
float:right;
border-left:1px solid #e4e4e4;
padding-left:12px;
}

.leftfull {
float:left;
width:210px;
background: #f8f8f8;
padding: 0 10px;
}

.leftsmall {
float:left;
width:23%;
padding-right:2%;

}

.centersmall {
float:left;
width:46%;
padding:0 1.6%;
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
}

.rightsmall {
float:left;
width:23%;
padding-left:2%;

}

.footer {
padding:24px 0;
font-size:.88em;
color:#999;
}

h1 {
font-size: 22px; 
font-weight: normal; 
margin: 0 0 10px 0;
border-bottom:1px solid #e4e4e4;
padding:8px 0;
}

h2, .contentheading {
color:#14a4d0;
font-size:2em;
font-weight:lighter;
margin:6px 0 6px 0;
padding:8px 0 12px 0;
border-bottom:1px solid #e4e4e4;
}

h3, .componentheading , h1.componentheading {
color:#222;
font-size:1.5em;
font-weight:lighter;
margin:0;
padding:8px 0 12px 0;
}

.footer h3 {
font-size:1.1em;
font-weight:bold;
padding:0 0 0 0;
color:#555;
}

.teaser {
font-size:14px;
color:#555;
line-height:28px;
padding:12px 0;
}

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

ul.subcontent li {
float:left;
width:31%;
padding:1%;
list-style:none;
}

.header {
margin:0 0 24px 0;
}

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

ul.footercontent li {
float:left;
width:21%;
padding:0 2%;
list-style:none;
}

.head2 div.moduletable{
float:right;
color:#cceff7;
margin: 83px 28px 0 0;
}

/* IE7 hack */
div.head2+div.moduletable
{
margin: 51px 28px 0 0;
}


.search input, input.inputbox, input.validate-email {
border:1px solid #6cdef3;
color:#fff;
background-color:#13a2ce;
padding: 2px 10px;
height: 16px;
}

button, input.button
{
border:1px solid #6cdef3;
color:#fff;
background-color:#13a2ce;
padding: 2px 10px;
text-transform: uppercase;
font: normal 10px verdana, sans-serif;
height: 22px;
}

select.inputbox
{
height: 24px;
}

textarea
{
height: 100px;
width: 220px;
border:1px solid #6cdef3;
color:#fff;
background-color:#13a2ce;
}


.topbox .big {
color:#5dd8f6;
font-size:2em;
font-weight:lighter;
}

.small {
font-size:.8em;
color:#888;

}

img.image {
border:1px solid #e4e4e4;
padding:4px;
margin:0 4px 0 0;
}

.credits {
border-top:1px solid #e4e4e4;
width:96%;
margin:12px 2%;
padding:4px 0;
font-size:0.9em;
float:left;
}

.kundenlogin
{
margin: 0 0 25px 0;
}

.kundenlogin ul
{
list-style: none;
margin:15px 0 0 0;
padding:0;
}

.kundenlogin input#username_vmlogin, .kundenlogin input#password_vmlogin
{
background-color:#13A2CE;
border:1px solid #6CDEF3;
color:#FFFFFF;
padding:2px 10px;
width:185px;
}

.kundenlogin input.button
{
width: 100px;
background-color:#13A2CE;
border:1px solid #6CDEF3;
color:#FFFFFF;
padding:2px 10px;
}

a.mainlevel, form#login a
{
padding: 2px 4px;
display:block;
text-decoration: none;
background: url(../images/bullet.gif) no-repeat 0 9px;
padding: 0 10px;
}

a.mainlevel#active_menu
{
font-weight:bold;
}

a.mainlevel:hover, form#login a:hover, a.mainlevel#active_menu:hover
{
color:#fff;
display:block;
background: #14A4D0 url(../images/bulletactive.gif) no-repeat 0 9px;
}

.ajaxlogin
{
width:90%;
}

.kontaktformular
{
float:left;
width: 250px;
}



a.warenkorb
{
text-decoration:none;
display:block;
font-weight:bold;
}

a.warenkorb:hover
{
text-decoration:underline;
}

.bildunter
{
font: normal 10px verdana,sans-serif;
color: #666;
}


marquee 
{
height:150px;
margin-top: -65px;
}

marquee table
{
height: 200px;
}


/* IE hack */
marquee 
{
height:220px\9;
}

marquee table
{
height: 100px\9;
margin-top: 70px\9;
width: 1000px\9; /* f�r IE7 */
}
/* ende IE hack */

.leftfull .moduletable, #vmMainPage table
{
line-height: 1.4em;
}