/*  ====================================================
Stylesheet mit Layout und Text für ALLE Seiten
Projekt: www.print-wear.at
Datei:  styles.css
Autor:  Christian Gindelhumer / www.dropkick.at
========================================================== */

@media all { 

/*  ====================================================
Allgemeines
========================================================== */

* { padding: 0; margin: 0; }

html { height: 101%; }

body {
	margin: 0px;
	color: black;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:small;
	background-color: #efefef;
	background-image:url(../pics/layout/bg.png);
	background-position:top;
	background-repeat:repeat-x;
}


/*  ====================================================
Styles für das Grundlayout
========================================================== */

#wrapper {
	width:1010px;
	margin:0 auto;
	padding:0;
}
#content_head {
	height:298px;
	background:url(../pics/layout/content_head.png);
}
#content {
	background:url(../pics/layout/content_bg.png);
	background-repeat:repeat-y;
	padding:30px 8px;
	overflow:hidden;
}
#content_left {
	width:650px;
	margin:0 30px;
	float:left;
}
#content_right {
	width:250px;
	float:left;
}

#content_foot {
	height:95px;
	background:url(../pics/layout/content_foot.png);
}





/*  ====================================================
Kopfbereich Hauptnavigation
========================================================== */


#mainnavi {
	margin:0;
	padding:0;
	text-align:center;
	font-size:115%;
}

#mainnavi ul { margin-left:20px; }

#mainnavi li {	
	padding:28px 8px 9px 8px;
	float:left;
	list-style-type: none;
}

#mainnavi a {
	color:#efefef;
	text-decoration:none;
}

#mainnavi li:hover { 
	color:#FFF;
	background-image:url(../pics/layout/navi_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#mainnavi li.active { 
	color:#FFF;
	background-image:url(../pics/layout/navi_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
}


  
/*  ====================================================
Box
========================================================== */

#box {
	border:2px solid #006699;
	background-color:#efefef;
	width:242px;
}
#box_head {
	text-align:center;
	height:30px;
	background-image:url(../pics/layout/box_head.png);
	background-repeat:repeat-x;
}
#box_head h1 {
	font-size:120%;
	color:#FFF;
	font-weight:normal;
	padding-top:3px;
}
#box p {
	line-height:1.4;
	padding:4px;
	margin:0;
}

/*  ====================================================
Newsbox
========================================================== */

.newsbox {
	margin-top:30px;
	border:2px solid #006699;
	background-color:#efefef;
	width:634px;
	padding:6px;
	overflow:hidden;
	text-align:justify;
}
.newsbox h1 {
	font-size:120%;
	color:#006699;
	font-weight:normal;
	margin-bottom:10px;
}
.newsbox img {
	float:left;
	margin:0 15px 5px 0;
	border:1ps solid #333;
}
.newsbox p {
	line-height:1.4;
	margin:0;
}










#subnavi {
	background-color:#FFF;
	/*font-size:95%;*/
}

#subnavi ul { margin:0; }
#subnavi li {
/*	list-style-image:url(../../pics/icons/weiter.gif);
	list-style-position:inside;*/
	list-style-type: none; 
	background:url(../../pics/layout/verlauf2.gif) left no-repeat;
	padding:1px;
	border-bottom:1px dotted #efefef;
	margin:0 0 3px 5px;
}
#subnavi li:hover { background:none; }
#subnavi a {
	text-decoration: none;
	color: #000066;
	background-image:url(../../pics/icons/weiter.gif);
	background-repeat:no-repeat;
	background-position: left ;
	margin:auto 0;
	padding-left: 8px;
}  

#subnavi a:hover {
	text-decoration: none;
	color:#000;
	background-image:url(../../pics/icons/weiter_hov.gif);
/*	background-repeat:no-repeat;
	background-position: left ;
	margin:auto 0;
	padding-left: 8px;*/
}
#subnavi strong {
	color:#000;
	font-weight:normal;
	background-image:url(../../pics/icons/weiter_hov.gif);
	background-repeat:no-repeat;
	background-position: left ;
	margin:auto 0;
	padding-left: 8px;
}  


	
/*  ====================================================
lightbox
========================================================== */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image:url(../pics/layout/lightbox_overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../pics/layout/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


/*  ====================================================
Nachrichtenboxen Startseite
========================================================== */


/*  ====================================================
diverse Inhalte
========================================================== */

#agb { margin:0 5px; }
#agb h1 { font-size:120%; color:#006699; font-weight:normal; }
#agb h2 { font-size:110%; font-weight:bold; margin-top:15px; }
#agb p { text-align:justify; line-height:1.2; margin-top:8px; }

#impressum { margin:0 0 0 300px; }
#impressum h1 { font-size:120%; color:#006699; font-weight:normal; }
#impressum h2 { font-size:110%; font-weight:bold; margin-top:15px; }
#impressum p { text-align:justify; line-height:1.5; margin-top:12px; }

#kontakt { margin:0 5px; }
#kontakt h1 { font-size:120%; color:#006699; font-weight:normal; }
#kontakt h2 { font-size:110%; font-weight:bold; margin-top:15px; }
#kontakt p { text-align:justify; line-height:1.5; margin-top:12px; }

#who { margin:0 5px; }
#who h1 { font-size:120%; color:#006699; font-weight:normal; }
#who p { text-align:justify; line-height:1.6; margin-top:15px; }


/*  ====================================================
Fußbereich
========================================================== */

#foot_kontakt {
	float:left;
	width:200px;
	margin:8px 0 0 130px;
	color:#CCC;
	font-size:85%;
}
#foot_oeffnung {
	float:left;
	width:250px;
	margin:8px 0 0 10px;
	color:#CCC;
	font-size:85%;
}
#foot_more {
	float:left;
	width:280px;
	margin:10px 0 0 390px;
	color:#CCC;
	font-size:85%;
}


/*  ====================================================
Styles für das Texte und Links
========================================================== */

a {
	text-decoration:none;
	color:#006699;
}
a:hover {
	color:#333;
}

a.white {
	text-decoration:none;
	color:#CCC;
}
a.white:hover { color:#FFF; }




} /* Ende @media - nicht löschen */

/* ======================================
   E N D E styles.css
   ====================================== */