@charset "utf-8";

/* ****************************************** */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */


/* ****************************************** */
/* Global settings                            */
/* ****************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
}

/* Main body style */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff url(../images/background_horizontal.gif) 0 110px repeat-x;
	color: #000000;
}


/* **************************************************************** */	
/* Style settings fonts, links, misc                                */
/* **************************************************************** */	

p {
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	margin-bottom: 14px;
}

object {
	outline:none;
}


table {
	border-collapse: collapse;
	padding: 0;
}

	table p {
		margin-bottom:0;
	}
	
	td {
		font-size: 12px;
		line-height: 22px;
	}


/* Headline header */
h1 {
	font-size: 16px;
}

/* Headlines content */
h2 {
	font-size: 11px;	
	margin-bottom: 4px;
}

/* Headlines sidebar */
h3 {
	font-weight: bold;
	font-size: 10px;
	height: 23px;
	width: 220px;
	overflow: hidden;	
	margin-bottom: 1px;
}

h3 em {
	display: block; 
	background-repeat: no-repeat;
	height: 23px;
	width: 220px;
}

/* Headlines data format */
h4 {
	font-size: 12px;	
	margin-bottom: 5px;
	color: #ffffff;
	background-color: #6495c3;
	width: 680px;
	padding-top: 4px;
	padding-bottom: 5px;
	text-indent: 5px;
}


/* Image styles global */	
img {border: 0;}
* html img {display: block;}



/* Link colors global */
a:link, a:visited {
	font-size: 12px;
	color: #c21d16;
	text-decoration: none;
	outline: 0;
}

a:active, a:hover {
	color: #999999;
	text-decoration: none;
}

a.smalllink {
	font-size: 11px;	
}


span.disin {display: inline;}
span.disno {display: none;}

/* Clear */
div.clear {clear: both;}
div.cleargap {clear: both;height: 60px;}
div.gallerygap {clear: both;height: 20px;}
br.clear {clear: both;}

/* **************************************************************** */	
/* Site container settings                                          */
/* **************************************************************** */

/* Absolute positioned elements */
div#roundimage {
	position: absolute;
	top: 32px;
	left: 200px;
	width: 105px;
	height: 105px;
	z-index: 10;
	background: transparent url(../images/roundimg_startseite.png) 0 0 no-repeat;
}

div#logoborder {
	position: absolute;
	top: 160px;
	left: 260px;
	width: 1px;
	height: 44px;
	background-color: #ffffff;
	z-index: 11;
}		
	
/* Site wrapper */
div#site {
	position: relative;
	width: 100%;
	min-width: 970px;
	min-height: 100%;
	background: transparent url(../images/background_vertical.gif) 0 0 repeat-y;
}
	* html div#site {height: 100%;width:970px;}
	
		
	div#wrapperleft {
		position: relative;
		clear: left;
		float: left;
		width: 210px;
		padding-left: 50px;
	}
	
		div#wrapperleft img {
			margin-top: 160px;
		}
	
	
	div#wrapperright {
		position: relative;
		float: left;
		width: 710px;
	}	


		/* Language container */
		div#languages {
			position: relative;
			float: left;
			height: 15px;
			padding-left: 60px;
			margin-top: 18px;
		}

			/* List for flags */
			div#languages ul {
				font-size: 8px;
				list-style-type: none;	
			}
				
			div#languages li {
				position: relative;
				float: left;
				width: 20px;
				margin-right: 10px;
			}			



		/* Navi container */
		div#navicontainer {
			position: relative;
			clear: left;
			float: left;
			height: 33px;
			padding-left: 48px;
			margin-top: 44px;
			z-index: 20;
		}
		
			div#navi {
				position: relative;
				float: left;
				width: 660px;
			}

			
		/* Main image */
		div#mainimage {
			position: relative;
			float: left;
			width: 710px;
			height: 340px;
		}		


/* Footer */
div#footercontainer {
	position: relative;
	clear: both;
	height: 30px;
	margin: -30px auto 0 auto;
}
		
	/* Footer container for content */
	div#footertext {
		width: 970px;
		padding-top: 5px;
	}
	
		/* Footer text */
		div#footertext p {
			position: relative;
			float: left;
			font-size: 11px;
			padding-left: 320px;
			color: #999999;
			margin-bottom: 0;
		}
	
		/* Footer imprint link */
		div#footertext p.imprint {
			padding-left: 0;
			float: right;
		}
	
		/* Footer link styles */
		div#footertext a:link, div#footertext a:visited {
			font-size: 11px;
			color: #999999;
			text-decoration: none;
			outline: 0;
		}

		div#footertext a:active, div#footertext a:hover {
			color: #000000;
			text-decoration: none;
		}





/* ************************************ */
/* Main navi                            */
/* ************************************ */


/* Navi styles ul */
div#navi ul {
	list-style-type: none;
	white-space: nowrap;
}

div#navi ul.subnavi {
	position: absolute; 
	left: -9000px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: transparent url(../images/background_navi_sub.png) 0 0 no-repeat;
}

	* html div#navi ul.subnavi {
		background: none;
		background-color: #333333;
	}

/* ------------------------------------ */

/* Navi styles li */
div#navi ul.topnavi li.nav {
	position: relative;
	float: left; 
	display: block; 
	padding-left: 12px;
	padding-right: 16px;
	background: #ffffff url(../images/background_navi.gif) 100% 1px no-repeat;
}

	div#navi ul.topnavi li.last {
		background-image: none;
	}

div#navi ul.subnavi li {
	display: inline; 
}

/* ------------------------------------ */


/* Navi styles a */
div#navi ul.topnavi a {
	display: block; 
	float: left;
	font-size: 12px; 
	color: #999999; 
	height: 33px;
	text-decoration: none;
}

div#navi ul.topnavi a.active {
	color: #000000; 
}

div#navi ul.subnavi a {
	position: relative;	
	float: none;
	font-size: 11px;
	line-height: 20px; 
	padding-left: 12px;
	padding-right: 12px;
	height: auto;
	background: transparent url(../images/background_navi_sub.png) 500px 0 no-repeat; /* Opera 9 */
}

div#navi ul.subnavi a.active {
	color: #ffffff; 
}

/* ------------------------------------ */

/* Hover topnavi li - Show subnavi */
div#navi ul.topnavi li:hover ul.subnavi {
	visibility: visible; 
	top: 33px;
	left: 0;
}

	/* Hover topnavi a - Show subnavi IE6 */
	div#navi ul.topnavi a:hover ul.subnavi {
		top: 33px;
		left: 0; 
	}
	
/* ------------------------------------ */	

/* Hover topnavi li - Link style topnavi */
div#navi ul.topnavi li:hover a.nava {
	color: #000000; 
	white-space: nowrap;
}

	/* Hover topnavi li a - Link style topnavi IE6 */
	div#navi ul.topnavi li a:hover {
		color: #000000;
		white-space: nowrap;
	}

/* Hover subnavi li - Link style subnavi */
div#navi ul.subnavi li a:hover {
	color: #ffffff;
	white-space: nowrap;
}


/* ************************************ */
/* Side navi                            */
/* ************************************ */

/* Navi styles ul */
div#sidenavi ul {
	list-style-type: none;
	white-space: nowrap;
	padding-left: 26px;
	padding-top: 20px;
}

div#sidenavi ul ul {
	list-style-type: none;
	white-space: nowrap;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
}


div#sidenavi a:link, div#sidenavi a:visited {
	color: #999999;
	font-size: 12px;
	text-decoration: none;
}

div#sidenavi a:active, div#sidenavi a:hover {
	color: #ffffff;
	text-decoration: none;
}

div#sidenavi a.active:link, div#sidenavi a.active:visited {
	color: #ffffff;	
}

div#sidenavi a.active:active, div#sidenavi a.active:hover {
	color: #ffffff;	
}


/* ************************************ */
/* Content styles                       */
/* ************************************ */


/* Main content wrapper */
div#content {
	position: relative;	
	padding-left: 60px;	
	width: 650px;
}
	
	/* Special red text */
	p.redtext {
		color: #c21d16;
		font-weight: bold;
		padding-top: 10px;
	}

img.team {
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}



/* Content text list */
div#content ul {
	list-style-type: none;
	margin-bottom: 14px;
}
	
	div#content li {	
		font-size: 12px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 10px 7px;
		padding-left: 24px;
		line-height: 19px;
	}
		* html div#content li {height:0;}



/* ****************** */
/* Content wrapper    */
/* ****************** */


/* Content wrapper */
div.startsite, div.standard, div.fullsize {
	position: relative;
	float: left;
	margin-top: 14px;
}

/* Startsite, small */
div.startsite {width: 340px;}

/* Standard, medium */
div.standard {width: 480px;}

/* Fullsize, wide */
div.fullsize {width: 650px;}

	

/* ****************** */
/* Logos display      */
/* ****************** */


/* Logos, 1 column */
div.logocolumn {
	position: relative;
	float: left;
	width: 170px;
	text-align: center;
	margin-top: 14px;
}

	div.logocolumn a {
		display: block;	
	}


/* Logos, 2 columns, left */
div.logocolumn_left, div.logocolumn_right {
	position: relative;
	float: left;
	width: 80px;
	padding-right: 10px;
	margin-top: 14px;
}

/* Logos, 2 columns, right */
div.logocolumn_right {
	padding-right: 0;
}


/* ****************** */
/* Startsite, news    */
/* ****************** */
	
	
/* Single news block */
div.newsblock {
	position: relative;
	float: left;
	width: 255px;
	border: 1px solid #999999;	
	padding: 6px 8px 4px 8px;
	margin-top: 14px;
	margin-left: 37px;
}

	div.newsblock img {
		float: left;
		padding-bottom: 5px;
	}

	div.newsblock p {
		font-size: 11px;
		margin-bottom: 5px;
		line-height: 16px;
	}
	
	div.newsblock a {
		font-size: 11px;
	}	
	

/* ****************** */
/* News site          */
/* ****************** */

/* Single news block */
div.newsblock_aktuelles {
	clear: left;
	border: 1px solid #999999;
	padding: 8px;
	margin-bottom: 10px;
}

	div.newsblock_aktuelles img {
		float: right;
		margin-left: 15px;
		border: 1px solid #000000;
	}
	
	div.newsblock_aktuelles p {
		margin-bottom: 0px;
	}



/* ****************** */
/* Contact site       */
/* ****************** */

div.contactdataleft {
	position: relative;
	float: left;
	margin-top: 14px;
	width: 300px;
}

div.contactdataright {
	position: relative;
	float: left;
	margin-top: 14px;
	width: 350px;
}


/* ****************** */
/* Filialen           */
/* ****************** */

div.filialen {
	position: relative;
	float: left;
	width: 200px;
	padding-right: 20px;
}

	div.filialen p {
		margin-bottom: 2px;	
	}
	
	div.filialen img {
		border: 1px solid #000000;
	}
	
	div.last {
		padding-right: 0;	
	}



/* ****************************** */
/* Contact form                   */
/* ****************************** */


/* No border for fieldsets */
fieldset {
	border: 0;	
	float: left;
	width: 460px;
}

.valid {
	display: none;
}

div.formheadline {
	position: relative;
	clear: both;
	height: 22px;
	width: 460px;
	border-bottom: 1px solid #c21d16;
	margin-bottom: 15px;
	padding-top: 15px;

}

	div.formheadline p {
		margin-bottom: 0;	
		font-weight: bold;
	}


/* Label styles  */
label {
	font-size: 12px;
	display: block;
	width: 110px;
	height: 15px;
	margin: 3px 0 5px 0;
	padding-bottom: 2px;	
	float: left;	
	cursor: pointer;	
}


/* Input fields styles  */
input, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 340px;
	color: #000000;
	padding: 2px 0 2px 4px;	
	float: left;	
	border: 1px solid #999999;	
}


/* Input fields styles active */
input:focus, textarea:focus {
	background-color: #eeeeee;	
	border: 1px solid #666666;	
	color: #000000;
}

/* Special width for checkbox */
input.check {
	width: auto;
	border: 0;
	margin-right: 8px;	
	margin-top: 4px;
}

	*:first-child+html input.check {margin-top: 1px;}
	* html input.check {margin-top: 0px; margin-right: 4px;}
	html:first-child>b\ody input.check {margin-top: -2px;}


/* Textarea special style */
textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 4px 0 0 4px;
	width: 450px;
	height: 120px;
}

/* Button special style */
input.button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	clear: both;
	font-size: 11px;
	width: 180px;
	background-color: #c21d16;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #000000;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 2px;
}

	*:first-child+html input.button {padding-bottom: 2px;}
	* html input.button {padding-bottom: 1px;}

/* Button hover style */
input.button:hover {
	background-color: #eeeeee;
	border: 1px solid #000000;
	color: #000000;
	cursor: pointer;
}

div#content p.datenschutz {
	width: 460px;
	font-size: 11px;
	line-height: 16px;
}

div#content p.datenschutz a {
	font-size: 11px;
}

label.datenschutz {
	width: 400px;	
}

br.clear {
	clear: both;	
}




div.gallery {
	padding-top: 0px;	
}

div.gallery img {
	float: left;
	margin-right: 5px;
}

div.gallery p {
	font-weight: bold;
	margin-bottom: 2px;
}