/*  
Theme Name: Tÿpo St.Gallen
Theme URI: http://www.typo-stgallen.ch
Description: Website 2011
Version: 1.1
Author: Jürgen Wössner
Author URI: http://www.schwarzkunst.ch
*/

* {
    margin: 0;
    padding: 0;
    color:black;
	font-weight:bold;
	font-family:Helvetica, 'Arial Unicode MS', Arial;
	font-size:13px;
	line-height:17px;
	text-decoration:none;
}
img { border:none;}
a:focus { 	outline:none;
}
body {
    background-color:white;
}

/* ——————————————————————————————————————— transitions ————————————— */

a, a *
 {     -moz-transition: color 0.2s ease-out;  /* FF4+ */
       -o-transition: color 0.2s ease-out;  /* Opera 10.5+ */
  -webkit-transition: color 0.2s ease-out;  /* Saf3.2+, Chrome */
      -ms-transition: color 0.2s ease-out;  /* IE10? */
          transition: color 0.2s ease-out;  
}



/* ———————————————————————————————————————————————————— */
#wrapper 			{ margin: 20px auto; width: 960px;   }
#header 			{ height: 240px; width: 960px; position:relative; }

#logo 				{ position:absolute; height: 110px;  width: 480px; top:0; left:0;}

#topnav 			{ position:absolute; height: 35px; top:145px; left:20px; width: 595px;}
#topnav ul 			{ list-style:none; }
#topnav li 			{ float:left; }
#topnav li a 		{ font-size: 18px; padding: 0 39px 0 0; display:block; }
#topnav li a:hover, 
#topnav li.current_page_item a,
#topnav li.current_page_ancestor a {
    color: #DD0028;
}

#pagenav 				{ position:absolute; top: 47px; left:480px;  }
#pagenav ul 			{ list-style: none; width: 110px; }
#pagenav li 			{ float: left; width: 100px;}
#pagenav ul li a 		{ display: block; line-height: 18px; }
#pagenav ul li a:hover,
#pagenav .current_page_item a {
    color: #DD0028;
}

#socialnav { position:absolute; left:630px; top:73px; }

#Forum { position:absolute; left:630px; top:147px;}
#Forum a:hover { color:#DD0028; }



#contentgrid		{  }
.gridleft 			{ float: left; width: 480px;  }
#gridleft 			{ float: left; width: 480px;  }


#footer 		{ clear:both;width: 960px; height:200px;  }
#footer img 	{ margin:50px 17px; }


/* ———————————————————————————————————————————————————— */

.entry 			{ float: left; padding-bottom: 10px; width: 450px;   }
.entry > div 	{ }

.entry h1 				{ font-size: 24px; line-height:30px; margin-bottom: 24px; margin-left:20px; }
.entry h1 strong 		{ font-size: 24px; font-weight: bold; color:#DD0028;}

.entry h2 				{ font-size: 18px; line-height: 24px; margin-bottom:12px; margin-left:20px; }
.entry h2 strong		{ font-size: 18px; line-height: 24px; color:#DD0028; }

.entry p				{ margin-bottom:9px; margin-left:20px;}

.entry p a, .entry p a * { color:#DD0028; }
.entry p a:hover, .entry p a:hover * { color:black; }
.entry p a em { font-weight:normal; font-style:normal; position:relative; top:1px; }

.entry p strong { text-transform:uppercase; }

.entry p + h4, .entry ul + h4  { margin-top:32px;  }
.entry h4 {  margin-bottom: 9px; }
.entry h5 {  margin-left:20px;}

/* nur für im programm */
.entry h3 {  margin-bottom:32px; margin-left:20px; }
.entry p + h3 { margin-top:72px;}
.entry h6 { margin-bottom: 9px; margin-top:10px; } 


.entry ul {	list-style: none; margin-left: 20px; }
.entry li { padding-bottom:9px; }



#sidebar_ort,
#sidebar_empty,
#sidebar_info,
#sidebar_profile { float: left;  margin: 0 15px 0 0; width: 135px;  }

#sidebar_ort img,
#sidebar_info img,
#sidebar_profile img 	{ margin:5px 0 5px 0;}

#sidebar_info a {color:#DD0028; }
#sidebar_info a:hover {color:black; }

#sidebar_ort h6,
#sidebar_info h6,
#sidebar_profile h6 	{ margin-bottom:9px;}

#sidebar_info a { white-space:nowrap; }

#sidebar_sponsoren 		{ float: left; width: 228px; }
#sidebar_sponsoren img { margin-top:-10px; }

.alignright {
    float: right;
}
.alignleft {
    float: left;
}