/* @override http://commcon.ch/content/css/commcon.css */

/* @override http://commcon.ch/content/css/commcon.css */

/* @override http://commcon.ch/content/css/commcon.css */

/***********************************************/
/* commcon_ch_2007.css                             */
/***********************************************/



body{
	font: 13px Arial, Helvetica, Geneva, sans-serif;
	background-color: #ffffff;
}

/*
body, td, th, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
*/
a{
	color: #16f900;
}

a:link{
	color: #4c4c4c;
	text-decoration: none;
	font-variant: small-caps;
}

a:visited{
	color: #666;
	text-decoration: none;
	font-variant: small-caps;
}

a:hover{
	color: #000;
	text-decoration: none;
	font-variant: small-caps;
}
/* prüf fehler- commmcon change
a:aktive{
	color: #fd1c00;
}
*/
a.type_1:link { 
	color: #666;
	font-size: 10px;
}

a.type_1:visited{
	color: #b3b3b3;
	font-size: 10px;
}

a.type_1:hover{
	color: #000;
	font-size: 10px;
}

a.type_2:link{
	color: #7f0e00;

}
a.type_2:visited{
	color: #7f7e00;
}
a.type_2:hover{
	color: #4c4c4c;
}


h1{
 font-family:  Arial, Helvetica, Geneva, sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family:  Arial, Helvetica, Geneva, sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 	background-color: #F3F3F3;
 	color: #4c4c4c;
 	padding-left: 2px;
	 margin-top: 5px;
	 margin-bottom: 5px;
	font: normal small-caps 1.15em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h4{
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
 font-family:  Arial, Helvetica, Geneva, sans-serif;
 font-size: 80%;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

p{
	padding-top:0em;
	margin-top: 0em;
	padding-bottom: 0em;
	margin-bottom: 0.2em;
}

ul{
 list-style-type: square;
 margin-bottom: 8px;
 padding-left: 17px;
 margin-top: 0px;
}

ul ul{
 /*list-style-type: disc;*/
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

.smallText{
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size: 11px;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#gesamt {
	width: 970px;
	margin-left: -485px; /* halbe weite */ 
	
	/*height: 600px;
	margin-top: -300px;  halbe höhe */
	

	position: absolute;
	/*top: 50%;*/
	left: 50%; }
#gesamt_schwarz {
	width: 970px;
	margin-left: -485px; /* halbe weite */ 
	
	/*height: 600px;
	margin-top: -300px;  halbe höhe */
	

	position: absolute;
	/*top: 50%;*/
	left: 50%;
	background-color: #000;
}
#gesamt_error {
	padding-top: 40px;
	margin:40px, auto, auto, auto;
	text-align:center;
}
#alles {
	height: 800px;
	width: 1000px;
	/*
	margin-right: auto;
	margin-left: auto;
	*/
	margin: 0 auto;
	background-repeat: no-repeat;
	margin-top: auto;
	margin-bottom: auto;
}

#rahmen_oben {
	background-image: url(/content/bilder/rahmen_schatten_oben_rect.jpg);
	height: 174px;
	width: 960px;
	margin-top: 5px;
}
#quick_navi{
	height: 17px;
	width: 960px;
}
#quick_navi_mail_html {
	height: 17px;
	width: 700px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#quick_navi_logo_text {
	float: left;
	text-align: left;
	padding-left: 46px;
	color: #4c4c4c;
	font: 14px Arial, Helvetica, Geneva, sans-serif;
}
#quick_navi_logo_text_mail_html {
	float: left;
	text-align: left;
	padding-left: 10px;
	color: #4c4c4c;
	font: 14px Arial, Helvetica, Geneva, sans-serif;
}
.logo_stifte {
	color: #fd1c00;
}

.quick_navi_text_rechts {
	float: right;
	text-align: right;
	padding-right: 30px;
	color: #4c4c4c;
	font: 1.15em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.quick_navi_text_rechts_mail_html {
	float: right;
	text-align: right;
	padding-right: 10px;
	color: #4c4c4c;
	font: 12px  Arial, Helvetica, Geneva, sans-serif;
}

#quick_navi_link_text_rechts {
	color: #4c4c4c;
	font: 12px  Arial, Helvetica, Geneva, sans-serif;
}
/*
.quick_navi_text_rechts {
	
	font-size: 0.6em;
	color: #333;
}
*/
#quick_navi_logo_striche {
	color: #fd1c00;
	/*
	float: left;
	text-align: left;
	margin-left: 20px;
	*/
}


#rahmen_cont_oben{
	background-image: url(/content/bilder/rahmen_schatten_cont_oben_rect.jpg);
	height: 32px;
	width: 960px;
}
.banner{
	width: 880px;
	margin-top: 10px;
	padding-left: 33px;
	padding-top: 20px;
}
.slideshow_banner{
	width: 880px;
	margin-left: 47px;
	
}

#rahmen_cont_mitte{
	background-image: url(/content/bilder/rahmen_schatten_cont_mitte_rect.jpg);
	width: 945px;
	background-repeat: repeat-y;
	padding-left: 5px;
	z-index: 6;
	display: inline-block;
}

.text_cont_01{
	text-align: center;
	font-size: 1.1em;
	padding-left: 8em;
	width: 25em;
	padding-top: 6.5em;
}

.navigation_cont_02 {
	float: right;
	text-align: right;
	width: 480px;
	padding-right: 30px;
	font: normal 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
	border-bottom: 1px solid #4c4c4c;
}
.cont_2_unten{
	width: 525px;
	float: left;
	height: auto;
	overflow: auto;
	padding-left: 5px;

	}
.cont_02_headline{
	width: 510px;
	float: left;
	margin-top: 2px;
	background-color: #f2f2f2;
}

.text_cont_02_headline{
	text-align: left;
	float: left;
	padding-left: 5px;
	width: 510px;

}

.top_cont_02{
	float: right;
	font: 0.8em Arial, Helvetica, Geneva, sans-serif;
	margin-right: 10px;
}

.image_cont_02_mitte{
	width: auto;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	z-index: 80;
}


.text_cont_02{
	text-align: left;
	font-size: 13px;
	padding-left: 5px;
	width: 245px;
	padding-top: 5px;
	float: left;
	margin-top: 1em;
	margin-bottom: 8em;
}


.right_box{
	width: 159px;
	font-size: 10px;
	padding-left:31px;
	height: 400px;
	float: right;
	margin-right: 10px;
	border-left: 1px solid #ddd;
}

.text_right_headline{
	font-size: 13px;
	padding-left: 5px;
}

.text_right_unten{
	font-size: 11px;
	padding-left: 8px;
	margin-left: 9px;
}

#rahmen_cont_unten{
	background-image: url(/content/bilder/rahmen_schatten_cont_unten_rect.jpg);
	height: 40px;
	width: 960px;
	background-repeat: no-repeat;
}
#navi_bild{
	height: 476px;
	width: 185px;
	background-repeat: no-repeat;
}
#navi_text_box{
	height: 470px;
	width: 160px;
}

#link_01{
	height: 1em;
	width: 120px;
	text-align: left;
	padding-top: 10px;
	margin-left: 50px;
	font: small-caps 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#link_02{
	height: 1em;
	width: 120px;
	text-align: left;
	padding-top: 10px;
	margin-left: 50px;
	font: small-caps 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}


#link_03{
	height: 1em;
	width: 120px;
	text-align: left;
	padding-top: 10px;
	margin-left: 50px;
	font: small-caps 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#link_04{
	height: 1em;
	width: 120px;
	text-align: left;
	padding-top: 10px;
	margin-left: 50px;
	font: small-caps 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#link_05{
	height: 1em;
	width: 120px;
	text-align: left;
	padding-top: 10px;
	margin-left: 50px;
	font: small-caps 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#link_06{
	height: 1em;
	width: 120px;
	text-align: left;
	padding-top: 10px;
	margin-left: 50px;
	font: small-caps 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#link_07{
	height: 1em;
	width: 120px;
	text-align: left;
	padding-top: 10px;
	margin-left: 50px;
	font: small-caps 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}


#content{
	height: 398px;
	width: 706px;
	float: right;
	margin-right: 50px;
	margin-top: 30px;

}


#products li {
	list-style: none;
	width: 480px;
	height: 130px;
	clear: both;
	margin-bottom: 10px;
}

#products img {
	width:	250px;
	float: left;
	border: 2px solid #444444;
}

#products div {
	width: 200px;
	float: right;
}

#products a:hover img{
	border: 2px solid #000000;
}