@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);
@import url(../yaml/core/iehacks.css);
@import url(../yaml/core/patch_2col_left_seo.css);


  
@import url(../css/basemod.css);
@import url(../css/content.css); 
@import url(../css/nav.css); 
	

body {
	color: white;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
  background: #c0c0c0 url("../images/bg.jpg") repeat fixed top;
}


#page {
  background: transparent url("../images/bg_center.png") repeat fixed top;
  padding: 0 20px 0 20px;
}


hr {
	background: transparent url("../images/hr.png") no-repeat  top;
	border: 0;
	height: 45px;
	width: 750px;
}


#col3 img {
	border: 3px solid black;
/*	padding: 2px;  */
}

.logo1 {
	font-family: Verdana;
	font-weight: bold;
	border: 1px solid black;
}

.logo2 {
	color: blue; background-color: white; padding: 0 3px 0 3px;
}

.logo3 {
	color: white; font-style: italic; background-color: blue; padding: 0 3px 0 3px;
}

h2 {
	margin-bottom: 20px;
	padding: 5px 10px 5px 10px;
	text-indent: 80px;
	font-family: Segoe UI, Georgia, Arial, Verdana;
	font-size: 200%;
	background: transparent url("../images/h2_bg.png") no-repeat top left; 
	border: 1px solid black;
	margin-top: 10px;
	/*	margin-left: -60px; */ 		/* IE Probleme */
	position: relative;
	left: -60px;
}

.noborder { border: 0;}



	fieldset legend {
	  border: 1px solid black;
	  background-image: url(../images/bg.jpg );
	  padding: 0 10px;
	}
	fieldset.hinweis {
	  font-size: 150%;
	  width: 390px;
	  background-image: url(../images/bg.jpg);
	  border: 1px solid black;
	  padding: 0px 0 30px 20px;
	  margin-bottom: 20px;
	}
	
	form label { 
	display: block;
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0;
	font-weight: bold;
	}
	
	form input, form textarea {
	width: 250px;
	margin:10px 0 0 20px;
	padding: 4px 10px;
	border: 1px solid black;
	font-size: 13px;
	font-weight: normal;
	font-family:  Verdana, Georgia, Arial;
  background-image: url(../images/bg.jpg);
  color: white;
	}

	form input:focus, form textarea:focus {
		border: 1px solid yellow;
	}	
	
	form .btn_submit { background-image: none; color: black;}


	/* externen Links ein Icon voranstellen */
	a[href^="http:"] {
        background: url(../images/external_link_icon.gif) left center no-repeat;
        padding-left: 19px;
	}

/*  Portfolio Style  */

 #portfolio1 {
	padding-top: 20px;
  border: 1px solid black; 
  width: 430px; height: 250px; 	
  background: transparent url(../images/portfolio.jpg) no-repeat  0 -1px; 
  padding-left: 20px; 
  padding-right: 20px;
	}

 #portfolio2 {
	padding-top: 20px;
  border: 1px solid black; 
  width: 430px; height: 250px; 	
  background: transparent url(../images/portfolio2.jpg) no-repeat  0 -1px; 
  padding-left: 20px; 
  padding-right: 20px;
 }

 #p1_1, #p3_1 
 ,#p1_2, #p3_2 {
 	height: 90px; width: 200px; float: left;
	cursor: pointer;
 }

 #p2_1, #p4_1 
 ,#p2_2, #p4_2 {
	width: 200px;
 	float: right;
	cursor: pointer;
 }
 
  #p3_1, #p4_1
 ,#p3_2, #p4_2  { margin-top: 29px;
 }
 
 #portfolio1 a, #portfolio2 a {
	display: block; height: 90px;
 }

	#p1_1 a:hover {	background: transparent url(../images/portfolio.jpg) -20px -290px no-repeat;}  
	#p2_1 a:hover { background: transparent url(../images/portfolio.jpg) -250px -290px no-repeat; }  
	#p3_1 a:hover {	height: 91px; background: transparent url(../images/portfolio.jpg) -20px -409px no-repeat; }  
	#p4_1 a:hover {	height: 91px; background: transparent url(../images/portfolio.jpg) -250px -409px no-repeat; }  

	#p1_2 a:hover {	background: transparent url(../images/portfolio2.jpg) -20px -290px no-repeat;}  
	#p2_2 a:hover { background: transparent url(../images/portfolio2.jpg) -250px -290px no-repeat; }  
	#p3_2 a:hover {	height: 91px; background: transparent url(../images/portfolio2.jpg) -20px -409px no-repeat; }  
	#p4_2 a:hover {	height: 91px; background: transparent url(../images/portfolio2.jpg) -250px -409px no-repeat; }  


/*  Portfolio Style  */

.ttt {
	background: transparent url(../images/object_02.png) bottom right;
}