/* CSS Document */

/* Autor: Uwe Hapke, Dezember 2011 
http://www.uwehapke.de | http://www.minimlwork.de
----------------------------------------------------------------------*/





/**********************************************
*   Basics & Typographie                      *
***********************************************/


html, body {
	padding : 0;
	margin : 0;
	height: 101%;
    background-color:#e2e2e2;

	}
	
h1 {
    font-family: 'droid sans', arial;
	font-size: 30px;
	font-weight: 700;
	color:#000;
	line-height: 22px;
	margin: 0;
	padding: 0;
	padding: 0px 0px 10px 0px;
	}
	
h2 {
    font-family: 'droid sans', arial;
	font-size: 24px;
	font-weight: 700;
	color:#58c8dc;
	line-height: 22px;
	margin: 0;
	padding: 0;
	padding: 0px 20px 10px 0px;
	}
	
h3 {
    font-family: 'droid sans', arial;
	font-size: 18px;
	font-weight: 700;
	color:#a37049;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding: 0px 20px 12px 60px;
	}
	
h4 {
    font-family: 'droid sans', arial;
	font-size: 18px;
	font-weight: 700;
	color:#ff4304;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding: 0px 20px 12px 30px;
	}
	
h5 {
    font-family: 'droid sans', arial;
	font-size: 18px;
	font-weight: 700;
	color:#52a4c7;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding: 0px 20px 12px 0px;
	}
	
h6 {
    font-family: 'droid sans', arial;
	font-size: 18px;
	font-weight: 700;
	color:#a37049;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding: 30px 20px 12px 60px;
	}
	
	
/**********************************************
*   Wrapper                      *
***********************************************/
	
#wrapper {
    width: 960px;
	margin: 0 auto;
	background-color:#fff;
	}
	
#mainwrap {
    float: left;
    width: 480px;
	margin-top: 80px;
	margin-bottom: 20px;

	}
	
/**********************************************
*   Head                      *
***********************************************/	
	
#head {
    margin: 0;
	padding: 0;
	width: 960px;
	height: 60px;
	padding-top: 0px;
	background-color:#fff;
    }

	
/**********************************************
*   Navi                      *
***********************************************/

#navi {
    float: right;
    height: 40px;
    margin-top: 30px;
    margin-left: 20px;
	margin-right:60px;
	padding-top: 10px;
	padding-bottom: 10px;
    text-align:right;
    -moz-border-radius:8px;
	background-color:#fff;
	position: relative;
	}
	

	
#navi ul {
    float:right;
	color:#000;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	padding-top: 0px;
	}
	
#navi li {
    display:inline;
    list-style: none;
	padding-bottom: 20px;
	margin: 0; 

	}
	
#navi a {
	text-decoration: none;
	color:#000;
	font-family: 'arial', serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-transform:uppercase;
    margin-right: 10px;
	padding: 1px;
	}
	

	
#navi a:hover, 
#home #home a,
#pro #pro a,
#prof #prof a, 
#kon #kon a,
#imp #imp a

{
    color:#fff;
	font-weight: bold;
    background-color:#000;
	-moz-border-radius:4px;
	padding: 1px;

	
    }
	



	
/**********************************************
*   Content                      *
***********************************************/
  
	
#maincontent {
    background-color:#fff;
    float: left;
	width: 320px;
    padding: 0;
	margin: 0;
	margin-top: 30px;
	}
    
#maincontent p {
    font-family: 'droid sans', verdana;
	font-weight:normal;
	font-size: 14px;
    color:#000;
	line-height: 18px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	}
	
#maincontent ul {
    font-family: 'droid sans', verdana;
	font-weight:normal;
	font-size: 14px;
    color:#000;
	line-height: 18px;
	margin: 0;
	padding: 0;
	padding-left: 45px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;

	}
	
#maincontent li {
    list-style: square;
	}
	
#maincontent a {
     color:#52a4c7;
	 text-decoration: none;
	 }
	 
#maincontent a:hover {
     color:#000;
	 text-decoration: none;
	 }
	 
#leftcontent {
    float: left;
	width:320px;
    margin: 0;
	padding: 0;
	margin-top: 30px;

	}

#leftcontent p {	
    font-family: 'droid sans', verdana;
	font-weight:normal;
	font-size: 14px;
    color:#000;
	line-height: 18px;
	margin: 0;
	padding: 0;
	padding-left: 60px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	}
	
#leftcontent ul {
    font-family: 'droid sans', verdana;
	font-weight:normal;
	font-size: 14px;
    color:#000;
	line-height: 18px;
	margin: 0;
	padding: 0;
	padding-left: 75px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;


	}
	
#leftcontent li {
    list-style: square;
	}
	
#leftcontent a {
     color:#52a4c7;
	 text-decoration: none;

	 }
	 
#leftcontent a:hover {
     color:#000;
	 text-decoration: none;
	 }
	 
#rightcontent {
    float: left;
	width: 320px;
    padding: 0;
	margin: 0;
	margin-top: 30px;


	}
	
#rightcontent p {
    font-family: 'droid sans', verdana;
	font-weight:normal;
	font-size: 14px;
    color:#000;
	line-height: 18px;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	padding-right: 60px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	}
	
#rightcontent ul {
    font-family: 'droid sans', verdana;
	font-weight:normal;
	font-size: 14px;
    color:#000;
	line-height: 18px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-right: 60px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	}
	
#rightcontent li {
    list-style: square;
	}
	
#rightcontent a {
     color:#52a4c7;
	 text-decoration: none;
	 }
	 
#rightcontent a:hover {
     color:#000;
	 text-decoration: none;
	 }
	 
#onecol {
    float: left;
	width:480px;
    margin: 0;
	padding: 0;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 40px;
	}
	
#onecol p {	
    font-family: 'verdana', Arial;
	font-weight:normal;
	font-size: 12px;
	color:#000;
	line-height: 16px;
	margin: 0;
	padding: 0;
    padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	text-align: left;
	}
	
#onecol a {
     color:#c85856;
	 text-decoration: underline;
	 }
	 
#onecol a:hover {
     color:#000;
	 text-decoration: none;
	 }
	
#twocol {
    float: left;
	width:960px;
    margin: 0;
	padding: 0;
	margin-top: 60px;
	margin-bottom: 20px;
    }
	
#twocol p.frame {
    margin-left: 60px;
	margin-right: 60px;
	 font-family: 'droid sans', verdana;
	font-weight:normal;
	font-size: 16px;
    color:#ff0000;
	line-height: 18px;
	}
	
#leftcontent .titleleft {
    font-family: 'droid sans', verdana;
	font-weight: normal;
	font-size: 14px;
    color:#999;
	letter-spacing:1px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	padding-left: 60px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	}
	
#maincontent .titlemain {
    font-family: 'droid sans', verdana;
	font-weight: normal;
	font-size: 14px;
    color:#999;
	letter-spacing:1px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	}
	
#rightcontent .titleright {
    font-family: 'droid sans', verdana;
	font-weight: normal;
	font-size: 14px;
    color:#999;
	letter-spacing:1px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	}
	


	

	 

	  
/**********************************************
*   Footer                      *
***********************************************/
	
#footer {
    clear: both;
	width: 840px;
	height: 50px;
    background-color:#fff;
	padding: 0;
	margin: 0;
    padding-top: 10px;
	margin-top:20px;
	margin-left: 60px;
	border-top:1px dotted #ccc;
	}
	
#footer p {
    font-family: 'Verdana', Arial;
	font-size: 11px;
	color:#000;
    padding: 0;
	margin: 0;
    text-align: center;
	padding-top: 5px;
	padding-bottom: 20px;
	}
	
#footer a {
     color:#52a4c7;
	 text-decoration: none;
	 }
	
#footer a:hover {
      color:#000;
	 text-decoration: none;
	 }
/**********************************************
*   Verschiedenes          *
***********************************************/
	

#tab2 {
    border-collapse: collapse;
    width: 840px;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-left: 60px;
	margin-right:60px;
	border: 0;
    }

	
#tab2 td {
    background:#fff;
    text-align: left;
	vertical-align: top;

    }
		
#tab2 td p {
    font-family: 'droid sans', Arial;
    font-size: 13px;
    color: #000;
	line-height: 16px;
	margin: 0;
	padding: 0;
    padding-right:30px;
	padding-top: 8px;
	padding-bottom: 20px;
	}
	
#tab2 td a {
     color:#52a4c7;
	 text-decoration: none;
	 }
	 
#tab2 td a:hover {
     color:#000;
	 text-decoration: none; 
	 }
	 
	 
form {
    background-color: #fff;
    text-align: left;
	font-family: "droid sans", Arial;
	color:#000;
	font-size: 13px;
	margin-bottom: 20px;
	padding-left: 30px;
    }
	
label {
    display: block;
	padding-top: 10px;
	padding-bottom: 2px;
	}
	
#absender {
    width: 260px;
	border: 1px dotted #8c8c8c;
	}
	
#nachname {
    width: 260px;
	border: 1px dotted #8c8c8c;
	}
	
#strasse {
    width: 310px;
	border: 1px dotted #8c8c8c;
    }
	
#ort {
    width: 310px;
	border: 1px dotted #8c8c8c;
	}
	
#tel {
    width: 310px;
	border: 1px dotted #8c8c8c;
	}
	

#text {
    width: 260px;
	border: 1px dotted #8c8c8c;
	margin-bottom: 10px;
	}
	
textarea {
    height: 3em;
	}
	
input:focus, textarea:focus {
    background-color: #f7f7f7;
	}

	

    
	
*:focus{ 
    outline : none; 
	}

	
.logo {
    float: left;
	margin: 40px 0px 0px 60px;
	}

	
#my_slideshow {
    padding-left: 60px;
	padding-right: 60px;
	padding-top: 0px;
	padding-bottom: 10px;
     width: 840px;
	 height: 430px;
	 }
	 


http://fonts.googleapis.com/css?family=Oswald:regular

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('http://themes.googleusercontent.com/font?kit=-g5pDUSRgvxvOl5u-a_WHw') format('woff');
  }

http://fonts.googleapis.com/css?family=Oswald:regular

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('http://themes.googleusercontent.com/static/fonts/oswald/v2/-g5pDUSRgvxvOl5u-a_WHw.woff') format('woff');
}