/* 
	COMTEC Studios GmbH | comtec-studios.de
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | http://netzbuero.de
	v 19/10/2009
	-----------------------------------------------------------------------------------------------------------------------------
	Stylesheet für allgemeine Inhaltsseiten
*/






/* 	Basis-Layout
	----------------------------------------------------------------------------------------------------------------------------- */

	/* Linke Spalte */
	.wrap_leftCol { float: left; width: 230px; padding-top: 110px; padding-bottom: 100px; }
	
	/* Rechte Spalte */
	.wrap_rightCol { float: left; /* width: 737px; */ width: 684px; padding-top: 150px; }
	
	





/* 	Hauptnavigation 
	----------------------------------------------------------------------------------------------------------------------------- */
	.menu_wrap					{ position: absolute; top: 55px; left: 254px; left: 244px; }
	
	/* Root Level */
	.menu_wrap ul.mnv a 			{ 	display: block; margin-right: 20px; padding-left: 10px; }
	.menu_wrap ul.mnv a:hover		{	background: url(../images/nvArrwRootAct.gif) no-repeat 0 5px; }
	.menu_wrap ul.mnv a.actRoot		{	background: url(../images/nvArrwRootAct.gif) no-repeat 0 5px; }
	.menu_wrap ul.mnv li 			{ 	padding: 0; margin: 0; float: left; }
	
	/* Sublevel */
	.menu_wrap ul.mnv ul 			{ 	margin: 3px 0 0 0; padding: 5px 0 5px 0; position: absolute; background: url(../images/nvArrwShDwn.gif) no-repeat top center #ffffff; 
										display: none; line-height: 15px; font-family: Trebuchet MS, Arial, sans-serif; min-width: 100px; }	
	.menu_wrap ul.mnv ul li 		{ 	float: none; }
	.menu_wrap ul.mnv ul a 			{ 	text-decoration: none; font-weight: normal; font-size: 12px; text-transform: uppercase; }	
	.menu_wrap ul.mnv ul a:hover	{ 	background: url(../images/nvArrwLevelAct.gif) no-repeat 2px 3px; }		
	.menu_wrap ul.mnv ul a.actLevel	{ 	background: url(../images/nvArrwLevelAct.gif) no-repeat 2px 3px; color: #000; }		
	
	/* Wenn aktiv, Untermenü anzeigen */
	.menu_wrap ul.mnv li.active ul 	{ 	display: block; }






/* 	Definition der Rahmen-Elemente
	----------------------------------------------------------------------------------------------------------------------------- */
	
	/* Standard | Linie danach */
	.comtecFrame-brdr				{ 	padding-bottom: 1px; margin-bottom: 20px; background: url(../images/brdrln.gif) repeat-x bottom; }
	
	/* Standard | Schmall */
	.comtecFrame-sml				{ 	/* width: 70%; */ width: 512px; }

	/* Standard | Schmall | Linie danach */
	.comtecFrame-sml-brdr			{ 	/* width: 70%; */ width: 512px; padding-bottom: 1px; margin-bottom: 20px; background: url(../images/brdrln.gif) repeat-x bottom; }


	/* Schwarz */
	.comtecFrame-blk p				{ 	color: #000000; }

	/* Grau */
	.comtecFrame-gry h1				{ 	color: #777777; }
	
	/* Textlink | Überschrift links mit Schmuckrahmen rechts, einfacher 1zeiliger Textlink rechts daneben*/
	.comtecFrame-txtHrf 			{ 	min-height: 31px; clear: left; padding-bottom: 20px; }
	.comtecFrame-txtHrf h1 			{ 	float: left; margin-right: 5px; height: 31px; background: url(../images/linkBrdr.gif) no-repeat right; padding-top: 15px; padding-right: 15px; }
	.comtecFrame-txtHrf p			{ 	padding-top: 15px;}
	.comtecFrame-txtHrf a 			{ 	text-decoration: none; color: #777777; background: url(../images/arrFrwrd.gif) no-repeat 0 5px; padding-left: 10px; text-transform: uppercase; }
	.comtecFrame-txtHrf a:hover 	{ 	color: #000; }	





/* 	Bildrahmen, wenn Haken "Rahmen" gesetzt
	----------------------------------------------------------------------------------------------------------------------------- */		
	DIV.csc-textpic-image { width: auto !important;}
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: none; padding-right: 10px; background: url(../images/brdrImg.gif) top right no-repeat; }
	.csc-textpic-border p { margin-left: auto !important; }
	
	
	
	
/* 	Dashboard
	----------------------------------------------------------------------------------------------------------------------------- */
	.dashboard { width: 682px; text-transform: uppercase; /* padding-bottom: 80px; */ line-height: 13px; }
	.dashboard .mrgRg { margin-right: 20px; }
	.dshbrd_Element { width: 214px; float: left; }
	/* .dshbrd_Divider	{ clear: left; padding-top: 20px; padding-bottom: 20px; background: url(../images/brdrln.gif) repeat-x 0 20px; } */
	.dashboard h1 { margin-top: 5px; font-size: 12px; color: #000; line-height: 1; }
	.dashboard p { font-size: 11px; color: #777777; line-height: 1; }
	.dashboard p a { text-decoration: none; color: #777777; background: url(../images/arrFrwrd.gif) no-repeat 0 3px; padding-left: 10px; }
	.dashboard a:hover { color: #000; }
	
	.dshbrd_Element:hover { background: #f0f0f0; } 
	
	/* Menüelement im Sublevel hovern, bei MouseOver Dashboard-Link */
	.ro_active { color: #000 !important; background: url(../images/nvArrwLevelAct.gif) no-repeat 2px 1px; }
	


/* 	Linie linke Spalte
	----------------------------------------------------------------------------------------------------------------------------- */
	.lnBckgrnd { background: url(../images/lnBckgrnd.gif) repeat-y; }
	
/* 	Bereichsanzeiger linke Spalte
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrap_title_aux 	{ float: left; width: 30px; }
	.wrap_title h1		{ margin-left: 40px; margin-bottom: 5px; }
	.wrap_title h2		{ margin-left: 40px; }
	.wrap_title p		{ margin-left: 40px; }
	

/* 	Back-Button, linke Spalte
	----------------------------------------------------------------------------------------------------------------------------- */
	.wrap_back { margin-top: 30px; margin-left: 10px; line-height: 0;}
	.wrap_back a { padding-left: 25px; text-transform: uppercase; font-size: 11px; color: #777777; text-decoration: none; background: url(../images/arrwBck.gif) no-repeat 0 3px; }
	.wrap_back a:hover	{ color: #000; }





/* 	Project Master
	----------------------------------------------------------------------------------------------------------------------------- */
	.prjctMstr			{ position: relative; margin-bottom: 20px; }
	.prjctMstrTxt		{ position: relative; width: 444px; }
	.prjctMstrTxt p		{ color: #000; }
	.prjctMstrCptn	 	{ position: absolute; margin-left: 522px; bottom: 30px; padding: 0; }
	.prjctMstrCptn p	{ text-transform: uppercase; color: #000; padding: 0; margin: 0; font-size: 11px; }
	.prjctMstrCptn .comtecFrame-gry p	{ color: #777777; }	





/* 	Formular
	----------------------------------------------------------------------------------------------------------------------------- */
	#mailform { color: #777777; margin-top: 15px; margin-bottom: 25px; }
	#mailform h1 { color: #777777; }
	#mailform small { font-size: 10px; text-transform: uppercase; }
	#mailform label { margin-left: 10px; text-transform: uppercase; font-size: 12px; }
	#mailform input[type=text] 		{ border: 1px solid #fff; background: #f0f0f0; width: 225px; }
	#mailform input[type=text]:focus { border: 1px solid #777777; background: #e0e0e0; }
	#mailform input[type=text]:hover{ background: #e0e0e0; }
	#mailform input[type=submit], .frm input[type=reset] { border: 1px solid #777777; padding: 4px; color: #777777; text-transform: uppercase; font-size: 11px; }
	#mailform input[type=submit]:hover, .frm input[type=reset]:hover { background: #e0e0e0; }
	#mailform .frmRow { margin-top: 5px; }
	#mailform .frmBtn { margin-top: 10px; }
	


/* 	Slideshow
	----------------------------------------------------------------------------------------------------------------------------- */
	#myGallery {
	width: 100%;
	height: 400px;
}
#myGallery img {
	border: 2px solid #52697E;
}
a.loading {
	background: #fff url(../images/ajax_small.gif) no-repeat center;
}


.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 50%;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/blank.gif);
}