/*
Brankamp Shared Styles
Gemeinsames CSS für alle Brankamp Templates.
*/

/*********** 
General CSS
***********/

body
{
	margin: 0px;
	background-color: white;
	color: black;
	font-family: Arial, Helvetica, Sans-Serif;
	filter: none;
}

@media screen
{
	body.site
	{
		background-image: url(../images/hg.gif);
		background-repeat: repeat-x;
	}
}

body, table
{
	font-size: 12px;
}

#content
{
	line-height: 17px;
}

img
{
	border: 0px none;
}

input.suchfeld, input.submit, input.kontaktformular, textarea.kontaktformular
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	border : 1px solid #000000;
	color : black;
	background-color : #eeeeee;
}

input.suchfeld
{
	width: 150px;
	background-image: url("../images/hg_textfeld_suche.jpg");
}

input.kontaktformular
{
	width: 300px;
	background-image: url("../images/hg_textfeld_kontaktformular.jpg");
}

textarea.kontaktformular
{
	width: 470px;
	height: 100px;
	background-image: url("../images/hg_textarea_kontaktformular.jpg");
}

table.kontaktformular td
{
	padding-bottom: 0.5em;
}

/*********** 
Design CSS
***********/

#breadcrumb
{
	margin: 1em 0px;
}

#breadcrumb a
{
	padding-right: 7px;
	margin-right: 3px;
	background-image: url("../images/breadcrumb.gif");
	background-repeat: no-repeat;
	background-position: right;
}



#header
{
	height: 100px;
	color: white;
	font-weight: bold;
	vertical-align: bottom;
}

#header a
{
	color: white;
}

#header table td
{
	padding: 15px 10px;
}

#header form
{
	display: inline;
}

.randlinks
{
	background-image: url("../images/rand-links.png");
	background-repeat: repeat-y;
	background-position: right;
	width: 19px;
}

.randrechts
{
	background-image: url("../images/rand-rechts.png");
	background-repeat: repeat-y;
	background-position: left;
	width: 19px;
}

#content
{
	background-color: white;
	padding: 10px;
}

#footer
{
	background-color: #0066cc;
	color: white;
	font-weight: bold;
	padding: 3px 10px;
}

#footer a
{
	color: white;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover
{
	text-decoration: underline;
}

/*********** 
Text CSS
***********/


p, form 
{
	margin: 0px 0px 7px 0px;
}

.leftblock, .rightblock
{
	margin: 0px 0px 10px 0px;
}

h1, h2, h3, h4
{
	margin: 0px 0px 7px 0px;
}


h1
{
	font-size: 1.4em;
	font-weight: bold;
}

h2
{
	font-size: 1.2em;
	font-weight: bold;
}

h3
{
	font-size: 1em;
	font-weight: bold;
}

h4
{
	font-size: 0.8em;
	font-weight: normal;
	color: red;
}

ul
{
	list-style-type: square;
}

a
{
	color: #ff0000;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/*********** 
Navi CSS
***********/

ul.menu 
{
	list-style:none; 
	margin:0px; 
	padding:0px; 
	z-index:100; 
	position:relative;
}

ul.menu * 
{
	margin:0px; 
	padding:0px;
}

ul.menu a 
{
	display:block;  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color:  #000;
	text-decoration:none; 
	text-align:center
}

ul.menu li 
{
	position:relative;
	float:left;
}

ul.menu ul 
{
	position:absolute; 
	top:24px; 
	left:0px;
	display:none; 
	/*opacity:0px;*/ 
	list-style:none;
}

ul.menu ul li 
{
	position:relative; 
	border:1px solid #aaa; 
	border-top:none; 
	width:110px; 
	margin:0px;
}

ul.menu ul li a 
{
	display:block; 
	padding:3px 7px; 
	background-color:#f1f1f1;
}

ul.menu ul li a:hover 
{
	background-color:#2d6cb8;
	color:#fff;
}

ul.menu ul ul 
{
	left:110px; 
	top:-1px;
}

ul.menu .menulink 
{
	border: 0px solid #aaa; 
	padding: 5px 0px; 
	font-weight: bold; 
	background: #CCC; 
	width: 112px; 
	margin-right: 2px;
}

ul.menu .menulink:hover, ul.menu .menuhover 
{
	background-color: #2d6cb8;
	color: #fff;
}

ul.menu .menulink02 
{
	border: 0px solid #aaa; 
	padding: 5px 0px; 
	font-weight: bold; 
	background: #CCC; 
	width: 116px;
}

ul.menu .menulink02:hover 
{
	background-color:#2d6cb8; 
	color:#fff;
}

ul.menu .menulink03 
{
	border:0px solid #aaa; 
	padding:5px 0px; 
	font-weight:bold; 
	background:#2d6cb8; 
	color:#fff; 
	width:112px; 
	margin-right:2px;
}

ul.menu .menulink03:hover 
{
	background-color:#2d6cb8;
	color:#fff;
}

ul.menu .menulink04
{
	border:0px solid #aaa;
	padding:5px 0px;
	font-weight:bold;
	color:#fff;
	background:#2d6cb8; 
	width:116px;
}

ul.menu .menulink04:hover 
{
	background-color:#2d6cb8;
	color:#fff;
}

ul.menu .sub 
{
	background:#f1f1f1 url(images/arrow.gif) 100px 8px no-repeat;
}

ul.menu .topline 
{
	border-top: 0px solid #aaa;
}


#sekNavi
{
	background-color: #2d6cb8;
}

#sekNavi a
{
	padding: 5px 10px;
	font-weight:bold;
	color: #ffffff;
	display: inline-block;
	text-decoration: none; 
}

#sekNavi a.active
{
	color: black;
}

#sekNavi a:hover 
{
	text-decoration: underline;
}


#terNavi
{
	background-color: #555555;
}

#terNavi a
{
	padding: 2px 10px;
	color: #ffffff;
	font-weight:bold;
	display: inline-block;
	text-decoration: none; 
}

#terNavi a.active
{
	background-color: #777777;
}

#terNavi a:hover 
{
	text-decoration: underline;
}

/*********** 
TinyMCE Styles
***********/

.brankampblau
{
	color: #0066cc;
}

/*********** 
Print CSS 
***********/

@media screen
{
	.noscreen
	{
		display: none;
	}
}

@media print
{
	.noprint
	{
		display: none;
	}
}

/*********** 
News CSS
***********/

.news img, .news table
{
	margin-bottom: 10px;
}

.news p 
{
	text-align: justify;
}

/*********** 
Search CSS
***********/

.searchSuggestbox
{
	position: absolute;
	width: 300px;
	margin-left: -225px;
	margin-top: 18px;
	visibility: hidden;
	z-index: 200;
}

.searchResult
{
	margin: 2em 0em;
}

.searchResult span
{
	display: block;
}

.searchResult .title
{
	font-size: 1.2em;
}

.searchResult .target
{
	font-size: 0.8em;
	color: green;
}


/*********** 
Slideshow CSS
***********/

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper a
{
	color: black;
	text-decoration: none;
}
#wrapper h3 em
{
	font-size: 10px; 
	color: #0F0; 
	text-decoration: none; 
	font-weight: normal;
	font-style: normal;
	display:block;
}
#wrapper p em
{
	font-style: normal;
}

#wrapper p em a, #wrapper h3 em a
{
	color: red;
}

#wrapper p em a:hover
{
	text-decoration: underline;
}


#wrapper {width:500px; margin:0px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:0px; border:0px; background:#ffffff;}
#information {position:absolute; bottom:0; width:500px; height:0px; background:#fff; color:#000; overflow:hidden; z-index:25; opacity:.8; filter:alpha(opacity=80)}
#information h3 {padding:4px 8px 3px; font-size:18px; color:#000; font-weight:bold; line-height:25px; font-family: Arial, Helvetica, sans-serif;}
#information p {padding:0 8px 8px; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
#image {width:500px}
#image img {position:absolute; z-index:10; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:20;}
#imgprev {left:0; background:url(../images/slide_left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/slide_right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:15; opacity:.4; filter:alpha(opacity=40)}


/*********** 
Block CSS
***********/

@media screen
{
	/*.leftblockx
	{
		margin-right: 280px;
	}*/
	
	.text
	{
		/* Durch das overflow: hidden in den Textblöcken mit
		Bild links und rechts enthalten diese das Margin nach unten des 
		enthaltenen p Textabsatzes. Damit ein normaler Text Block
		den gleichen Abstand nach unten hat muss er auch overflow: hidden
		haben. Sonst sind die Abstände zwischen den Texten und Blöcken
		nicht gleich.
		Beim Drucken wiederum macht das Ärger...
		*/
		overflow: hidden; 
	}
}

@media print
{
	/*.leftblockx
	{
		margin-right: 278px;
	}*/
}

.leftblock
{
	width: 500px;
}

.containsFloat
{
	overflow: hidden;
	page-break-inside: auto;
}

.rightblock
{
	width: 270px;
	float: right;
	clear: right;
}

.imgleft
{
	float: left;
	font-style: italic;
	text-align: center;
	width: 245px;
	margin: 0px 10px 5px 0px;
}

.imgleft img
{
	margin-top: 0px;
}

.imgright
{
	float: right;
	font-style: italic;
	text-align: center;
	width: 245px;
	padding: 0px 0px 5px 10px;
}

.imgright img
{
	margin-top: 0px;
}

.imgbig
{
	text-align: center;
	font-style: italic;
	padding: 0px 0px 0px 0px;
}

.r_img
{
	text-align: center;
	font-style: italic;
	padding: 0px 0px 0px 0px;
}

.twoimg td, .threeimg td
{
	font-style: italic;
}

.video
{
	text-align: center;
}

.customer
{
/*	border-style: dotted;
	border-width: 2px 0px;
	border-color: #000000;
	padding: 5px 0px; */
	border: 1px solid black;
	padding: 5px;
}

.customer .person
{
	padding: 0px 10px 5px 0px;
}

.customer .logo
{
	padding: 0px 10px 0px 0px;
}

.customer .quote
{
	color: #0066cc;
	font-weight: bold;
	padding: 0px 10px;
}

.customer .source
{
	text-align: center;
}

.customer .source p
{
	margin: 0px 100px;
}

.customer a
{
	text-decoration: none;
}

.r_twoarticle div.article
{
	margin-bottom: 7px;
}

.r_twoarticle h1, .r_twoarticle h2, .r_twoarticle h3, .r_twoarticle h4, .r_twoarticle p 
{
	margin: 0em 0em 0.5em 0em;
}

.r_twoarticle div.inner
{
	border: 1px solid #2d6cb8;
	padding: 10px;
	height: 278px;
}

.r_twoarticle div.img
{
	float: left;
	font-style: italic;
	text-align: center;
	width: 85px;
	margin: 0px 10px 5px 0px;
}

.r_shorttext
{
	background-image: url(../images/hg_spalte.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.r_shorttext div
{
	margin-left: 5px;
}

.r_shorttext div.img
{
	float: right;
	font-style: italic;
	text-align: center;
	width: 85px;
	margin: 5px;
}

.r_text
{
	background-color: #f1f1f1;
	font-size: 11px;
}

.r_text div
{
	margin: 5px;
}

.r_text p
{
	border-style: none none solid none;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 1em 0px;
}

.r_text a
{
	text-decoration: none;
}

.r_text h4 a
{
	color: red;
}

.r_text p a
{
	color: black;
}

.r_contacts
{
	background-image: url(../images/hg_spalte.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.r_contacts td
{
	padding: 0px 0px 10px 5px;
}

.r_contacts p
{
	margin: 0px;
}