/** 
 * Theme Name: pro-K - Produkte des Jahres
 * Theme URI: http://www.gr-a.org
 * Description: Theme erstellt: 06/2008. G+R Agentur für Kommunikation GmbH. 
 * Author: G+R Agentur für Kommunikation GmbH
 * Author URI: http://www.gr-kommunikation.de
 * Version: 1
 */

 
 
/**
 Seitenaufbau, Gr��en, Position
 */
 
html, body, div, span, object, iframe, p, blockquote, pre, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
 
html { height: 100%; margin-bottom: 1px; }

body { 
	font-size: 14px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	line-height: 160%;
	color: #000;
	background: #e6e6e6;
	text-align: center;
	background: #e6e6e6 url(images/background.jpg) no-repeat left top; 
	}
	
p { margin-bottom: 10px; }

em { font-style: italic; }
	
h2 {
	font-size:18px;
}
	
a:focus { outline: none; }

#center {
	float:left;
	width: 820px; 
	text-align: left; 
	margin: 10px 0 0 90px;
	}
	
#nav { 
	background: url(images/rmi.gif) repeat-y top; 
	}
	
#con { 
	background: url(images/rmi.gif) repeat-y top; 
	}
	
#ll { float: left; width:250px; padding: 0 30px; }
#rr { float: left; width:510px; }
#text { padding: 20px 40px 0 0; }
#text_pdj { padding: 20px 40px 0 0; }
#text_sponsoren { padding: 20px 40px 0 0; }

#boxes { 
	background: #fff url(images/bmi.gif) repeat-y top; 
	min-height:280px;
	height:auto !important;  /* f�r moderne Browser */
	height:280px;  /*f�r den IE */
	}
#box1, #box2, #box3 {
	float: left;
	width: 240px;
	padding: 0 10px;
	}
		
#box1 {  margin: 0 10px; } 
#box2 {  margin: 0 10px 0 0; } 


.imp { margin: 0 20px; }

#breadcrumb {
	margin:0 0 0 12px;
	font-size: 11px;
}

#jury {
	height:170px;
	width:469px;
}

#juryfoto {
	height:150px;
	width:120px;
	float:left;
	border:1px solid #0f8cdd;
}

#jurytext {
	height:150px;
	width:340px;
	float:right;
}

/* ----- Links ----- */

#boxes a.bildlink, a.bildlink:visited { color: #0185db; text-decoration:none; outline: none; }
#boxes a.bildlink:hover  { color: #0185db; text-decoration:none; outline: none; border-bottom: 0px;}

a, a:visited { color: #0185db; text-decoration:none; outline: none; }
a:hover  { color: #0185db; text-decoration:none; outline: none; }

#text_pdj a, a:visited { color: #0185db; text-decoration:none; outline: none; }
#text_pdj a:hover  { color: #0185db; text-decoration:none; outline: none; }

#text_sponsoren a, a:visited { color: #0185db; text-decoration:none; outline: none; }
#text_sponsoren a:hover  { color: #0185db; text-decoration:none; outline: none; }

.imp a, a:visited { color: #0185db; text-decoration:none; outline: none; }
.imp a:hover  { color: #0185db; border-bottom: 1px solid #0185db; }

.navigation a, a:visited { color: #0185db; text-decoration:none; outline: none; }
.navigation a:hover  { color: #0185db; border-bottom: 1px solid #0185db; }

#text a, a:visited { color: #0185db; text-decoration:none; outline: none; }
#text a:hover  { color: #0185db; border-bottom: 1px solid #0185db; }

#boxes a, a:visited { color: #0185db; text-decoration:none; outline: none; }
#boxes a:hover  { color: #0185db; border-bottom: 1px solid #0185db; }

#breadcrumb a, a:visited { color: #0185db; text-decoration:none; outline: none; }
#breadcrumb a:hover  { color: #0185db; border-bottom: 1px solid #0185db; }

/**
 Aktuelles Box
 */
 
#aktuelles ul { list-style-type:none; padding:0; margin:0; }
#aktuelles ul li { margin:8px 0; }

/**
 Anmeldung
 */
 
h3 { margin: 25px 0 5px 0; font-weight: bold; font-size: 110%; }	
 
/* textspalten ------------------------------------------------------ */
.x { 
	float: left; 
	width: 157px;  
	margin: 3px 0; 
	border-bottom: 1px solid #999; 
	border-left: 1px solid #999;
	font-size: 0.9em; 
	padding-left: 2px;
	} 
.y { float: left; width: 330px; margin: 3px 0; } 	


/* anmeldeformular ------------------------------------------------------ */
 
.msg { font-weight:bold; width:480px; color:#fff; background:#0185db; padding:5px 10px; margin:10px 0; } /*der text der fehlermeldung */
.errorframe { border:1px solid #0185db; } /*das fehlerhafte feld */

form { padding:0; margin: 0; width: 500px; }

input {
	background: #fff;
	border: 1px solid #999;
	font: 1em/150% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px 10px;
	width: 308px;
	}

input.button {
	width: 485px;
	padding:0;
	height:30px;
	background: #eee;
	margin: 20px 0;
	}

textarea {
	background: #fff;
	border: 1px solid #999;
	font: 1em/150% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px 0 2px 10px;
	width: 318px;
	height: 200px;
	}

select {
	background: #fff;
	border: 1px solid #999;
	font: 1em/150% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px 0 2px 8px;
	width: 330px;
	}
	
input#plz, input#aplz { width: 43px; }
input#ort, input#aort { width: 232px; float:right; margin-right:0px;}

input#teilname { width: 20px; }

/**
 Kontakt
 */
 
h3 { margin: 25px 0 5px 0; font-weight: bold; font-size: 110%; }	
 
/* textspalten ------------------------------------------------------ */
.kontaktx { 
	float: left; 
	width: 117px;  
	margin: 3px 0; 
	border-bottom: 1px solid #999; 
	border-left: 1px solid #999;
	font-size: 0.9em; 
	padding-left: 2px;
	} 
.kontakty { float: left; width: 353px; margin: 3px 0; } 	


/* kontaktformular ------------------------------------------------------ */
 
.msg { font-weight:bold; width:480px; color:#fff; background:#0185db; padding:5px 10px; margin:10px 0; } /*der text der fehlermeldung */
.errorframe { border:1px solid #0185db; } /*das fehlerhafte feld */

#kontakt form { padding:0; margin: 0; width: 500px; }

#kontakt input {
	background: #fff;
	border: 1px solid #999;
	font: 1em/150% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px 10px;
	width: 343px;
	}

#kontakt input.button {
	width: 485px;
	padding:0;
	height:30px;
	background: #eee;
	margin: 20px 0;
	}

#kontakt textarea {
	background: #fff;
	border: 1px solid #999;
	font: 1em/150% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px 0 2px 10px;
	width: 353px;
	height: 200px;
	}

/**
 Navigation Beispiele
 */
 
.navigation { width:495px; }
.alignleft { float:left; }
.alignright { float:right; }