html {
background: #fff;
color: #333;
}

* {
margin: 0;
padding: 0;
}

html {
/*	overflow: scroll;
	overflow-x: hidden; 
	overflow-y:scroll; */
	
width:100%;
height:100%;
border: 0 solid;
}


BODY {
font-family: Verdana, Arial, sans-serif;
  background: #FFFFFF;
  /*background: #FBFBFB;
  background: transparent url(../img/valentinstag_background.jpg) top center no-repeat;*/
  color: #000000;
  text-align: center;
}

/* Zentrale Schriftgrössen-Formatierung */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}

h1 {
 font-size: 36px;
 font-weight: lighter;
padding: 2px 2px 10px 10px;

color: #102E75;
font-weight: normal;
}

h2 {
font-size: 1.2em;
margin: 0 0 0 0;
color: #666666;
font-weight: normal;
}

h3, h4 {
font-size: 1.4em;
margin: 0 0 0 0;
color: #666666;
font-weight: normal;
}

p, th, td, blockquote, label, table {
font-size: 0.9em;
}

p{ line-height: 1.7;}

/* Reset der Schriftgrössen */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
li a, li p, li h2, li h3, li h4, li h5, li h6, li li,
p a, input a, label a,
td a, th a, ul li a, ul ul a, li li a,
p.copyright, p.webdesign, p.kat
td.righttitel, table td
{
font-size: 100%;
}

/*input, textarea {
font-size: 0.8em;
}*/

a img {
border: 0 none;
}

strong {
font-weight: bold;
}

/* IDs */
#container_center {
color: #333333;
/*background: transparent url(../img/design/body_img_2.jpg) 0 88px no-repeat;*/
	width: 980px;
	position: relative;
	height:100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	
}

#container {
position: relative;
margin-left: 25px;
margin-right: 25px;

}

#header_box {
height: 115px;
background: transparent url(../img/design/header_5.jpg) bottom left no-repeat;
}

#logo {
position: absolute;
top: 33px;
left: 0;
color: #333333;
/*background: transparent url(../img/design/logo_strub.jpg) top left no-repeat;*/
width: 250px;
height: 50px;
}

#topright {
float: right;
background: transparent;
width: 250px;
height: 50px;
margin-top: 5px;
}

#main {
margin-top: 10px;
}

#content {
position: relative;
width: 640px;
margin-left: 0px;
}



#columnright_box {
float: right;
width: 250px;
margin-right: 0px;
}

#navigation_box {
height: 31px;
background: transparent url(../img/design/corner_navigation.jpg) top left no-repeat;
/*background: #4D4D4D;*/
}

#navigation_inner_box {
height: 30px;
margin-left: 20px;
margin-right: 20px;
/*background: transparent url(images/design/corner_navigation_left.jpg) top left no-repeat;*/
background: transparent;
}

#navigation_box_1 {
height: 40px;
}

#navigation_box_1 li{
display: block;
float: left;
}

#navigation_bottom {
height: 20px;
background: transparent url(../img/design/lineelement_1.jpg) top left no-repeat;
}


/* Header Bild mit Corner */
#flash_content
{
	width: 100%;
	height: 450px;
	position:relative;
}

#media{
	position:absolute;
	z-index:1;
	margin-left: 0px;
}


#corner{
	position:absolute;
	background: transparent url(../img/design/corners_header_930.png) no-repeat;
	width:930px;
	height:450px;
	margin-left: 0px;
	z-index:2;
	display:block;
}




#headerimg_box {
height: 450px;
}

/* Ende Heder Bild mit Corner */

.imgmedia{
position:absolute;
z-index:1;
}

.imgcorner{
position:absolute;
background:url(../img/design/corner_new.png) no-repeat;
width:600px;
height:250px;
z-index:2;
}
/* Ende Heder Bild mit Corner */


#footer {
float:left;
position: relative; /*needed for ie6 otherwise can't do relative for footer_advantage*/
margin-top: 50px;
height: 2px;
width: 100%;
}

#footer_content {
clear: left;
width: 100%;
height: 50px;
 /* background: transparent url(images/design/footer_box.jpg) top left no-repeat;*/
}
.footer_line {
  border: dotted 1px #999999;
}
.footer_space {
height: 30px;
}

/* IDs Ende*/




/* Tab Navigation */
#navtabInfo {
position: absolute;
top: 85px;
right: 127px;
width: 125px;
z-index: 1001;
background: transparent;
}

#navtabShop {
position: absolute;
top: 85px;
right: 2px;
width: 125px;
background: transparent;
}

#navtabTop {
position: absolute;
top: 0;
right: 0;
width: 350px;
background: transparent;
}

#tabs a
{
font-size: 1.2em;
color: #000;
background: #fcfcfc;
text-decoration: none;
height: 30px;
width: 125px;
text-align: center;

border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;

-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-bottomright: 0px;
border-radius-bottomleft: 0px;



}

#tabs a
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#tabs a
{
float: none;
}
/* End hide */

#tabs a:hover
{
color: #fff;
background: #102E75;
}

#tabs ul
{
list-style: none;
padding: 0;
margin: 0;
}

#tabs li
{
float: left;
margin: 0;
list-style-type: none;
} 

#tabShop a
{
font-size: 1.2em;
color: #000;
background: #CCCCCC;
text-decoration: none;
height: 28px;
width: 125px;
text-align: center;

border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;

-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-bottomright: 0px;
border-radius-bottomleft: 0px;

}

#tabShop a
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#tabShop a
{
float: none;
}
/* End hide */

#tabShop a:hover
{
color: #fff;
background: #102E75;
}

#tabShop ul
{
list-style: none;
padding: 0;
margin: 0;
}

#tabShop li
{
float: left;
margin: 0;
list-style-type: none;
} 

#toptabs a
{
font-size: 0.7em;
color: #FFFFFF;
background: #4D4D4D url(../img/design/top-left-tab.gif) left bottom no-repeat;
text-decoration: none;
text-align: center;
padding-left: 12px;
}

#toptabs a span
{
background: url(../img/design/top-right-tab.gif) right bottom no-repeat;
padding-right: 12px; 
}

#toptabs a, #tabs a span
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#toptabs a, #tabs a span
{
float: none;
}
/* End hide */

#toptabs a:hover
{
color: #fff;
background: #102E75 url(../img/design/top-left-tab-hover.gif) left bottom no-repeat;
padding-left: 12px; 
}

#toptabs a:hover span
{
background: url(../img/design/top-right-tab-hover.gif) right bottom no-repeat;
padding-right: 12px; 
}

#toptabs ul
{
list-style: none;
padding: 0;
margin: 0;
}

#toptabs li
{
float: right;
margin: 0;
list-style-type: none;
} 
/* End Navigation*/

/* Start Breadcrumb */
#breadcrumb {
margin-top: 10px;
margin-left: 30px; 
background: transparent;

font-size: 0.75em;
text-align: left;
padding-bottom: 10px;
}
#breadcrumb a {
	text-decoration:none;
	color: #8778B1;
	font-weight: normal;
	text-decoration: underline;
}
#breadcrumb a:link {
	text-decoration:none;
	color: #8778B1;
	font-weight: normal;
		text-decoration: underline;

}
#breadcrumb a:hover {
	text-decoration:none;
	color: #102E75;
	font-weight: normal;
		text-decoration: underline;

}
/* End Breadcrumb */


/* Classes */
.footerlinks {
font-size: 0.7em;
color: #CCCCCC;
text-align: center;
}
.footerlinks a {
	text-decoration:none;
	color: #CCCCCC;
	font-weight: normal;
}
.footerlinks a:link {
	text-decoration:none;
	color: #CCCCCC;
	font-weight: normal;
}
.footerlinks a:hover {
	text-decoration:none;
	color: #9999FF;
	font-weight: normal;
}

.righttitel {
font-size: 14px;
font-weight: bold;
color: #102E75;
  padding: 3px 5px 3px 30px;

border-bottom: solid 1px #999999;
}

.righttext{
font-size: 0.8em;
font-weight: normal;
color: #333333;
}


.webdesign {
font-family: Verdana, Arial, sans-serif;
margin-right: 3px;
font-size: 10px;
color: #CCCCCC;
text-align: center;
}
.webdesign a {
	text-decoration:none;
	color: #CCCCCC;
	font-weight: normal;
}
.webdesign a:link {
	text-decoration:none;
	color: #CCCCCC;
	font-weight: normal;
}
.webdesign a:hover {
	text-decoration:none;
	color: #333333;
	font-weight: normal;
}

.copyright {
font-size: 10px;
color: #333333;
text-align: center;
}

p a {
	text-decoration:none;
	color: #CCCCCC;
	font-weight: normal;
}
p a:link {
	text-decoration:none;
	color: #CCCCCC;
	font-weight: normal;
}
p a:hover {
	text-decoration:none;
	color: #333333;
	font-weight: normal;
}

td a {
	text-decoration:none;
	color: #8778B1;
	font-weight: normal;
}
td a:link {
	text-decoration:none;
	color: #8778B1;
	font-weight: normal;
}
td a:hover {
	text-decoration:none;
	color: #CCCCCC;
	font-weight: normal;
}


.titelKat {
color: #102E75;
font-weight: bold;
border-bottom: solid 1px #999999;
}

.kat
{
color: #897AB5;
text-align: left;
}
.kat a {
	text-decoration:none;
	color: #897AB5;
	font-weight: normal;
}
.kat a:link {
	text-decoration:none;
	color: #897AB5;
	font-weight: normal;
}
.kat a:hover {
	text-decoration:none;
	color: #333333;
	font-weight: normal;
}

.description {
color: #102E75;
padding-left: 40px;
}
/* End Classes */


/* ###########  Easy Slider ################# */
#slider
{

}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width: 930px;
		height:450px;
		overflow:hidden; 
		}
	#slider li{ 
		background:transparent;
		}		
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider li p{ 
		margin:20px;
		}				


#controls, #controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:48px;
	position:absolute;
	left:-38px;
	top:-250px;
	/*border: 1px solid red;*/
	}	
#nextBtn, #nextBtn2{ 
	left:938px;
	width:15px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:30px;
	height:48px;
	background:url(../img/design/leftArrowSlider_violett.jpg) no-repeat top right;	
	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(../img/design/rightArrowSlider_violett.jpg) no-repeat top left;	
	}
	
#prevBtn a:hover, #nextBtn a:hover, #prevBtn2 a:hover, #nextBtn2 a:hover{  
	background:url(../img/design/leftArrowSlider_hover.jpg) no-repeat top right;	
	}	
#nextBtn a:hover, #nextBtn2 a:hover{ 
	background:url(../img/design/rightArrowSlider_hover.jpg) no-repeat top left;	
	}

#prevBtn a:active, #nextBtn a:active, #prevBtn2 a:active, #nextBtn2 a:active{  
	background:url(../img/design/leftArrowSlider.jpg) no-repeat top right;	
	}	
#nextBtn a:active, #nextBtn2 a:active{ 
	background:url(../img/design/rightArrowSlider.jpg) no-repeat top left;	
	}
/* ######### // Easy Slider #################*/

#browserWarning { display:none; }