/*
	OCS-Styles fuer die Bildschirmausgabe
	
	Farben:
	Layout-Striche: #bec6c8
	Logo-rot: #f41e20
	Headline/Produkte-Menue: #707070
	Headline h2 blau: #1a96cd
	Inputline Hellblau: #c7eaf9
	Fett: #555
*/


/**
 *	Allgemein
 */

html {
	width:100%;
	height:100%;
}

body { 
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background-color:#fff;
	background-image:url(../img/bg-body.gif);
	background-repeat:repeat-y;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

img { border: none; }

.blue { color:#1a96cd }



/**
 *	Typeset
 */

a, div, p, body, td, ul, .subhead, .listitem, label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

p { margin-top:0; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	font-weight:normal;
	padding:0;
	margin-top:0;
}

h1, .h1 { font-size:24px; }
h2, .h2 { font-size:18px; color:#1a96cd; margin:5 0 15px 0; padding:7px 0 0 0; }
h3, .h3 { font-size:15px; }
h4, .h4 { font-size:14px; font-weight:bold; }
h5, .h5 { font-size:15px; margin:0; padding:0; }

address { 
	font-style:normal; 
	color:#666;
}

small, .small {
	font-size:12px;
	color:#000;
}

a.small:link { color:#013782; text-decoration:underline; }
a.small:visited { color:#666; text-decoration:underline; }
a.small:hover { color:#f41e20; }
a.small:active { color:#f41e20; }

.gray { color:#666; }

a:link { color:#013782; }
a:visited { color:#666; }
a:hover { color:#f41e20; }
a:active { color:#f41e20; }

.black { 
	font-size:14px;
}
a.black:link { color:#000; text-decoration:underline; }
a.black:visited { color:#000; text-decoration:underline; }
a.black:hover { color:#f41e20; }
a.black:active { color:#f41e20; }

a.gray:link { color:#666; text-decoration:underline; }
a.gray:visited { color:#666; text-decoration:underline; }
a.gray:hover { color:#f41e20; }
a.gray:active { color:#f41e20; }

a.listitem:link { color:#28a39d; text-decoration:underline; }
a.listitem:visited { color:#28a39d; text-decoration:underline; }
a.listitem:hover { color:#28A39D; text-decoration:underline; }
a.listitem:active { color:#000; text-decoration:underline; }

.servicelink { color:#666; font-size:11px; }
a.servicelink:link { color:#666; text-decoration:none; }
a.servicelink:visited { color:#666; text-decoration:none; }
a.servicelink:hover { color:#f41e20; text-decoration:underline; }
a.servicelink:active { color:#f41e20; }

cite {
	color:#444444;
	font-style:normal;
}

b, em { color:#555; }

i { 
	color:#000;
	font-style:normal;
}

.citebox, .infobox {
	background-color:#fff;
	padding:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

ul { list-style-type:square; margin-top:7px; padding-left:0; margin-left:0;  }
li { margin-left:15px; margin-bottom:10px;}

.errormsg {
	color:#F41E20; 
	font-style:normal;
	font-weight:bold;
}

.whiteline {
	background-color:white;
	height:1px;
	width:100%;
	overflow:hidden;
} 

.foreword {
	font-weight:bold;
	color:#1a96cd;
}


/**
 *	Forms
 */

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444444;
	background-color:#fff;
	border:1px solid #777;
}

.inputline { width:100%; border:1px solid #bec6c8; }
textarea:focus, input:focus { border:1px solid #000; }
.button {  
	background-color:#F41E20;
	border-left:1px solid #F87677;
	border-top:1px solid #F87677;
	border-right:1px solid #AA191A;
	border-bottom:1px solid #AA191A;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

.radio { border:none }

.incomplete {
	background-color:#FDD6D7;
	border:1px solid #F41E20;
}

.maxwidth { width:100% }


fieldset {
	-moz-border-radius:0.6em;
	padding:10px;
}

legend {
	font-size:12px;
	color:#707070;
	margin-bottom:15px;
}



/**
 *	Menu
 */

.menu { 
	font-size:12px;
	background-color:#fff;
}

a.menu:link { color:#000; text-decoration:none; }
a.menu:visited { color:#000; text-decoration:none; }
a.menu:hover { color:#000; text-decoration:underline; }
a.menu:active { color:#000; text-decoration:underline; }

.menu_selected {
	color:#f41e20;
	font-size:12px;
	cursor:default;
}



/**
 *	Layout
 */

.image_right { margin:5px 0 5px 10px; float:right; }
.image_left { margin:5px 10px 5px 0; float:left; }
 
.submenu { margin-left:10px; }
 
#content { margin:20px 20px 10px 10px; }

#products { }

hr {
	background-color:white;
	height:1px;
	width:100%;
	color:#bec6c8;
	overflow:hidden;
	margin:10px 0 10px 0;
	padding:0;
}

.vline {
	position:absolute;
	left:263px;
	top:0;
	width:1px;
	height:100%;
	overflow:hidden;
	background-color:#bec6c8;
}

.hline {
	position:absolute;
	left:0px;
	top:177px;
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:#bec6c8;
}

.hlinediv {
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:#bec6c8;
}

.hlinerow {
	height:1px;
	background-color:#bec6c8;
}

#maintab {
	width:100%;
	border:none;
	max-width:1020px;
	min-width:780px;
}

#logorow {
	height:80px;
	background-color:#fff;
}

.leftmargincol, .rightmargincol { width:18px; }

.leftcol {
	width:251px;
	min-width:251px;
	max-width:251px;
}

.midcol {
	width:70%;
}

.rightcol {
	width:200px;
	margin-top:20px;
}
	
#contextbox {
	width:240px;
	height:auto;
	padding-top:38px;
	text-align:center;
	color:#fff;
	font-size:11px;
	letter-spacing:2px;
}



/**
 *	Banner
 */

#products #bannerleft {
	height:90px;
	background-image:url(../img/products-banner-left.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}

#products #bannerright {
	height:90px;
	background-image:url(../img/products-banner-right.jpg);
	background-repeat:no-repeat;
	background-color:#05032b;
}

#news #bannerleft {
	height:90px;
	background-image:url(../img/news2-banner-left.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}

#news #bannerright {
	height:90px;
	background-image:url(../img/news2-banner-right.jpg);
	background-repeat:no-repeat;
	background-color:#B73A03;
}

#service #bannerleft {
	height:90px;
	background-image:url(../img/green-banner-left.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}

#service #bannerright {
	height:90px;
	background-image:url(../img/green-banner-right.jpg);
	background-repeat:no-repeat;
	background-color:#007b5f;
}

#activities #bannerleft {
	height:90px;
	background-image:url(../img/yellow-banner-left.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}

#activities #bannerright {
	height:90px;
	background-image:url(../img/yellow-banner-right.jpg);
	background-repeat:no-repeat;
	background-color:#552A00;
}

#ocs #bannerleft {
	height:90px;
	background-image:url(../img/violett-banner-left.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}

#ocs #bannerright {
	height:90px;
	background-image:url(../img/violett-banner-right.jpg);
	background-repeat:no-repeat;
	background-color:#4001B5;
}

#contact #bannerleft {
	height:90px;
	background-image:url(../img/bluegray-banner-left.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}

#contact #bannerright {
	height:90px;
	background-image:url(../img/bluegray-banner-right.jpg);
	background-repeat:no-repeat;
	background-color:#586D91;
}



/**
 *	Produktliste
 */
 
#productslistbox { margin-top:23px; font-size:13px; }

.prod_category { 
	background-image:url(../img/arr.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:10px;
	font-weight:bold;
	margin:3px 0 0px 0;
}

.prod_category_sel {
	background-image:url(../img/arr-dn.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	color:#f41e20;
	font-size:13px;
	margin:3px 0 0px 0;
}

.product_sel { 
	font-size:13px;
	color:#f41e20;
	cursor:default;
} 

.prod_top_solo { 
	padding-left:10px;
	font-weight:bold;
	margin:3px 0 0px 0;
}

.prod_top_solo_sel {
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	color:#f41e20;
	font-size:13px;
	margin:3px 0 0px 0;
}

.product_top { margin:3px 0 3px 10px; }

.catbox, .catbox_sel {
	padding:3px 0 3px 10px;
	margin-bottom:7px;
	display:none;
	background:white;
}

.catbox_sel { display:block; }

.subcat {
	font-size:13px;
	color:#555;
	display:block;
	margin-bottom:5px;
	padding-top:0px;
}

.subcatspace { 
	height:5px; 
	overflow:hidden;
}

.product { 
	margin-left:20px;
	width:200px;
	overflow:hidden;
	display:block;
	font-size:13px;
}

a.product:link { font-size:13px; color:#000; text-decoration:none; }
a.product:visited { font-size:13px; color:#000; text-decoration:none; }
a.product:hover { color:#f41e20; text-decoration:none; }
a.product:active { color:#000; text-decoration:none; }

a.prodcat:link { font-size:13px; color:#707070; text-decoration:none; }
a.prodcat:visited { font-size:13px; color:#707070; text-decoration:none; }
a.prodcat:hover { color:#f41e20; text-decoration:none; }
a.prodcat:active { color:#707070; text-decoration:none; }

#productslistbox h1 {
	font-size:13px;
	font-weight:bold;
	margin:20 0 10px 0;
}

.dot {
	font-weight:bold;
	font-size:16px;
	line-height:13px;
}



/**
 *	Gallery
 */
 
#gallery { 
	background-image:url(../img/bggallery.jpg);
	background-repeat:no-repeat;
	background-color:#B0B0B0;
	overflow:hidden;
}

#galtitle {
	position:absolute;
	left:20px;
	top:20px;
	height:auto;
}

#galthumbsbox {
	position:absolute;
	left:20px;
	top:70px;
	width:750px;
	height:85px;
	padding:5px;
	border:1px solid #707070;
	overflow:scroll;
	background-color:#fff;
}

#galcanvas {
	position:absolute;
	left:20px;
	top:150px;
	width:750px;
	height:460px;
	padding:5px;
	overflow:hidden;
}

.galpicbox { 
	display:inline;
	margin:1px;
}

.galtn {
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	filter:Alpha(opacity=100);
	opacity:1.0;
}

.galimage {
	border:1px solid #ddd;
}



/**
 *	Downloads
 */

.loadthumb {
	border:1px solid #bbb;
}
.homepagepic { margin:0 10px 10px 0; }