

/*Farblegende*/

/*Reset*/

html,body{margin:0;padding:0;border:0;background:transparent;font-size:10px}

div,span,article,aside,footer,header,hgroup,nav,section,
h1,h2,h3,h4,h5,h6,p,blockquote,a,ol,ul,li,table,tr,th,td,tbody,tfoot,thead{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	}
	
img {margin:0;padding:0;border:0}

table,tr,th,td,tbody,tfoot,thead{
	margin:0;padding:0;border:0;
	vertical-align:baseline;
	background:transparent;
	}
	
table{border-collapse:collapse;border-spacing:0;}

input,select,textarea,form,fieldset{
	margin:0;padding:0;border:0;
	}

article,aside,dialog,figure,footer,header,hgroup,nav,section{
	display:block;}
	
h1,h2,h3,h4,h5,h6,p,li,blockquote,td,th,a,caption,em,strong,strike{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000000;
	}

ol,ul {list-style:none;}


/*Global*/

html { background-color:#CCCCCC; }
body {  }

/*Ueberschriften*/

h1,h2,h3,h4,h5,h6 {font-weight:bold;color:#000000}

h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:14px;}
h6{font-size:14px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/*Textelemente*/

p			{color:#000000;font-size:12px; line-height:150%; }
p .left		{margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right	{margin:1.5em 0 1.5em 1.5em; padding:0; }


a			{   }
a:link      {color:#0000FF}
a:visited   {color: #0000ff}
a:active    {color: #000000}
a:focus     {color: #666666}
a:hover     {color: #FF0000}

blockquote  {color: #000000; font-size:12px;}

/*Bilder*/

/*Listen*/

ul			{ }
ol			{list-style-type:decimal;}

ul li		{color:#000000;font-size:12px;}
ol li		{color:#000000;font-size:12px;}

dl			{}
dt			{}
dd			{}


/*Tabelen*/

table		{width:100%;}

tr			{}
.odd		{background-color:#eeeeee;}
.even		{background-color:#ffffff;}

th			{font-weight:bold;}
thead,th	{background:#cccccc}

tbody		{}

th,td,caption{}
caption		{}

tfoot		{}
.tfooter	{background-color:#cccccc;text-align:center;font-style:italic;}

caption		{background:#efefef;}


/*Sonstiges*/

sup,sub		{line-height:0;}

abbr,acronym{border-bottom:1px dotted #666666;}
address		{}
del			{background-color:#ffff99;padding:2px 0px; margin:4px 25px;
			font-family:"Courier New", Courier, monospace;font-size:12px;font-style:normal;}
			
/*Behälter div id*/

#ordner		{ width: 900px; margin:0px auto; background-color: #FFFFFF;}

/*#top		{ background-color:#000000;  padding:0 0; overflow:hidden;}*/


#titelbild 	{float:left; overflow: hidden;}

#topnav		{ background-color: #000000; clear:both;}
#topnav ul	{width:100%; float:left; margin:0px; background-color:#000000; 
			border-bottom:3px #ffffff solid;}
#topnav ul li {display:inline;}
#topnav ul li a {float:left; padding:10px 10px 10px 10px;}

#topnav a:link	 	{ color:#FFFFFF;)}
#topnav a:visited	{ color:#ffffff; background-color:#333333)}
#topnav a:active	{ color:#FFFFFF;)}
#topnav a:hover		{ color:#FFFFFF; background-color:#FF9900;}
#topnav a:focus		{ color:#FFFFFF;)}

#subbanner	 	{ width:100%; background-color:#00566A; padding:15px 0px; overflow:hidden;}
#subbanner h3 	{color:#FFFFFF; font-size:16px; font-weight:bold; text-align:center;
				 line-height:180%}

#content		{ float:left; width:600px; padding:20px;}
#content h1		{margin:0 0 20px 0; font-size:32px; border-bottom:1px #000000 solid; 
				padding	:20px 0;}
#content p		{margin:16px 0; line-height:140%; font-size:16px; text-align:justify; hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2;}
#content h2		{margin:20px 0 20px 0px;}
#content img	{padding:8px; border: 1px #888888 solid; margin:8px;}
#content ul		{ padding:0 0 0 16px; list-style-type:disc; }
#content ul li	{ font-size:16px; line-height:140%; padding:3px;}
#content ul li li { padding:0; line-height:120%;}
#content ol		{ padding:0 0 0 20px; list-style-type:decimal;}
#content ol li	{ font-size:16px; line-height:140%; padding:3px;}

/*uns*/
#fotouns img {	float:left; padding:3px; margin:5px;}

/*technik*/
#grouptech_img	{float:right; padding:5px 5px 5px 5px; margin:0 0 0px 0px; border:0 black solid; height: 1257px; width: 297px}
#grouptech_img ul li {list-style-type:none;}
#in				{ overflow:hidden;}

/*geschichte*/
#landm { float:right; margin:0 0 0 10px;}
#zapf	{ float:left; margin:0 10px 0 0;}

/*Ausbildung*/

#mohr {	background-color:#FFEFB0; padding:8px;}
#mohr a {font-size: 16px;}

#urkunde { margin-left:150px;}
#erklaer{float:left;}

/*Internes*/

#fotoint h2 { padding:25px 0 0 25px; }
#fotoint h3	{ font-size:20px; padding:25px 0 25px 25px; border-top:2px #CCCCCC solid; margin:15px 0 0 0;}
}



/*.grouptech			{  clear:left;}


/*kontakt*/
#kontakt ul li	{ list-style-type: none;}
#kontakt ul     {list-style-type: none;}
#kontakt div	{/*padding:1em; margin-top:8px; border:2px solid #000*/; }
#kontakt a img	{width:240px; height:160px;}

#box1 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0; overflow: hidden;}
#box1l		{ float:left; width:45%; height:100%; padding:0px;}
/*#box1l img	{ display:inline-block;  position:absolute; margin:0; padding:0;}*/
#box1r		{margin-left:280px; padding:0px 0 0 0;}

#box2 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0;overflow: hidden;}
#box2l		{float:left; width:45%; height:100%; padding:0px;}
#box2r		{margin-left:280px; padding:0px 0 0px 0;}

#box3 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0;overflow: hidden;}
#box3l		{ float:left; width:45%; padding:0px;}
#box3r		{margin-left:280px; padding:0px 0 0 0;}

#box4 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0; overflow: hidden;}
#box4l		{ float:left; width:45%; padding:0px;}
#box4r		{margin-left:280px; padding:0px 0 0 0;}

#box5 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0; overflow: hidden;}
#box5l		{ float:left; width:45%; padding:0px;}
#box5r		{margin-left:280px; padding:0px 0 0 0;}


#box6 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0; overflow: hidden;}
#box6l		{ float:left; width:45%; padding:0px;}
#box6r		{margin-left:280px; padding:0px 0 0 0;}

#box7 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0; overflow: hidden;}
#box7l		{ float:left; width:45%; padding:0px;}
#box7r		{margin-left:280px; padding:0px 0 0 0;}

#box8 		{width:100%; height:200px; border-bottom:2px #888888 solid; padding:20px 0 20px 0; overflow: hidden;}
#box8l		{ float:left; width:45%; padding:0px;}
#box8r		{margin-left:280px; padding:0px 0 0 0;}


#rightside		{padding:20px; margin-left:625px; }
#rightside h2	{margin:20px 0 10px 0;}
#rightside h4	{margin:20px 0 15px 0;}
#rightside p	{margin:8px 0; line-height:160%;}
#rightside br	{height:10px;}
#rightside img	{ padding:5px; border: 1px #000000 solid; margin:5px;  }

#map		{border:2px #000000 solid; padding:1px 5px 1px 1px;}

#footer			{ clear: both; background-color:#000000; padding:10px 0; }
#footer p		{color:#FFFFFF; text-align:center;}

	


/*extra Layout*

/*Navigation Extra*/

/*Forms*/

form {text-align:left; margin:20px;}

label,submit,input,textarea{
		border:0; padding:0; margin:0; background:none;
		}
		
label	{float:left;width:150px;text-align:right;display:block;
		}
		
input,textarea{
		border:1px #333333 solid;margin-left:10px;
		}
		
input	{width:280px;margin-bottom:16px;
		}
		
textarea{
		width:280px;height:150px;
		margin-bottom:16px;
		}
select	{}

.submit{width:90px;height:25px;
		margin-left:150px;
		font-size:12px;}

br	{clear:left;}

/*Sonstiges*/

.copyright-text	{font-size:80%;font-style:italic;color:#333333;}
.footer-text	{font-size:80%;font-style:normal;color:#666666;}

.title			{font-size:18px;font-weight:bold;color:#333333;}
.subtitle		{font-size:14px;font-style:italic;color:#333333;}











/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

