/********* MIRIAM GIESE**********/
/* Standards */
*			{margin: 0; padding: 0;	}
html, body	{min-height: 100%; height: auto; height: 100%;}
body		{font-family:Arial, Helvetica, sans-serif;color:#000;line-height:150%;font-size:76%;background:url(../images/design/bg.jpg) top center no-repeat;}
body#small	{font-family:Arial, Helvetica, sans-serif;color:#000;line-height:150%;font-size:76%;background:url(../images/design/bg-unterseite.jpg) top center no-repeat;}
body#grenze	{background:none;}

html[xmlns^="http"]
{
/* verhindert Mozilla-Zucken
* > Firefox 1.5
*/
overflow-y: scroll;
}

img 			{border: none;}

a, a:visited	{text-decoration:underline; color: #000; }
a:hover	 		{color:#ff0000; }


a:hover	img		{-moz-opacity: 0.85; opacity: 0.85;}

p 				{font-family:Arial, Helvetica, sans-serif;color:#000; font-size: 1.0em; line-height:150%;padding:0 0 20px 0;}
p.special		{ font-style:italic; color:#616161; text-align:right;}

h1				{text-indent:-99999px;font-size:0.001em;line-height:0.001em;}
h2				{font-size:1.6em;font-weight:normal;text-transform:uppercase;width:600px;margin:0 0 7px 0;}
h3				{font-size:1.6em;font-weight:normal;text-transform:uppercase;color:#ff0000;margin:0 0 20px 0;width:600px;}

h4				{font-size:1.2em;font-weight:bold;line-height:150%;}
h5				{font-size:1.0em; font-weight:bold;margin:0px;padding:0px;}
#telefone h5	{font-size:1.4em; font-weight:normal; text-transform:uppercase; text-align:right;margin:0px;padding:0px;line-height:160%;}
#telefone h5 span {font-size:1.55em;font-weight:normal;color:#ff0000;text-align:right;margin:0px;padding:0px;}


#sidebar h5		{font-size:1.4em; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #b6b6b6;text-align:left;margin:0 0 10px 0;}
#sidebar h6		{font-size:1.1em;font-weight:bold; text-align:left; color:#000;}

.clear			{clear: both; font-size: 0.0001em; line-height: 0.00001em;}
.float			{ float:left;}
.float-left		{float:left;}
.float-right	{float:right;}
ul 				{list-style:none;padding:0 0 10px 0;font-size: 1.0em;}

/*---------------LAYOUT--------------*/
#container	{width:990px;margin:0 auto;}

header 		{height:462px;padding:20px 0 0 0;}
header#small	{height:312px;padding:20px 0 0 0;}
body#grenze header{width:990px;height:103px;}
	#branding	{width:384px;height:103px;margin:0 0 0 0;}
	#subnav		{width:600px;text-align:right;float:right;}
	#claim		{margin:90px 0 0 0;}
		#claim p	{font-size: 4.0em;text-shadow:1px 1px #fff;line-height: 80%;}
	
section		{margin:0 0 20px 0;}
article		{width:600px;margin:23px 0 0 0;float:left; }
	article p	{}
	.column		{width:285px; margin:0 30px 0 0; float:left;}
	
	.nomargin	{margin:0 0 0 0;}
	.column-wide{width:580px; margin:0 0 20px 0; background:#f6f7fb;padding:10px; border:1px solid #b5b8ba;}
	.column-wide p	{ font-style:italic;}
	.column-wide2	{ width:600px;}
	.img		{border:1px solid #b6b6b6;margin:0 0 20px 0;}
	.extra		{ text-transform:uppercase; font-weight:bold; text-align:center;}
	span.wert	{ font-weight:bold;color:#ff0000;}
	
	a.linkextra	{padding:1px 3px 1px 3px; text-decoration:none; text-transform:uppercase;}
	a.linkextra:link, a.linkextra:visited	{background-color:#ff0000; color:#fff;}
	a.linkextra:hover	{background-color:#000; color:#fff;}
	
	a.linkextra3	{padding:1px 5px 1px 5px; text-decoration:none; text-transform:uppercase; font-size:20px;}
	a.linkextra3:link, a.linkextra3:visited	{background-color:#ff0000; color:#fff;}
	a.linkextra3:hover	{background-color:#000; color:#fff;}
	
	a.linkextra2	{padding:1px 5px 1px 5px; text-decoration:none; text-transform:uppercase;}
	a.linkextra2:link, a.linkextra2:visited	{background-color:#ADADAD; color:#fff;}
	a.linkextra2:hover	{background-color:#000; color:#fff;}
	
body#grenze article {width:990px;}
	body#grenze article .column-grenze {width:475px;float:left;margin:0 20px 0 0;}
	body#grenze article .column-grenze2 {width:475px;float:left;margin:0;}
	
	
#sidebar	{width:340px;margin:0 0 0 50px;float:left;}
	#socials		{position:relative;top:-21px;margin:0 0 0 247px;}
		ul#social 		{padding:0;margin:0;float:left;}
		ul#social li	{width:21px;height:18px;padding:3px 0 0 3px;float:left;margin:0 0 0 7px;background-color:#FFF; background-image:none;}
	
		ul#products		{padding:12px 0 0 0;width:340px;margin:0 0 10px 0; height:18px;float:left;background:url(../images/design/bg-products.gif) top left no-repeat;}
		ul#products li	{background:url(../images/design/arrow.gif) top left no-repeat;padding:0 0 0 18px;float:left;width:140px;}
		ul#products li:first-child	{margin:0 12px 0 0;}
		ul#products li a	{padding:1px 3px 1px 3px; text-decoration:none;}
		ul#products li a:link, ul#products li a:visited {background-color:#ff0000; color:#fff;width:145px; display:block;}
		ul#products li a:hover	{background-color:#000; color:#fff;width:145px;display:block;}
		
		ul#products li:first-child a:link, ul#products li:first-child a:visited, ul#products li:first-child a:hover {width:140px;}
	
footer		{ width:100%;height:57px;padding:20px 0 0 0;background:url(../images/design/bg-footer.jpg) top center repeat-x; text-align:center;}

#box {display:none;position: fixed;width:70px;height:20px;bottom: 5%;left: 90%;}
#box a:link						{width:70px;height:20px; text-align:center;display:block;color:#fff;background-color:#ff0000;text-decoration:none; }
#box a:visited, #box a:hover	{width:70px;height:20px; display:block;color:#fff; background-color:#000;}
/*---------------NAVIGATION-------------*/
ul#navi 			{padding:0;margin:25px 0 0 0;float:left;font-size: 1.0em; position:relative; width:990px;}
ul#navi li 			{padding:8px 20px 0 20px;margin:0;height:38px;text-shadow:1px 1px #fff; float:left;background:url(../images/design/line.png) top right no-repeat;}
ul#navi li:first-child		{padding:8px 20px 0 0;}
ul#navi li:last-child		{padding:8px 0 0 20px;background:none;}

ul#navi li a		{font-size:1.1em;color:#000;font-weight:normal;line-height:130%;text-decoration:none; text-transform:uppercase;}

ul#navi li a.normal:link, ul#navi li a.normal:visited	{display:block;color:#000;}
ul#navi li a.normal:hover								{color:#ff0000;}
ul#navi li a.activ:link, ul#navi li a.activ:visited		{display:block;color:#ff0000; text-transform:uppercase;}

/*klappnav*/

ul#navi ul		{position:absolute;z-index: 2;display: none;margin:12px 0 0 -19px;padding:0px;list-style-type:none;}

ul#navi ul:first-child 	{margin:11px 0 0 19px;}

ul#navi ul li
{height:20px;padding:5px 10px 0 25px;margin:0 0 2px 0;float:none;background:url(../images/design/kreuz.png) top left no-repeat #fff;font-size:1.0em;list-style-type:none;filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */opacity: 0.70; /* Opera */}
ul#navi ul li:first-child, ul#navi ul li:last-child
{padding:5px 10px 0 25px;margin:0 0 2px 0;background:url(../images/design/kreuz.png) top left no-repeat #fff;filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */opacity: 0.70; /* Opera */}
ul#navi ul li.grey	{background-color:#fff;filter:alpha(opacity=90); /* IE */
-moz-opacity: 0.90; /* Mozilla */opacity: 0.90; /* Opera */}


ul#navi ul li a										{display:block;line-height:100%;margin:0px;padding:0px;}
ul#navi ul li a:hover								{color:#F00;}
ul#navi li:hover ul 								{display: block;} 



/*---------------SUBNAVIGATION-------------*/
/*ul#navi-add		{padding:0;margin:-10px 0 20px 363px;} Wert mit Anfahrt link*/
ul#navi-add		{padding:0;margin:-10px 0 20px 413px;}
ul#navi-add li	{padding:0;margin:0 0 0 10px;float:left;}
ul#navi-add li a		{font-size:1.0em;color:#8d8d8d;font-weight:normal;line-height:130%;text-decoration:none;}

ul#navi-add li a.normal:link, ul#navi-add li a.normal:visited	{display:block;color:#8d8d8d;}
ul#navi-add li a.normal:hover									{color:#000;}
ul#navi-add li a.activ:link, ul#navi-add li a.activ:visited		{display:block;color:#000;}
/*---------------Content LIST---------*/
section ul		{list-style:outside none;text-align:left;padding:0 0 20px 0;}
section ul li	{list-style-type:none;background:url(../images/design/arrow.gif) no-repeat;padding:0 0 0 23px; text-transform:uppercase;}

section ul.list		{list-style:outside none;text-align:left;padding:0 0 0 0;float:left;width:70px; font-weight:bold; }
section ul.list2	{list-style:outside none;text-align:left;padding:0 0 0 0;float:left;}
section ul.list li,
section ul.list2 li	{list-style-type:none;background:none;padding:0 0 0 0;text-transform:none;}

section table		{width:600px;margin:0 0 20px 0;}
section table th	{text-align:left; vertical-align:top;padding:3px 0 3px 0;font-weight:bold; width:140px;border-bottom:1px solid #CCC;}
section table td	{text-align:left;padding:3px 0 3px 0;vertical-align:top;border-bottom:1px solid #CCC;}
section table tr	{ }


/*----------------CLASSES---------------------------------------*/
.spacer				{border-bottom:1px dotted #999;margin:0 0 20px 0;clear:both;}


/*kontaktformular*/
form		{ width:300px;padding:0px;margin:0px;border:none;}
form ol		{ list-style:none;padding:0px;}
form ol li 	{ margin:0 0 2px 0;padding:0px;float:left;}
form ol li.label	{width:96px!important;float:left;padding:0px;}
form ol li input,
form ol li textarea	{width:200px;font-family: Georgia, "Times New Roman", Times, serif;color:#3e3e3e; font-size:1.0em;}
form ol li select	{width:202px;font-family: Georgia, "Times New Roman", Times, serif;color:#3e3e3e; font-size:1.0em;}
form ol li.button 	{margin:0 0 0 96px;}
form ol li.button input 	{width:202px;margin:0 0 20px 0!important;}