@charset "utf-8";
/* CSS Document by G8media, http://www.g8media.de */

/***********************************************************************
	Relaunch of /index.html
 ***********************************************************************/

#lc{
	width: 396px;
	float: left;
}
#rc{
	width: 334px;
	float: right;
}
#lc h3, #rc h3{
	padding: 2px 3px 2px 18px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	margin: 1.5em 0 0.5em;
}
#lc h3{ background-color: #788BB4; }
#rc h3{ background-color: #88799D; }

.section{
	margin-bottom: 2em;	
}
.section p{
	margin: 0.5em 0;
}
.section h2{
	margin: 0 0 0.25em 0;
	font-size: 13px;
	line-height: normal;
}

.section img{
	display: block;
	border: none;
	padding: 0px;
	width: 100%;
}
.cols *{
	padding-left: 85px;
	display: block;	
}
.cols img{
	width: 78px;
	float: left;
	border: 1px solid #666;
}
.cols img.noborder{
	width: 80px;
	border: none;
}
.cols a{
	padding: 2px 0 2px 110px;
	background: url("../images/link.gif") no-repeat 95px 0.5em;	
}
.cols h2{
	padding: 0 0 0 85px;
}



.list-1{
	list-style-type: none;	
	padding: 0;
	margin: 0.5em 0 1em;
}
.list-1 li{
	clear: left;
	padding: 0.5em 0;
	border-bottom: 1px dotted #ccc;
}

form#kontakt textarea{
	font-family: Verdana, Geneva, sans-serif;
}
	








/***********************************************************************
	Iframes used to subscribe / unsubscribe to newsletter
	file: /neuigkeiten/newsletter.html
 ***********************************************************************/
iframe{ border: none; width: 100%; height: 7.5em; }
iframe.small{ height: 5em; }
iframe.tall{ height: 10em; }

iframe#kontakt { height: 45em}

.clear{clear: both;}

div.imgbox-right{
	float: right;
	margin-left: 15px;
}



/* general layout of h2 */
div#content.relaunch h2{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 0.2em;
	border-left: 5px solid;
	border-bottom: 1px solid;
	margin-bottom: 1em;
	padding-left: 5px;
	padding-right: 5px;
}
div#content.relaunch h3{
	margin: 2em 0 1em 0;	
}
div#content.relaunch ul{
	margin-bottom: 1em;	
}
/* general layout of span in h2, used to create colored boxes above text
   this might have to get a review because an empty tag is used to provide
   css possibilities */
div#content.relaunch h2 span{
	background-image: url(../images/px_white.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 31px;
	height: 30px;
	display: block;
	border-left: 25px solid;
	margin-bottom: 0.2em;
	margin-left: -5px;
}
div#content.relaunch #upgcontainer{
	margin-bottom: 1em;	
}
/**********************************************************************************
 * Color Themes
 *********************************************************************************/

/* themeGreen */
body.themeGreen div#content.relaunch h2{
	background-color: #E3EDD1;
	border-color:  #96C23F;
}
body.themeGreen div#content.relaunch h2 span{
	border-color:  #96C23F;
	background-color: #69BDD9;
}
/* themeDarkBlue */
body.themeDarkBlue div#content.relaunch h2{
	background-color: #DDE5F3;
	border-color:  #2857A5;
}
body.themeDarkBlue div#content.relaunch h2 span{
	border-color:  #2857A5;
	background-color: #4DADD6;
}

/**********************************************************************************
 * List products of specific category
 *********************************************************************************/
#content.relaunch ul.products {padding:0; margin: 1em 0; border-bottom: 1px dotted #ccc;}

#content.relaunch ul.products li { display: block; list-style-type: none; border-top: 1px dotted #ccc; }
#content.relaunch ul.products div.left { width: 160px; float: left;}
#content.relaunch ul.products div.left a{ display: block; text-decoration: none; margin-bottom: 1em;}
#content.relaunch ul.products div.right { width: 410px; float: right;}
#content.relaunch ul.products h3 { margin: 0.8em 0 1em;}
#content.relaunch ul.products p { margin: 1em 0;}
#content.relaunch ul.products p a{ display: block; background: url("../images/link.gif") no-repeat 0 0.25em; padding: 0 20px;}
#content.relaunch ul.products img{ 	border: 1px solid #666; display: inline-block; margin: 1em 5px 0 0;}

/* clearfix */
#content.relaunch ul.products:after, #content.relaunch ul.products ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] #content.relaunch ul.products:after, html[xmlns] #content.relaunch ul.products ul:after{ display: block; }
* html #content.relaunch ul.products:after, * html #content.relaunch ul.products ul:after { height: 1%; }